/*  



 



Theme Name: boxes



Version: 2.5







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



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







	Author: Tyler Martin



	







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



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







*/















/* STANDARD HTML TAGS */







body {



	margin: 0;



	color: #111;



	font-size: 12px;



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



	background: #fff;



	}







a {



	color: #000;



	text-decoration: underline;



  	}



  	



  	a:hover {



  		color: #777;



  		}







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



	font-size: 50px;



	font-weight: normal;



	text-align: left;



	text-decoration: none;



	letter-spacing: -2px;



	}







h2, h2 a {



	margin: 0;



	color: #111;



	font-weight: bold;



	font-size: 22px;



	text-align: left;



	text-decoration: none;



	}







	h2.pagetitle, h2.pagetitle a {



		margin: 20px 0 0 0;



		padding: 0 0 5px 0;



		color: #999;



		font-family: 'Georgia', serif;



		font-size: 32px;



		font-weight: normal;		



		letter-spacing: -2px;



		text-align: left;



		}







h3, h3 a {



	margin: 30px 10px 0 0;



	padding: 0;



	color: #111;



	font-size: 18px;



	font-weight: bold;



	text-align: left;



	text-decoration: none;



	clear: both;



	}







h2 a:hover, h3 a:hover {



	color: #111;



	border-bottom: 1px dotted #777;



	}















/* THE HEADER */







#newheader {



  padding: 0px 0 0 0;



  width: 900px;



  height:100px;



  vertical-align:text-middle;



  float: center;



  }











#header {



	width: 900px;



        height: 100px;



        margin: 0px auto;



	padding: 0px 0px 0px 0px;



        text-align: center;



        text-align: middle;



        align: center;



        background:  url('/test2/b_header3.png') center top;



	}















#logo {



	width: 200px;



        height: 100px;



        background: #000;



	}











#banner ad {



	width: 468px;



        height:60px;



        text-align: center;



        align: middle;



        margin: 10px 0px 0px 0px;



        padding: 10px 0px 0px 0px;



        background: #000;



	}



	



	.description {



		margin: -3px 0 0 0;



		padding: 10px 0 0px 0px;



		color: #999;



		font-family: 'Times New Roman', serif;



		font-size: 14px;



		font-style: italic;



		letter-spacing: 2px;



		}















/* THE MENU */







#headerbarlinks {



	width: 650px;



	height: 75px;



        padding: 1px 0 0 100;



	margin: 0 auto;



        align: left;



	background: #000;



	}







#menunav {



	margin: 0;



	padding: 1px 0 0 0;



	float: right;



	font-size: 19px;



	}







	#menunav a  {



		margin: 0 1px 0 0;



		color: #aaa;



		text-decoration: none;



		background: #222;



		-moz-border-radius: 10px;



		-khtml-border-radius: 10px;	



		-webkit-border-radius: 10px;



		border-radius: 10px;



		}







		#menunav a:hover {



			color: #fff;



			background: #555;



			} 



		



		.prev {



			padding: 0 2px 0 0;



			}



		



		.next {



			padding: 0 0 0 2px;



			}



  



#menu {



	color: #999;



	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 0 5px;



		display: block;



		float: left;



		color: #aaa;



		line-height: 25px;



		text-decoration: none;



		border-width: 0 1px 0 0;



		border-style: solid;



		border-color: #aaa;



		}







	#menu li a:hover {



		color: #fff;



		background: #333;



		}















/* THE COMIC */



	



#comic {



	padding: 20px 10px 0 0;



	text-align: center;



	background: #fff;



	}















/* THE PAGE WRAPPER */







#page {



	width: 900px;



	margin: 0px auto;



	text-align: left;



	background: #000;



	}







#page2 {



	width: 892px;



	margin: 0px auto;



	text-align: left;



        border-width: 0px 4px 4px 4px;



	border-style: solid;



	border-color: #000;



	background: #fff;



	}















/* THE FOOTER */







#footer {



	width: 900px;



	margin: 0px auto;



	padding: 0px 0;



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



	border-style: solid;



	border-color: #000;	



	color: #000;



	text-align: center;


    text-color: #800000;



	background: #fff url('/test2/b_footer.png') center top repeat-y;



	}







#leader {



  margin: 10px 0px 0px 0px;



  width: 770px;



  height: 100px;



  background-color: #FFFFF;



  float: center;



  text-align: center;



  }







	#footer a {



		color: #888;



		text-decoration: none;



		border: none;



		}







	#footer a:hover {



		border-bottom: 1px dotted #fff;







		}















/* NAVIGATION */







.nav {



	margin: 0;



	padding: 8px 0 0 0;



	float: right;



	color: #fff;



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



	font-size: 12px;



	font-weight: bold;



	}







.nav-single {



	padding: 10px 0 0 0;



	color: #999;



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



	font-size: 12px;



	font-weight: bold;



	text-align: right;



	}







.pagenav {



	padding: 40px 20px 20px 20px;



	color: #999;



	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 {



	padding: 0 2px;



	color: #333;



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



		background-color: #fff;



		}















/* CONTENT AREA */







#column {



	width: 500px;



	padding: 0px 0 20px 0;



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



		font-family: 'Georgia', serif;



		font-size: 15px;



		font-weight: bold;



		}



	



	.postdate {



		color: #777;



		font-family: 'Georgia', serif;



		font-size: 11px;



		}







.postmeta {



	margin: 0 0 20px 0;



	color: #777; 	



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



	text-align: left;



	background: #eee;



	border: 1px solid #999;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}



	



	.postmeta-single a {



		color: #000;



		}	



	



	.postmetatags {



		font-family: 'Georgia', serif;



		font-size: 12px;



		}







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



		}















/* THE BLOG HEADER */







#blogheader {



	margin: 0;



	padding: 10px 0 0 20px;



	color: #aaa;



	font-family: 'Georgia', serif;



	font-size: 36px;



	letter-spacing: -3px;



	}















/* COMMENTS */







.comment-wrapper {



	padding: 0 20px;



	}



	



	.comment-wrapper h3 {



		margin: 0;



		padding: 20px 0 0 0;



		color: #777;



		font-family: 'Georgia', serif;



		font-weight: normal;



		font-size: 24px;



		letter-spacing: -1px;



		clear: both;



		}







		.bigballoon {



			color: #ccc;



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



		}



	



	#comment {



		width: 100%;



		}







	#author, #email, #url {



		width: 200px;



		}







#submit {



	margin: 0 0 20px 0;



	padding: 0 5px;



	float: right;



	color: #fff;



	background: #888;



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



	font-size: 12px;



	border-width: 2px;



	border-style: solid;



	border-color: #555;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}







	#submit:hover {



		cursor:pointer;



		background: #222;



		}







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



         height: 1300px;



       	padding: 20px 0 0 0;



	border-left: 4px;



	border-right: 4px;



        border-bottom: 4px;



        border-top: 0px;



        border-style: solid;



	border-color: #000;



        float: left;



	font-size: 11px;



        background: #fff url('/test2/b_side.png') center top repeat-y;



	overflow: hidden;



	}







#sidebar-right {



	width: 192px;



        height: 1300px;



	padding: 20px 0 0 0;



	border-width: 0px 4px 4px 4px;



	border-style: solid;



	border-color: #000;



        float: left;



	font-size: 11px;



	overflow: hidden;



	}















#sidenav {



  margin: 10px 10 25px 10px;



  width: 190px;



  height: 70px;



  background-color: #FFFFF;



  float: center;



  text-align: center;



  }







#siderss {



 margin: 30px 25px 10px 0px;



  width: 190px;



  height: 70px;



  background-color: #FFFFF;



  float: center;



  text-align: center;



  }







#sidecal {



  margin: 0px 20px 0px 0px;



  padding: 10px 0px 10px 0px;



  width: 192px;



  height: 170px;



  border-top: 4px



  border-bottom: 4px;



  border-right: 0px;



  border-left: 0px;



  border-style: solid;



  border-color: #000;



  background: #fff url('/test2/b_side2.png') center top repeat-y;



  



  text-align: center;



  }











#leftblock {



  margin: 20px 10px 25px 0px;



  width: 192px;



  height: 175px;



  border-top: 4px



  border-bottom: 4px;



  border-right: 0px;



  border-left: 0px;



  border-style: solid;



  border-color: #000;



  background: #fff url('/test2/b_side2.png') center top repeat-y;



  float: center;



  text-align: center;



  }











#leftblock2 {



  margin: 20px 10px 5px 0px;



  width: 192px;



  height: 150px;



  border-top: 4px



  border-bottom: 4px;



  border-right: 0px;



  border-left: 0px;



  border-style: solid;



  border-color: #000;



  background: #fff url('/test2/b_side2.png') center top repeat-y;



  float: center;



  text-align: center;



  }







#rightblock {







  display: block;



  margin: 10px 0px 0px 0px;



  width: 192px;



  height: 625px;



  text-align: center;



}







#rightblock2 {



  display: block;



  margin: 16px 0px 25px 0px;



  padding: 0px 16px 16px 0px;



  width: 192px;



  height: 625px;



  float: center;



  text-align: center;



 }







#sideblog  {



  display: block;



  margin: 10px 0 10px 10px;



  width: 160px;



  height: 80;



  background-color: #FFFFF;



  float: center;



  text-align: center;



  }







#sidefanpage  {



  display: block;



  margin: 10px 10px 0px 0px;



  padding: 0px 0 0 0;



  width: 192px;



  height: 250px;



  border-top: 4px



  border-bottom: 4px;



  border-right: 0px;



  border-left: 0px;



  border-style: solid;



  border-color: #000;



  background: #fff url('/test2/b_side2.png') center top repeat-y;



  float: center;



  text-align: center;



  border-top: 10px solid #FFFFF;



}



.sidebar h2, .sidebar h2 a {



	color: #999;



	font-family: 'Georgia', serif;



	font-weight: normal;



	font-size: 18px;



	text-transform: lowercase;



	letter-spacing: -1px;



	}







.sidebar ul {



	margin: 0;



	padding: 0;



	list-style: none;



	}







	.sidebar ul li {



		margin: 0 0 15px 15px;



		padding: 0;



		}







		.sidebar ul li ul li {



			margin: 0 0 15px 15px;



			padding: 0;



			}







			.sidebar ul li ul li a {



				display: block;



				color: #333;



				text-decoration: none;



				border-bottom: 1px dotted #777;



				}







				.sidebar ul li ul li a:hover {



					color: #333;



					background: #ddd;



					border-bottom: 1px solid #777;



					}















/* CALENDAR */







#wp-calendar {



	width: 165px;



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



	font-size: 18px;



	letter-spacing: -1px;



	}







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



	margin: 10px;



	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;



	}







	#s:hover {



		background: #eee;



		}







#searchsubmit {



	margin: 0;



	padding: 0 0 0 2px;



	color: #fff;



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



	font-size: 12px;



	background: #888;



	border-width: 2px;



	border-style: solid;



	border-color: #555;



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;	



	-webkit-border-radius: 10px;



	border-radius: 10px;



	}







	#searchsubmit:hover {



		cursor:pointer;



		background: #222;



		}















/* GALLERY */







.attachment {



	width: 520px;



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



	height: 77px;



	margin: 0 auto;



	}







.imagenav {



	width: 77px;



	height: 77px;



	float: left;	



	}







.imagenav-center {



	width: 316px;



	height: 65px;



	margin: 0 10px;



	padding: 10px 5px 0 5px;



	float: left;



	color: #bbb;



	text-align: center;



	border: 1px solid #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: #777;



		border-bottom: 1px dotted #777;



		}



		



		.imagenav-center a:hover {



			color: #777;



			border-bottom: 1px solid #777;



			}







.imagetitle {



	color: #333;



	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;



	}