/*
Theme Name: ComicPress 3C
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. 3-Column 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;

	background-color:#dcc48c;
	
	color: #000;

	font-size: 12px;

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

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

	}



a {

	color: #dcc48c;;

	text-decoration: none;

	}



  	a:hover {

		color: cc3333;

		}



	a:focus {

		outline: none;

		}



	a img {

		border: none;

		}



p {

	margin: 12px 0;

	}



img {

	max-width: 100%;

	padding: 0;

	}



small {
	font-size: 12px;
	}



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: #dcc48c;
	}



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

	font-weight: bold;

	letter-spacing: -1px;

	font-size: 24px;

	}

	

	h2.pagetitle, h2.pagetitle a {
		padding: 0 0 5px 0;
		color:#dcc48c;
		margin: 0 0 20px 0;
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 32px;
		font-weight: normal;		
		letter-spacing: -1px;
		border-bottom: 2px dotted #dcc48c;
		text-align:right;
		}
	



h3, h3 a, h3 a:hover {

	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	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 {
	
	width: 970px;
	
	margin: 0px auto;
	
	background-color: #755f43;
	background-position:bottom;
	background-repeat:no-repeat;
	
	}







/* THE HEADER */



#header {
	background:url('/images/header.png');
	background-repeat:no-repeat;
	background-color:background-color: #755f43; 
	}



	#header-top {

		height: 120px;

		width: 970px;

		overflow: hidden;

		}

		

		#logo {

			display: block;

			float: left;

			height: 120px;

			width: 305px;

			overflow: hidden;

			text-indent: -9999px;

			}

			

		#ad-placement{

			width: 468px;

			height: 120px;

			padding: 36px 15px 0 0px;

			float: right;

			}

		

	.description {

		padding: 0 0 10px 0;

		font-size: 14px;

		font-style: italic;

		letter-spacing: 2px;	

		}



#header-dark {

	background: url('header-dark.png') no-repeat;

	}



/* INDIVIDUAL PAGE HEADER */




#header-page {
	background:url('/images/header-page.png');
	background-repeat:no-repeat;
	background-color:background-color: #755f43; 
	}



	#header-pagetop {

		height: 120px;

		width: 970px;

		overflow: hidden;

		}

		

		#header-pagelogo {

			display: block;

			float: left;

			height: 120px;

			width: 305px;

			overflow: hidden;

			text-indent: -9999px;

			}

			

		#ad-placement{

			width: 468px;

			height: 120px;

			padding: 36px 15px 0 0px;

			float: right;

			}

		

	.description {

		padding: 0 0 10px 0;

		font-size: 14px;

		font-style: italic;

		letter-spacing: 2px;	

		}





/* THE MENU */



#menubar {

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

	}



#menunav {

	float: right;	

	}



	#menunav a  {

		width: 25px;

		height: 25px;

		display: block;

		float: left;

		color: #fff;

		font-size: 19px;

		font-weight: bold;
		
		line-height: 25px;

		text-align: center;
		text-shadow:#000 1px 1px;
		border-left: 1px solid #fff;
		
		}



		#menunav a:hover {

			background: #800;

			}



#menu {

    padding: 0;
    margin: 0;
	list-style: none;
    float: right;
    line-height: 25px;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-transform:none;
    }



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

		float: right;

		}



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

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

	    }



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

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

	}



#comic-head {

     text-align: right;
	 font-family:Tahoma, Geneva, sans-serif;
	 padding-right:68px;
	 font-weight:bold;
	 font-size:14px;
	}

	

#comic-foot {

   width: 956px; 

   height: 40px; 

   display: block; 

   margin: 0 auto; 

   background: #000000; 

   border: #000000 2px solid; 

	}



#comic-title{

	color:#FFF;

	float: left; 

	display: inline;

	font-size: 18px;

	font-weight: bold;

	height:inherit;

	background: #039;  			 

	}



/* COMIC NAVIGATION */ 



#comicnav { 
   width: 952px; 
   height: 40px; 
   margin: 0 auto; 
   background: #66aaaa url('/images/menu.png') repeat-x;  
   vertical-align:bottom; 
   overflow: hidden;
   } 


#comicnav a{ 
   height: 40px; 
   width: 75px;     
   } 

#comicnav .first a{ 
float: left; 
display: inline;
background: url('/images/first.png') no-repeat; 
overflow: hidden;
   } 

#comicnav .first a:hover { 
float: left; 
display: inline;
background: url('/images/firstroll.png') no-repeat; 
overflow: hidden;
   } 

#comicnav .yesterday a{ 
float: left; 
background: url('/images/yest.png') no-repeat; 
overflow: hidden;
   } /*Yesterday code not needed if you don't want it*/ 


#comicnav .yesterday a:hover { 
float: left; 
background: url('/images/yestroll.png') no-repeat; 
overflow: hidden;
   }/*Yesterday code not needed if you don't want it*/ 

#comicnav .previous a{ 
	float: left; 
	display: inline;
	background: url('/images/prev.png') no-repeat; 
	overflow: hidden;

   } 

#comicnav .previous a:hover { 
float: left; 
display: inline;
background: url('/images/prevroll.png') no-repeat; 
overflow: hidden;
} 


#comicnav .next a{ 
	float: right; 
	display: inline;
	background: url('/images/next.png') no-repeat; 
	background-position:right;
	overflow: hidden;
} 



#comicnav .next a:hover { 

	float: right; 
	display: inline;
	background: url('/images/nextroll.png') no-repeat; 
	background-position:right;
	overflow: hidden;

}



#comicnav .last a{ 

float: right; 

display: inline;

background: url('/images/last.png') no-repeat; 

overflow: hidden;

} 



#comicnav .last a:hover { 

float: right; 

display: inline;

background: url('/images/lastroll.png') no-repeat; 

overflow: hidden;

}

#navbar-date {
		width: 120px;

		height: 40px;

		float: left;

		font-family: Tahoma, Geneva, sans-serif;  

		font-weight:bold; 

		text-transform: uppercase;

		font-size: 14px;

		line-height: 40px;

		text-align: center;

		color: #FFF;

		overflow: hidden;

		}



#navbar-title-wrap {

			width: 500px;

			height: 40px;

			float: left;

			font-family: Tahoma, Geneva, sans-serif; 

			font-weight:200;

			font-size: 21px;

			letter-spacing: 0px;

			line-height: 40px;

			color: #fff;

			overflow: hidden;
			padding-left:50px;
			}



			#navbar-title {

				

				display: block;

				padding-left: 15px;

				padding-right: 15px;

				background: #cc3333;

				color: #fff;

				float: left;

				background-color:#cc3333;

				}



/* THE FOOTER */



#footer {

	
	background:url('images/backfooter.png');
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 20px 0;
	color:#FFF;
	font-size:11px;
	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;

		}



	.navdivider {

		padding: 0 5px 0 0;

		margin: 0 5px 0 0;

		border-right: 1px solid #000;

		}







/* POSTS - PAGES */





#column {

	background-color: #755f43;
	width: 548px;
	padding: 5px 0 20px 0;
	float: left;
	overflow: hidden;
	border-left-style: dotted;
	border-left-width: 3px;

	}




.news-header{

	height:40px;
	width:500px;
	padding-left: 55px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif; 
	font-weight:200;
	font-size: 21px;	
	letter-spacing: 0px;
	line-height: 40px;
	color: dcc48c;
	background: url('/images/atombullet.png');
	background-position:left;
	background-repeat:no-repeat;
	text-shadow: #000000 0 0 0px;

}




.post{

	padding: 0 20px;	

}



.post-comic{

	padding: 0 20px;

}



.entry{

	padding: 3px 3px 3px 25px;

	color: #FFF;

	font-size:13px;

}



.post-page {

	padding: 0 20px;

	}



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

	
font-family: Tahoma, Geneva, sans-serif; 
	font-weight:200;
	font-size: 21px;	
	letter-spacing: 0px;
	line-height: 40px;
	color: dcc48c;

	}

	

.post-foot, .post-comic-foot, .post-page-foot {

	margin: 0 0 40px 0;

	height: 10px;

	overflow: hidden;

	}

	

	.comicdate {

		font-size: 14px;

		}



	.postdate {
		padding-top:-5px;
		padding-left:55px;
		color:#dcc48c;
		font-size: 11px;
		font-style:italic;

		}



.more-link {

	border-top: 1px dashed #000;

	font-style: italic;

	display: block;

	clear: both;

	}

		

.tags {

	float:right;
	font-size: 11px;
	color:#FFF;
	clear: both;

	}



.comment-link {

	font-family:Tahoma, Geneva, sans-serif;

	font-size: 16px;

	text-align: right;

	}







/* THE BLOG HEADER */



#blogheader {

	padding-bottom: 25px;

	}







/* COMMENTS */

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



	.comment-wrap h20 {
		color:dcc48c;
		margin: 0;
		padding: 20px 0 0 0;
		font-weight: normal;
		font-size: 20px;
		clear: both;
		font-family:Tahoma, Geneva, sans-serif;

		}



.comment {

	padding: 10px;
	margin: 10px 0 0 0;
	clear: both;
	min-height: 32px;
	border-bottom:1px dotted #fff;
	}



	.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;
		color:#000;
		}



	.comicarchiveframe a small {

		display: block;

		color: #000;

		}



.archive-year {

	font-size: 48px;

	}



.archive-yearlist {

	padding: 0 0 10px 0;

	font-size: 14px;

	}







/* SIDEBAR-left */



#sidebar-left {

	background-color:  #755f43;
	margin-left:9px;
	width: 200px;
	padding-top: 15px;
	float: left;
	font-size: 11px;
	overflow: hidden;
	color:#dcc48c;
	}


#sidebar-left h2, #sidebar h2 a {	

	font-size: 16px;
	color:#dcc48c;

	}




#sidebar-left ul {

	margin: 0;

	padding: 0;

	list-style: none;

	}



	#sidebar-left ul li {

		margin: 0 0 10px 10px;

		padding: 0;

		}



		#sidebar-left ul li ul li {

			margin: 0 0 0 10px;

			padding: 0;

			}


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

	}

/* SIDEBAR-right */



#sidebar-right {
	background: #66aaaa;
	width: 201px;
	padding: 5px 0;
	float: left;
	font-size: 11px;
	overflow: hidden;
	color:#FFF;
	}

#twitter_div {
	background:#003;
	margin-left:21px;
	width: 159px;
	float:left;
	font-size: 11px;
	overflow: hidden;
	color:#FFF;
	}
	
#sidebar-right h2, #sidebar h2 a {	

	font-size: 16px;
	color:#FFF;
	}



#sidebar-right ul {

	margin: 0;

	padding: 0;

	list-style: none;

	}



	#sidebar-right ul li {

		margin: 0 0 10px 10px;

		padding: 0;

		}



		#sidebar-right ul li ul li {

			margin: 0 0 0 10px;

			padding: 0;

			}
		
		#sidebar-right ul li ul a {
			color: #FFF;
		}

#sidebar-rightad{

	background:url('images/rightbaradback.png');
	background-repeat:no-repeat;
	
}


/* 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 {
	color:#000;
	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;

	}