/*

Theme Name: ComicPress

Theme URI: http://comicpress.org

Description: Publish a comic with WordPress. Standard 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', sans-serif;

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

	}



a {

	color: #800;

	text-decoration: none;

	}



  	a:hover {

		color: #f00;

		}



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

		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
{
   width: 760px;
   height: 170px;
   margin: 0 auto;
   background: #fff;
}

.description
{
   margin: -3px 0 0 0;
   padding: 0px 0 10px 30px;
   font-family: 'Times New Roman' , serif;
   font-size: 14px;
   font-style: italic;
   letter-spacing: 2px;
} 



/* THE MENU */



#menubar {

	background: #000;

	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;

		border-left: 1px solid #fff;

		}



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

		}



	#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: #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: 560px;

	padding: 5px 0 20px 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: 16px;

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

	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;

		}







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

	}
/* COMIC NAVIGATION */

#comicnav {
   width: 760px;
   height: 28px;
   margin: 0 auto;
   background: #000000 url('/images/menu.png') repeat-x;
   border: #000000 2px solid;
   }



#comicnav a{
   height: 28px;
        width: 225px;
   margin: 0 auto;
   line-height: 28px;
   list-style-type: none;
   list-style: none;   
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   }

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

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


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

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


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

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

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

#comicnav .next a:hover {
float: right;
background: url('/images/nextroll.png') no-repeat;
   }

/*IMAGE PRELOADS*/

#imagepreload { display: none }