/*



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 {



        background: #d44a03;   



	margin: 0;



	color: #661a00;



	font-size: 12px;



	font-family: 'Arial', sans-serif;



	text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */



	}







a {



	color: #800;



	text-decoration: none;



	}







  	a:hover {



		color: #bc3201;



		}







	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: 'Georgia', serif;



	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: #88000c;



	font-weight: bold;



	letter-spacing: -1px;



	font-size: 12px;



	}



	



	h2.pagetitle, h2.pagetitle a {



		padding: 0 0 5px 0;



		margin: 0 0 20px 0;



		font-family: 'Georgia', serif;



		font-size: 12px;



		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: #88000c;



	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 {



        background: #fdffbb;



	width: 900px;



	margin: 0px auto;



	}















/* THE HEADER */







 #header { 



  margin: 0 auto; 



  padding: 0; 



  width: 900 px; 



  height: 100 px;  



  } 















/* THE MENU */







#menubar {



	background: #f4c903;



	zoom: 1; /* IE fix, allows for variable height menu  */



	}







#menunav {



	float: right;	



	}







	#menunav a  {



		width: 25px;



		height: 25px;



		display: block;



		float: left;



		color: #fecb00;



		font-size: 14px;



		font-weight: bold;



		line-height: 25px;



		text-align: center;



		border-left: 1px solid #fbfec8 ;



		}







		#menunav a:hover {



			background: #800;



			}







#menu {



    padding: 0;



    margin: 0;



	list-style: none;



    float: left;



    line-height: 25px;



	font-size: 12px;



	text-transform: uppercase;



    }







	#menu a {



		padding: 0px 5px;



		display: block;



		color: #fff;



		text-decoration: none;



		border-right: 1px solid #fbfec8;



		}







	#menu li {



		float: left;



		}







	#menu li:hover a, #menu li.sfhover a {



	    color: #fff; /* Main menu highlighted text color */



	    }







	#menu li:hover, #menu li.sfhover {



	    background: #800; /* 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;



		}



	#menu li li {



		width: 150px;



		margin: 0 0 0 -1px;



		border-width: 0 1px 1px 1px;



		border-color: #fff;



		border-style: solid;



		}



	#menu li li a {



		width: 139px;



	    padding: 4px 5px;



		color: #fff;



		border: none;



		}



	#menu li ul ul {



	    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; /*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; /*Submenu text color */



	    }



	#menu li li:hover {



	    background: #f00; /*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 {



	    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 {



	    left: auto;



	    background: #222; /*Submenu background color */



		text-transform: none;



	    }















/* 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: #732900;



	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: #732900;



	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: #732900;



	}







	.nav a:hover, .pagenav a:hover, .nav-blog a:hover {



		color: #d45008;



		}















/* POSTS - PAGES */







#column {



	width: 700px;



	padding: 5px 0 20px 0;



	float: left;



	overflow: hidden;



border-right: 1px solid #d15400;



	}







.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;



	}






.comment-link {



	font-family: 'Georgia', serif;



	font-size: 10px;



	text-align: right;



	}








/* THE BLOG HEADER */



#blogheader {



        display:none;



	font-family: 'Georgia', serif;



	padding: 25px 0 25px 20px;



	font-size: 20px;



	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: 11px;



		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: 199px;



	padding: 5px 0;



	float: left;



	font-size: 11px;



	overflow: hidden;



	}







#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;



		}











/* 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;



	}