/*  

 

Theme Name: ComicPress GN

Version: 2.5



Theme URI: http://mindfaucet.com/comicpress/

Description: The Graphic Novel Edition of the customizable theme for publishing comics. <a href="http://mindfaucet.com/comicpress">Visit the ComicPress website.</a>



	Author: Tyler Martin

	Author URI: http://mindfaucet.com/



The CSS, XHTML and design is released under GPL v3:

http://www.opensource.org/licenses/gpl-3.0.html



*/







/* STANDARD HTML TAGS */



body { color: #030303; margin: 0; font-size: 12px; font-family: Arial, sans-serif; background: #030303 url(http://zombieammo.com/images/background/za_wordpress.jpg) repeat-y center top; }



a {

	color: #000;

	text-decoration: underline;

  	}

  	

  	a:hover { color: #b32f25; font-weight: bold; }



	a img {

		border: none;

		}



p img {

	max-width: 100%;

	padding: 0;

	}

		

small {

	font-size: 11px;

	}

 

hr {

	height: 1px;

	color: #777;

	background-color: #777;

	border: 0px;

	}



blockquote {

	margin: 10px;

	padding: 5px 10px 5px 20px;

	border-width: 1px 1px 1px 5px;

	border-style: solid;

	border-color: #ddd;

	}



	blockquote cite {

		margin: 5px 0 0;

		display: block;

		}



cite {

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

	font-size: 13px;

	font-weight: bold;

	font-style: normal;

	}

	

code {

	padding: 10px;

	display: block;

	font-family: 'Courier New', monospace;

	background: #eee;

	border: 1px dotted #777;

	overflow: scroll;

	}



acronym, abbr, span.caps {

	cursor: help;

	}



	acronym, abbr {

		border-bottom: 1px dashed #999;

		}







/* HEADINGS */



h1, h1 a, h1 a:hover { margin: 0; padding: 0 0 0 5px; color: #000; font-size: 24px; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; text-align: left; text-decoration: none; }



h2, h2 a { margin: 0; color: #111; font-weight: bold; font-size: 24px; font-family: Arial, sans-serif; text-align: left; text-decoration: none; }



	h2.pagetitle, h2.pagetitle a { margin: 20px 0 0; padding: 0 0 5px; color: #b32f25; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; text-align: left; }



h3, h3 a {

	margin: 30px 10px 0 0;

	padding: 0;

	color: #111;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	text-decoration: none;

	clear: both;

	}



h2 a:hover, h3 a:hover { color: #111; }







/* THE HEADER */



#header { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 900px; height: 200px; margin: 0 auto; }

	

	.description { margin: -3px 0 0; padding: 0 0 10px 30px; color: #b32f25; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; }







/* THE MENU */



#menubar { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 900px; height: 25px; margin: 0 auto; }



#menunav {

	margin: 0;

	padding: 1px 0 0 0;

	float: right;

	font-size: 19px;

	}



	#menunav a  { margin: 0 1px 0 0; color: #b32f25; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }



		#menunav a:hover { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } 

		

		.prev { color: #b32f25; padding: 0 2px 0 0; }

		

		.next { color: #b32f25; padding: 0 0 0 2px; }

  

#menu {

	color: #b32f25;

	font-size: 12px;

	text-transform: uppercase;

	}



	#menu ul {

		margin: 0;		

		padding: 0;

		list-style: none;	

		}



	#menu li { margin: 0; padding: 0; float: left; }



	#menu li a { height: 25px; padding: 0 5px; display: block; float: left; font-weight: bold; line-height: 25px; text-decoration: none; border-width: 0 1px 0 0; border-style: solid; border-color: #aaa; }



	#menu li a:hover { color: #fff; font-weight: bolder; font-stretch: wider; background-color: #b32f25; }







/* THE COMIC */

	

#comic { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; text-align: center; }







/* THE PAGE WRAPPER */



#page { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 900px; margin: 0 auto; text-align: left; }







/* THE FOOTER */



#footer { width: 900px; margin: 0 auto; padding: 20px 0; color: #030303; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; height: 100px; }



	#footer a {

		color: #b32f25;

		text-decoration: none;

		border: none;

		}



	#footer a:hover { color: #fff; font-weight: bold; border-bottom: 1px dotted #fff; }







/* NAVIGATION */



.nav {

	float: right;

	color: #b32f25;

	font-family: Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	}



.nav-single {

	color: #b32f25;

	font-family: Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

	}



.pagenav {

	padding: 40px 20px 20px;

	color: #b32f25;

	font-family: Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	clear: both;

	}



	.pagenav-left {

		float: left;

		}



	.pagenav-right {

		float: right;

		}



.nav a, .pagenav a, .nav-single a {

	color: #b32f25;

	text-decoration: none;

	border: none;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;	

	-webkit-border-radius: 6px;

	border-radius: 6px;

	}



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

		color: #fff;

		}







/* CONTENT AREA */



#column-wrapper { width:750px; float: left; overflow: hidden; }



#column { background-image: url(http://zombieammo.com/images/textackground.png); width: 560px; padding: 5px 0 20px; float: left; overflow: hidden; }



.post-frontpage {

	padding: 0 20px 0 20px;

	text-align: justify;

	}

	

.post, .content {

	padding: 0 20px 0 20px;

	text-align: justify;

	}



	.comicdate { color: #030303; font-size: 15px; font-family: Arial, sans-serif; font-weight: bold; }

	

	.postdate { color: #030303; font-size: 11px; font-family: Arial, sans-serif; }



.postmeta { margin: 0 0 20px; color: #030303; font-family: Arial, sans-serif; text-align: right; }



	.postmeta ul {

		display: inline;

		list-style-type: none;

		list-style-image: none;

		}

 	

.postmeta-single { padding: 10px; color: #777; font-size: 11px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; border: solid 1px #999; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

	

	.postmeta-single a {

		color: #000;

		}	

	

	.postmetatags { font-size: 12px; font-family: Arial, sans-serif; }



.postmeta a, .postmeta-single a {

	color: #333;

	text-decoration: none;

	border-bottom: 1px dotted #777;

	}

	

	.postmeta a:hover, .postmeta-single a:hover {

		color: #777;

		border-bottom: 1px solid #777;

		}



.postmeta-comments {

	font-size: 16px;

	}

	

	.balloon {

		color: #ccc;

		font-family: 'Webdings', fantasy;

		font-size: 18px;

		}





.rating span { /* both full and empty symbols */

	display: block;

	width: 32px;

	height: 32px;

	float: left;

	text-indent: -9999px;

	background: url('http://zombieammo.com/ZombieRating.png') no-repeat left top;

}

.rating span.empty { /* overwrite empty symbols image value */

	background: url('http://zombieammo.com/ZombieRatingEmpty.png') no-repeat left top;

}

.rating:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	zoom: 1;     /* triggers hasLayout */

}





/* THE BLOG HEADER */



#blogheader { margin: 0; padding: 10px 0 0 20px; color: #fff; font-size: 12px; font-family: Arial, sans-serif; }







/* COMMENTS */



.comment-wrapper {

	padding: 0 20px;

	}

	

	.comment-wrapper h3 { margin: 0; padding: 20px 0 0; color: #030303; font-weight: normal; font-size: 24px; font-family: Arial, sans-serif; clear: both; }



		.bigballoon {

			color: #b32f25;

			font-family: Webdings, fantasy;

			font-size: 28px;

			}



	.comment-wrapper a {

		text-decoration: none;

		border-bottom: 1px dotted #777;

		}

		

		.comment-wrapper a:hover {

			color: #777;			

			border-bottom: 1px solid #777;

			}



	.comment-wrapper p {

		margin: 10px 0 0 0;

		}



.avatar {

	margin:0 10px 10px 0;

	padding:5px;

	float:left;

	border: 1px solid #777;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;	

	-webkit-border-radius: 3px;

	border-radius: 3px;

	}



#comment, #author, #email, #url {

	padding: 2px;

	color: #000;

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

	font-size: 12px;

	border: 1px solid #999;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;	

	-webkit-border-radius: 6px;

	border-radius: 6px;

	}



	#comment:hover, #author:hover, #email:hover, #url:hover { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

	

	#comment {

		width: 100%;

		}



	#author, #email, #url {

		width: 200px;

		}



#submit { margin: 0 0 20px; padding: 0 5px; float: right; color: #fff; background: #030303; font-family: Verdana, sans-serif; font-size: 12px; border: solid 2px #555; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }



	#submit:hover { color: #030303; cursor:pointer; background: #b32f25; }



ol.commentlist {

	margin: 0;

	padding: 0;

	font-size: 11px;

	list-style: none;

	}



	.commentlist li {

		padding: 20px 0 0 0;

		clear: both;

		}







/* ARCHIVE */  



.comicarchiveframe {

	margin: 20px 0 10px 0;

	padding: 5px 10px 5px 10px;

	border-width: 1px;

	border-style: solid ;

	border-color: #ccc #aaa #555 #777;

	}

 

	.comicarchiveframe:hover {

		filter: alpha(opacity=50);

		-moz-opacity: 0.50;

		opacity: 0.50;

		}



.comicarchiveframe {

	margin: 20px 0 10px 0;

	padding: 5px 10px 5px 10px;

	border: 1px solid #000;

	}

 

	.comicarchiveframe h3 {

		margin: 0;

		}

		

	.comicarchiveframe small {

		display: block;

		}

		

	.comicarchiveframe:hover {

		filter: alpha(opacity=50);

		-moz-opacity: 0.50;

		opacity: 0.50;

		}







/* SIDEBARS */



#sidebar-left { width: 150px; padding: 15px 0 10px; float: left; font-size: 11px; text-align: right; overflow: hidden; }



#sidebar-right { width: 190px; padding: 10px 0; font-size: 11px; text-align: left; overflow: hidden; }



.sidebar h2, .sidebar h2 a { color: yellow; font-weight: bolder; font-size: 12px; font-family: Arial, sans-serif; background-color: black; text-align: center; }



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



			.sidebar ul li ul li a { color: #030303; font-weight: bold; text-decoration: none; }



				.sidebar ul li ul li a:hover { color: #fff; background-color: #b32f25; }







/* CALENDAR */



#wp-calendar {

	width: 140px;

	margin: 0 0 0 5px;

	}



#wp-calendar th {

	color: #999;

	font-size: 10px;

	font-weight: normal;

	text-align: center;

	}



#wp-calendar caption { color: #555; font-size: 18px; font-family: Arial, sans-serif; }



#wp-calendar td {

	min-width: 20px;

	padding: 0;

	text-align: center;

	border: 1px solid #999;

	}



#wp-calendar a {

	color: #333;

	display: block;

	text-decoration: none;

	background: #ddd;	

	}

	

	#wp-calendar a:hover {

		color: #333;

		background: #bbb;

		}







/* SEARCH */



#s {

	width: 100px;

	margin: 0;

	padding: 2px;

	color: #000;

	font-family: Verdana, sans-serif;

	font-size: 12px;

	border: solid 1px #999;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;	

	-webkit-border-radius: 6px;

	border-radius: 6px;

	}



	#s:hover {

		background: #eee;

		}



#searchsubmit { margin: 0; padding: 0 0 0 2px; color: #fff; font-family: Verdana, sans-serif; font-size: 12px; background: #030303; border: solid 2px #555; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }



	#searchsubmit:hover {

		cursor:pointer;

		background: #b32f25;

		}







/* GALLERY */



.attachment {

	width: 560px;

	margin: 0 auto;

	text-align: center;

	}



	.attachment img {

		margin: 0 0 10px 0;

		border: 1px solid #000;

		}

		

	.attachment p {

		margin: 0 9px 10px 9px;

		padding: 10px;

		border: 1px solid #999;

		-moz-border-radius: 10px;

		-khtml-border-radius: 10px;	

		-webkit-border-radius: 10px;

		border-radius: 10px;

		}



.imagenav-wrap {

	width: 550px;

	margin: 0 auto;

	}



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



.imagenav-center {

	width: 316px;

	height: 65px;

	margin: 0 10px;

	padding: 10px 5px 0;

	float: left;

	color: #030303;

	text-align: center;

	border: solid 1px #999;

	overflow: hidden;

	-moz-border-radius: 10px;

	-khtml-border-radius: 10px;	

	-webkit-border-radius: 10px;

	border-radius: 10px;

	}

	

	.imagenav-center a {

		text-decoration: none;

		color: #b32f25;

		border-bottom: 1px dotted #777;

		}

		

		.imagenav-center a:hover { color: #fff; background-color: #030303; border-bottom: 1px solid #777; }



.imagetitle {

	color: #030303;

	font-size: 18px;

	}



.imagenav-bg {

	width:75px;

	height:75px;

	position: absolute;

	z-index: 0;

	background: #eee;

	border: 1px solid #000;

	}



	.imagenav-bg img {

		width:75px;

		height:75px;

		}



.imagenav-arrow {

	width:75px;

	height:75px;

	position: absolute;

	z-index: 1;

	color: #fff;

	font-size: 50px;

	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;

	}



	.imagenav-link img {

		width:75px;

		height:75px;

		filter: alpha(opacity=50);

		-moz-opacity: 0.50;

		opacity: 0.50;

		}



		.imagenav-link img:hover {

			filter: alpha(opacity=0);

			-moz-opacity: 0.00;

			opacity: 0.00;

			}



.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

	}







/* CLEAR FLOATS */



.clear {

	height: 0px;

	line-height: 0px;

	font-size: 0px;

	clear: both;

	}