/*
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: white; font-size: 12px; font-family: Arial, sans-serif; background-color: white; text-shadow: none; /* Lighten Safari's heavy fonts */
	}

a { color: #000; background-color: #fff; text-decoration: none; }

  	a:hover { color: #fff; background-color: #800; }

	a:focus { color: #fff; background-color: #000; outline: none medium; }

	a img { color: #fff; background-color: #000; border: none; }

p { color: #000; background-color: #fff; margin: 12px 0; }

img { color: #000; background-color: #fff; max-width: 100%; padding: 0; }

small { color: #000; font-size: 11px; background-color: #fff; }

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

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

	blockquote cite { color: #000; background-color: #fff; margin: 5px 0 0; display: block; }

cite { color: #000; font-size: 13px; font-weight: bold; font-style: normal; background-color: #fff; }

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

acronym, abbr, span.caps { color: #000; background-color: #fff; cursor: help; }

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

form { color: #000; background-color: #fff; margin: 0; }



/* HEADINGS */

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

h2, h2 a, h2 a:hover { margin: 0; color: #800; font-weight: bold; letter-spacing: -1px; font-size: 24px; background-color: #fff; }
	
	h2.pagetitle, h2.pagetitle a { color: #800; padding: 0 0 5px; margin: 0 0 20px; font-family: Georgia, serif; font-size: 32px; font-weight: normal; background-color: #fff; letter-spacing: -2px; }

h3, h3 a, h3 a:hover { padding: 0; margin: 0; font-size: 20px; font-weight: bold; text-align: left; color: #000; background-color: #fff; 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 { color: #000; background-color: #fff; width: 760px; margin: 0 auto; }



/* THE HEADER */

#header { color: #000; background: url(http://www.neverborncomic.com/wp-content/themes/comicpress-v/logo2.png); text-align: center; height: 209px; }

	.description { display: none; }



/* THE MENU */

#menubar { color: #000; background: transparent; zoom: 1; /* IE fix, allows for variable height menu  */
	}

#menunav { color: #000; background-color: transparent; float: right; }

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

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

#menu { color: #000; padding: 0; margin: 0; list-style: none; float: left; line-height: 25px; font-size: 12px; background-color: transparent; text-transform: uppercase; }

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

	#menu li { color: #000; background-color: transparent; float: left; }

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

	#menu li:hover, #menu li.sfhover { color: #fff; background: #800; /* Main menu highlighted background color */
	    }
	
	/* For submenu dropdowns - this order must be maintained */

	#menu ul { color: #fff; padding: 0; margin: 0; list-style: none; position: absolute; left: -9999px; width: 151px; line-height: 1; background-color: #000; border-top: 1px solid #fff; }
	#menu li li { color: #000; background-color: transparent; width: 150px; margin: 0 0 0 -1px; border-width: 0 1px 1px; border-color: #fff; border-style: solid; }
	#menu li li a { width: 139px; padding: 4px 5px; color: #000; background-color: transparent; border: none; }
	#menu li ul ul { color: #000; background-color: transparent; margin: -21px 0 0 151px; }
	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { color: #fff; background-color: #800; /*Submenu highlighted text color */
	    }
	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a  { color: #fff; background-color: #800; /*Submenu text color */
	    }
	#menu li li:hover { color: #fff; background: #800; /*Submenu highlighted background color */
	    }
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { color: #fff; background-color: #800; left: -9999px; }
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { color: #fff; left: auto; background: #800; /*Submenu background color */
		text-transform: none; }



/* THE COMIC */

#comic { color: #000; background-color: #fff; padding: 10px 0; text-align: center; }



/* THE FOOTER */

#footer { color: #000; background-color: #fff; padding: 0px 0; text-align: left; }



/* NAVIGATION */

.nav { color: #000; float: right; font-size: 12px; font-weight: bold; background-color: #fff; }
	
	.nav-first { color: #000; background-color: #fff; padding: 0 5px 0 0; float: left; border-right: 1px solid #fff; }
	
	.nav-previous  { color: #000; background-color: #fff; padding: 0 5px; float: left; }
	
	.nav-next  { color: #000; background-color: #fff0; padding: 0 5px; float: left; border-right: 1px solid #fff; border-left: 1px solid #fff; }
		
	.nav-last { color: #000; background-color: #fff; padding: 0 0 0 5px; float: left; }

.nav-blog { color: #000; font-size: 12px; font-weight: bold; background-color: #fff; float: right; }
	
	.nav-blog-previous { color: #000; background-color: #fff; padding: 0 5px 0 0; float: left; }
		
	.nav-blog-next { color: #000; background-color: #fff; padding: 0 0 0 5px; float: left; border-left: 1px solid #000; }

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

	.pagenav-left { color: #000; background-color: #fff; float: left; }

	.pagenav-right { color: #000; background-color: #fff; float: right; }

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

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



/* POSTS - PAGES */

#column { color: #000; background-color: #fff; width: 560px; padding: 0px 0 0px; float: left; overflow: hidden; }

.post, .post-comic, .post-page { color: #000; background-color: transparent; padding: 0 20px; }

.post-head, .post-page-head, .post-comic-head { color: #000; background-color: transparent; }
	
.post-foot, .post-comic-foot, .post-page-foot { color: #000; background-color: transparent; margin: 0 0 40px; height: 10px; overflow: hidden; }
	
	.comicdate { color: #000; font-size: 14px; background-color: #fff; }

	.postdate { color: #000; font-size: 11px; background-color: transparent; }

.more-link { color: #000; border-top: 1px dashed #000; font-style: italic; background-color: transparent; display: block; clear: both; }
		
.tags { color: #000; font-size: 11px; background-color: transparent; clear: both; }

.comment-link { color: #000; font-family: Georgia, serif; font-size: 16px; background-color: transparent; text-align: right; }



/* THE BLOG HEADER */

#blogheader { color: #000; font-family: Georgia, serif; padding: 0px 0 0px 0px; font-size: 32px; background-color: #fff; 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 #fff;
	min-height: 64px;
	}

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

.comment-author {
	display: inline;
	}

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

.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 { color: #000; padding: 5px; border: solid 1px #000; background: #fff; opacity: 0.99; filter: alpha(opacity=99); }
 
	.comicarchiveframe:hover { color: #000; background-color: #fff; opacity: 0.70; filter: alpha(opacity=70); }

	.comicarchiveframe h3 { color: #000; background-color: #fff; margin: 0; }

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

.archive-year { color: #000; font-size: 48px; background-color: #fff; }

.archive-yearlist { color: #000; padding: 0 0 10px; font-size: 14px; background-color: #fff; }



/* SIDEBAR */

#sidebar { width: 200px; padding: 5px 0; float: left; font-size: 11px; background-color: #fff; overflow: hidden; }

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

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

	#sidebar ul li { background-color: #fff; margin: 0 0 10px 10px; padding: 0; }

		#sidebar ul li ul li { background-color: #fff; margin: 0 0 0 10px; padding: 0; }



/* WIDGETS */

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

.comic-bookmark { color: #000; background-color: transparent; margin: 0 0 10px 5px; }

.archive-dropdown { color: #000; background-color: transparent; max-width: 100%; }



/* CALENDAR */

#wp-calendar { color: #000; background-color: #fff; width: 165px; margin: 0 0 0 5px; }

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

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

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

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

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



/* SEARCH */

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

#searchsubmit { color: #fff; padding: 0 5px; font-size: 12px; font-family: Arial, sans-serif; background-color: #000; }



/* GALLERY */

.gallery-image { color: #000; width: 518px; border: none; overflow: hidden; background: #fff; float: center;}

.gallery-caption { color: #000; font-size: 11px; background-color: #fff; }
	
	.gallery-caption  p {
		width: 510px;
		padding: 5px;
		margin: 0;
		text-align: center;
		color: #000;
		background: #fff;
		}
#gallery-1 img {
    border: none !important;
}
.imagenav-wrap { color: #000; background-color: #fff; margin: 5px 0 0; }

.imagenav { color: #000; background-color: #fff; width: 77px; height: 77px; float: left; overflow: hidden; }

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

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

.imagenav-bg { color: #fff; width: 75px; height: 75px; position: absolute; z-index: 0; background: #000; border: none; overflow: hidden; }

	.imagenav-bg img { color: #000; background-color: #fff; width: 75px; height: 75px; }

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

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

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

			.imagenav-link img:hover { color: #000; background-color: #800; opacity: 0.00; filter: alpha(opacity=0); }



/* POSTED IMAGES  */

.wp-caption  p { color: #fff; margin: 5px 0; line-height: 11px; font-size: 11px; background-color: #000; }

.aligncenter { color: #fff; background-color: #fff; margin: 0 auto; display: block; }

.alignright { color: #fff; background-color: #fff; margin: 10px 0 10px 10px; display: inline; float: right; }

.alignleft { color: #fff; background-color: #fff; margin: 10px 10px 10px 0; display: inline; float: left
	  }



/* TRANSCRIPT */

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

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

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

		#transcript-content { color: #000; font-family: "Courier New", monospace; background-color: #000; overflow: hidden; }

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

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



/* STORYLINES */

.storyline-cats { color: #000; background-color: #fff; padding: 0; margin: 0; list-style: none; }

.storyline-cats li { color: #000; background-color: #fff; display: inline; }

	li.storyline-root { color: #000; background-color: #fff; display: none; }



/* CLEAR FLOATS */

.clear { color: #000; background-color: transparent; clear: both; }



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

.clear-margins { color: #fff; clear: both; height: 0; line-height: 0; font-size: 0; background-color: #000; }