/*
Theme Name: ComicPress V
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. Vertical Edition. <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin
Author URI: http://mindfaucet.com/
Version: 2.7
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/



/* STANDARD TAGS */

body {
   margin: 0;
   color: #000;
   font-size: 12px;
   font-family: 'Arial';
   text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */
}

a {
   color: #b6b6b6;
   text-decoration: none;
}

a:hover {
   color: #9a9a9a;
}

a:focus {
   outline: none;
}

a img {
   border: none;
}

p {
   margin: 12px 0;
}

img {
   max-width: 100%;
   padding: 0;
}

small {
   font-size: 11px;
}

hr {
   height: 1px;
   color: #000;
   background-color: #000;
   border: 0px;
}

blockquote {
   margin: 10px;
   padding: 5px 10px 5px 20px;
   border-width: 1px 1px 1px 5px;
   border-style: solid;
   border-color: #000;
}

blockquote cite {
   margin: 5px 0 0;
   display: block;
}

cite {
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
}

code {
   padding: 10px;
   display: block;
   font-family: 'Courier New', monospace;
   border: 1px dotted #000;
   overflow: scroll;
}

acronym,
abbr,
span.caps {
   cursor: help;
}

acronym,
abbr {
   border-bottom: 1px dashed #000;
}

form {
   margin: 0;
}

/* HEADINGS */

h1,
h1 a,
h1 a:hover {
   padding: 10px 0 0 0;
   margin: 0;
   color: #000;
   font-size: 60px;
   font-family: 'Arial';
   font-weight: normal;
   line-height: 50px;
   text-decoration: none;
   letter-spacing: -4px;
   font-variant: small-caps;
}

h2,
h2 a,
h2 a:hover {
   margin: 0;
   color: #000;
   font-weight: bold;
   letter-spacing: -1px;
   font-size: 24px;
}

h2.pagetitle,
h2.pagetitle a {
   padding: 0 0 5px 0;
   margin: 0 0 20px 0;
   font-family: 'Arial';
   font-size: 32px;
   font-weight: normal;
   letter-spacing: -2px;
}

h3,
h3 a,
h3 a:hover {
   padding: 0;
   margin: 0;
   font-size: 20px;
   font-weight: bold;
   text-align: left;
   color: #000;
   text-decoration: none;
   clear: both;
   letter-spacing: -1px;
}

/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #column width by the same amount */

#page {
   width: 760px;
   margin: 0px auto;
}

/* THE HEADER */

#header {
   text-align: center;
}

.description {
   padding: 0 0 10px 0;
   font-size: 14px;
   font-style: italic;
   letter-spacing: 2px;
}

/* THE MENU */

#menubar {
   background: #fff;
   zoom: 1; /* IE fix, allows for variable height menu  */
   width: 760px;
   height: 20px;
}

#menunav {
   position: relative;
   right: 50%;
   float: right;
}

#menunav a {
   width: 25px;
   height: 25px;
   display: block;
   position: relative;
   right: 50%;
   float: right;
   color: #fff;
   font-size: 19px;
   font-weight: bold;
   line-height: 25px;
   text-align: center;
   border-left: 1px solid #000;
}

#menunav a:hover {
   background: #fff;
}

#menu {
   padding: 0;
   margin: 0 auto;
   list-style: none;
   position: relative;
   right: 50%;
   float: right;
   line-height: 25px;
   font-size: 12px;
   text-transform: uppercase;
   text-align: center;
   height: 20px;
}

#menu a {
   padding: 0px 5px;
   display: block;
   color: #fff;
   text-decoration: none;
   border-right: 1px solid #fff;
}

#menu li {
   position: relative;
   left: 50%;
   float: left;
}

#menu li:hover a,
#menu li.sfhover a {
   color: #fff; /* Main menu highlighted text color */
}

#menu li:hover,
#menu li.sfhover {
   background: #bebebe; /* Main menu highlighted background color */
}

/* For submenu dropdowns - this order must be maintained */

	#menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
   position: absolute;
   left: -9999px;
   width: 151px;
   line-height: 1;
   border-top: 1px solid #fff;
}
/* THE COMIC */

#comic {
   padding: 10px 0;
   text-align: center;
}

/* THE FOOTER */

#footer {
   padding: 20px 0;
   text-align: center;
}

/* NAVIGATION */

.nav {
   float: right;
   font-size: 12px;
   font-weight: bold;
}

.nav-first {
   padding: 0 5px 0 0;
   float: left;
   border-right: 1px solid #000;
}

.nav-previous {
   padding: 0 5px;
   float: left;
}

.nav-next {
   padding: 0 5px;
   float: left;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
}

.nav-last {
   padding: 0 0 0 5px;
   float: left;
}

.nav-blog {
   color: #000;
   font-size: 12px;
   font-weight: bold;
   float: right;
}

.nav-blog-previous {
   padding: 0 5px 0 0;
   float: left;
}

.nav-blog-next {
   padding: 0 0 0 5px;
   float: left;
   border-left: 1px solid #000;
}

.pagenav {
   padding: 40px 20px 0 20px;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   clear: both;
}

.pagenav-left {
   float: left;
}

.pagenav-right {
   float: right;
}

.nav a,
.pagenav a,
.nav-blog a {
   display: block;
   float: left;
   color: #000;
}

.nav a:hover,
.pagenav a:hover,
.nav-blog a:hover {
   color: #800;
}

/* POSTS - PAGES */

#column {
   width: 400px;
   padding: 5px 0 20px 0;
   float: left;
   overflow: hidden;
}

#column2 {
   width: 760px;
   /* padding: 5px 0 5px 0;
	float: left; */
	overflow: hidden;
}

.post,
.post-comic,
.post-page {
   padding: 0 20px;
}

.post-head,
.post-page-head,
.post-comic-head {
}

.post-foot,
.post-comic-foot,
.post-page-foot {
   margin: 0 0 40px 0;
   height: 10px;
   overflow: hidden;
}

.comicdate {
   font-size: 14px;
}

.postdate {
   font-size: 11px;
}

.more-link {
   border-top: 1px dashed #000;
   font-style: italic;
   display: block;
   clear: both;
}

.tags {
   font-size: 11px;
   clear: both;
}

.comment-link {
   font-family: 'Georgia', serif;
   font-size: 9px;
   text-align: right;
}

/* THE BLOG HEADER */

#blogheader {
   font-family: 'Georgia', serif;
   padding: 25px 0 25px 20px;
   font-size: 32px;
   letter-spacing: -2px;/* border-top: 1px solid #000; */
	}

/* COMMENTS */

.comment-wrap {
   padding: 0 20px;
}

.comment-wrap h3 {
   margin: 0;
   padding: 20px 0 0 0;
   font-weight: normal;
   font-size: 20px;
   clear: both;
   font-family: 'Georgia', serif;
}

.comment {
   padding: 10px;
   margin: 10px 0 0 0;
   clear: both;
   border: 1px solid #000;
   min-height: 64px;
}

.comment .comment {
   border: 1px dotted #000;
}

.comment-author {
   display: inline;
}

.comment-meta {
   display: inline;
   padding: 0 0 0 5px;
   margin: 0 0 0 2px;
   border-left: 1px solid #000;
}

.says {
   display:none;
}

.avatar {
   margin: 0 10px 0 0;
   float: left;
}

#comment {
   width: 100%;
   font-size: 12px;
   font-family: 'Arial', sans-serif;
}

#author,
#email,
#url {
   width: 200px;
   font-size: 12px;
   font-family: 'Arial', sans-serif;
}

#submit {
   margin: 0 0 20px 0;
   float: right;
}

ol.commentlist {
   margin: 0;
   padding: 0;
   font-size: 11px;
   list-style: none;
}

ol.commentlist p {
   margin: 10px 0 0 74px;
}

ul.children {
   margin: 0;
   padding: 0;
   list-style: none;
}

.reply {
   padding: 10px 0 0 0;
   text-align: right;
}

/* ARCHIVE */  
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */  

.comicarchiveframe {
   padding: 5px;
   border: 1px solid #000;
   background: #fff;
   opacity: 0.99;
   filter: alpha(opacity=99);
}

.comicarchiveframe:hover {
   opacity: 0.70;
   filter: alpha(opacity=70);
}

.comicarchiveframe h3 {
   margin: 0;
}

.comicarchiveframe a small {
   display: block;
   color: #000;
}

.archive-year {
   font-size: 48px;
}

.archive-yearlist {
   padding: 0 0 10px 0;
   font-size: 14px;
}

/* SIDEBAR */

#sidebar {
   width: 352px;
   padding: 5px 0;
   margin-top: 50px;
   float: left;
   font-size: 11px;
   overflow: hidden;
   border-style: solid;
   border-width: 4px;
   background-color: #eeeeee;
}

#sidebar h2,
#sidebar h2 a {
   font-size: 16px;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar ul li {
   margin: 0 0 10px 10px;
   padding: 0;
}

#sidebar ul li ul li {
   margin: 0 0 0 10px;
   padding: 0;
}

/* WIDGETS */

.random-comic-icon {
   padding: 0 5px;
   color: #fff;
   background: #000;
}

.comic-bookmark {
   margin: 0 0 10px 5px;
}

.archive-dropdown {
   max-width: 100%;
}

/* CALENDAR */

#wp-calendar {
   width: 165px;
   margin: 0 0 0 5px;
}

#wp-calendar th {
   font-size: 10px;
   font-weight: normal;
   text-align: center;
}

#wp-calendar caption {
   font-family: 'Georgia', sans-serif;
   font-size: 18px;
   letter-spacing: -1px;
   font-variant: small-caps;
}

#wp-calendar td {
   min-width: 20px;
   padding: 0;
   text-align: center;
   border: 1px solid #000;
}

#wp-calendar a {
   display: block;
   text-decoration: none;
   font-weight: bold;
}

#wp-calendar a:hover {
   color: #fff;
   background: #000;
}

/* SEARCH */

#s {
   width: 140px;
   margin: 0;
   padding: 2px;
   font-size: 12px;
   font-family: 'Arial', sans-serif;
}

#searchsubmit {
   padding: 0 5px;
   font-size: 12px;
   font-family: 'Arial', sans-serif;
}

/* GALLERY */

.gallery-image {
   width: 518px;
   border: 1px solid #000;
   overflow: hidden;
   background: #000;
}

.gallery-caption {
   font-size: 11px;
}

.gallery-caption p {
   width: 510px;
   padding: 5px;
   margin: 0;
   text-align: center;
   color: #fff;
   background: #000;
}

.imagenav-wrap {
   margin: 5px 0 0 0;
}

.imagenav {
   width: 77px;
   height: 77px;
   float: left;
   overflow: hidden;
}

.imagenav-center {
   width: 344px;
   height: 65px;
   margin: 0 5px;
   padding: 10px 5px 0 5px;
   float: left;
   color: #000;
   text-align: center;
   border: 1px solid #000;
   overflow: hidden;
}

.imagetitle {
   color: #000;
   font-size: 18px;
}

.imagenav-bg {
   width: 75px;
   height: 75px;
   position: absolute;
   z-index: 0;
   background: #ddd;
   border: 1px solid #000;
   overflow: hidden;
}

.imagenav-bg img {
   width: 75px;
   height: 75px;
}

.imagenav-arrow {
   width: 75px;
   height: 75px;
   position: absolute;
   z-index: 1;
   color: #fff;
   font-size: 80px;
   font-weight: bold;
   line-height:75px;
   text-align: center;
   border: 1px solid #000;
   float: left;
}

.imagenav-link {
   width: 75px;
   height: 75px;
   position: absolute;
   z-index: 2;
   border: 1px solid #000;
   float: left;
   overflow: hidden;
}

.imagenav-link img {
   width: 75px;
   height: 75px;
   opacity: 0.50;
   filter: alpha(opacity=50);
}

.imagenav-link img:hover {
   opacity: 0.00;
   filter: alpha(opacity=0);
}

/* POSTED IMAGES  */

.wp-caption p {
   margin: 5px 0;
   line-height: 11px;
   font-size: 11px;
}

.aligncenter {
   margin: 0 auto;
   display: block;
}

.alignright {
   margin: 10px 0 10px 10px;
   display: inline;
   float: right;
}

.alignleft {
   margin: 10px 10px 10px 0;
   display: inline;
   float: left
}

/* TRANSCRIPT */

#transcript {
   padding: 0 10px;
   font-size: 11px;
   border-left: 4px dotted #000;
   border-right: 4px dotted #000;
}

.transcript-border {
   padding: 0 5px;
   margin: 15px 0;
   border: 1px solid #000;
   background: #fff;
   clear: both;
}

a.transcript-title {
   padding: 0 0 5px 0;
   margin: 0 0 5px 0;
   display: block;
   font-family: 'Georgia', serif;
   font-style: italic;
   font-size: 16px;
   letter-spacing: -1px;
   border-bottom: 1px dashed #000;
}

#transcript-content {
   font-family: 'Courier New', monospace;
   overflow: hidden;
}

#s-transcript {
   width: 140px;
   margin: 0;
   padding: 2px;
   font-size: 12px;
   font-family: 'Georgia', serif;
   font-style: italic;
}

#searchsubmit-transcript {
   padding: 0 5px;
   font-size: 12px;
   font-family: 'Arial', sans-serif;
}

/* STORYLINES */

.storyline-cats {
   padding: 0;
   margin: 0;
   list-style: none;
}

.storyline-cats li {
   display: inline;
}

li.storyline-root {
   display: none;
}

/* CLEAR FLOATS */

.clear {
   clear: both;
}

/* CLEAR MARGINS */
/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */

.clear-margins {
   clear: both;
   height: 0;
   line-height: 0;
   font-size: 0;
}