/*  



 



Theme Name: ComicPress 2.7 3C - Advanced by Frumph



Version: 2.7 beta







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



Description: The 3-Column 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



{



	margin: 0;



	color: #333;



	font-size: 12px;



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



	background: #555 url('images/background.jpg');



}







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



	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: 15px 0 0 0;



	padding: 0 0 5px 0;



	color: #990000;



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







#header



{



	width: 960px;

        



	margin: 0 auto;



	background: #fff;



}







.description



{



	margin: -3px 0 0 0;



	padding: 20px 0 10px 480px;



	color: #ffffff;



	font-family: 'Georgia' , serif;



	font-size: 17px;



	letter-spacing: 2px;



        



}















/* THE MENU */







#menubar



{



	width: 960px;



	height: 45px;



	font-size: 14px;



	margin: 0 auto;



        background: #555 url('images/nav_bar.jpg');



}







#menunav



{



	float: right;



}







#menunav a



{



	width: 45px;



	height: 45px;



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



}







#menu



{



	padding-top: 0px;



	margin: 0;



	list-style: none;



	float: left;



	line-height: 45px;



	font-size: 14px;



	text-transform: uppercase;



}







#menu a



{



	padding: 0px 15px 0px 15px;



	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: #ff3300; /* 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: -10000px;



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



}



#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



{



	width: 960px;



	border: solid 0px ;



	margin: 0 auto;



	padding: 5px 0 2px 0;



	text-align: center;



	background: #fff;





}







#comic_navi_wrapper



{



	width: 960px;



	height: 50px;



}







#comic_navi_prev



{



	float: left;



}







#comic_navi_next



{



	float: right;



}







/* THE PAGE WRAPPER */







#page



{



	width: 960px;

        



	margin: 0px auto;



	text-align: left;



	background: #fff;



}















/* THE FOOTER */







#footer



{



	width: 960px;

       



	margin: 0px auto;



	padding: 10px 0;



	color: #333;



	text-align: center;

        background: url('images/footer_bg.jpg');

	



}







#footer a



{



	color: #990000;



	text-decoration: none;



	border: none;



}







#footer a:hover



{



	border-bottom: 1px dotted #fff;



}















/* NAVIGATION */







.nav



{



	margin: 0;



	padding: 3px 0 0 0;



	float: right;



	color: #999;



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



}















/* CONTENT AREA */







#column



{



	width: 570px;

        

	padding: 5px 0 20px 0px;



	float: left;

        height: 100%;

	overflow: hidden;

background-color: #ffffff;

        



}







.post-frontpage, .post, .content



{



	background: #fff ;





	padding: 0 10px 0 20px;



	text-align: justify;



	border: dotted 1px #ccc;



	margin-bottom: 10px;

     


}







.comicdate



{



	color: #3366ff;



	font-family: 'Georgia' , serif;



	font-size: 15px;



	font-weight: bold;



}







.postdate



{



	color: #3366ff;



	font-family: 'Georgia' , serif;



	font-size: 11px;



}







.postmeta



{



	margin: 0 0 20px 0;



	color: #777;



	border-top: dotted 1px #000;



	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;



}







.post .date, .post-frontpage .date













{















	height: 50px;



	width: 45px;



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



	font: normal 22px Verdana, Arial, Helvetica, sans-serif;



	color: #fff;



	text-align: center;



	padding: 0px 2px 0 0;



	line-height: 100%;



	float: left;



}







.post .date span, .post-frontpage .date span



{



	height: 16px;



	display: block;



	font: normal 11px Verdana, Arial, Helvetica, sans-serif;



	color: #ffffff;



	text-align: center;



	padding-top: 5px;



}











.post .comments



{



	float: right;



	background: url(images/icon-comments.png) no-repeat left;



	padding-left: 15px;



}







.post .category



{



	float: left;



	background: url(images/icon-category.png) no-repeat left;



	padding-left: 12px;



}







.post-frontpage .comments



{



	float: right;



	background: url(images/icon-comments.png) no-repeat left;



	padding-left: 15px;



}







.post-frontpage .category



{



	float: left;



	background: url(images/icon-category.png) no-repeat left;



	padding-left: 12px;



}







/* THE BLOG HEADER */







#blogheader



{



	margin: 0;



	padding: 10px 0 10px 20px;



	color: #aaa;



	font-family: 'Georgia' , serif;



	font-size: 36px;



	letter-spacing: -3px;



}















/* COMMENTS */







.comment-wrapper



{



	padding: 10px;



}







.comment-wrapper h3



{



	margin: 0;



	padding: 20px 0 0 0;



	font-weight: normal;



	font-size: 20px;



	clear: both;



	font-family: 'Georgia' , serif;



}







.comment



{



	padding: 5px;



	background: #eee;



	border: dotted 1px #ddd;



	margin: 10px 0 10px 0;



	clear: both;



	min-height: 64px;



}







.comment .comment



{



	background: #FFF;



}







.comment-author



{



	display: inline;



}







.comment-meta



{



	display: inline;



	padding: 0 0 0 5px;



	margin: 0 0 0 2px;



	border-left: 1px solid #000;



}







.comment-time



{



	color: #213957;



}







.separator



{



	color: #ccc;



}







.says



{



	display: none;



}







.avatar



{



	padding: 1px;



	background: #CCC;



	margin: 0 5px 5px 0;



	float: left;



}











#author, #email, #url



{



	width: 200px;



	font-size: 12px;



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



}











#submit



{



	margin: 0 0 20px 0;



	padding: 0 5px;



	float: right;



	color: #fff;



	background: #3399cc;



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



	font-size: 12px;



	border-width: 0px;



	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: #9dcaf8;



}







ol.commentlist



{



	margin: 0;



	padding: 0;



	font-size: 11px;



	list-style: none;



}







ol.commentlist p



{



	margin: 10px 0 0 15px;



}







ol.children



{



	background: #FFF;



	list-style: none;



}







ul.children



{



	margin: 0 0 0 10px;



	padding: 0;



	list-style: none;



}







.reply



{



	padding: 10px 0 0 0;



	text-align: right;



}











/* 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: 190px;



	margin: 0;



	padding-bottom: 10px;

        padding-left: 5px;



	float: left;



	font-size: 11px;



	overflow: hidden;



        background-color:#fff;



        height: 100%;



}







#sidebar-right



{



	width: 190px;



	margin: 0;



	padding: 0px;



	float: right;



	font-size: 11px;



	overflow: hidden;



        background-color:#fff;



        height: 1500px;



}







.sidebar h2, .sidebar h2 a



{



	color: #fff;



	font-family: 'arial' , serif;



	font-weight: normal;



	font-size: 14px;



	text-transform: uppercase;



	letter-spacing: 1px;



        background: #990000;



         padding-left:5px;

         padding-top:5px;

        

        width: 190px;



        align:center;



}







.sidebar ul



{



	margin: 0;



	padding: 0px;



	list-style: none;



        font-size:13px;



padding-bottom: 10px;



}







.sidebar ul li



{





	margin: 0 0 0px 0px;



	padding: 0px;



}







.sidebar ul li ul li



{



	margin: 0 0 0 0px;



	padding-left: 0px;



}







.sidebar ul li ul li a



{



	display: block;





	color: #000;



	text-decoration: none;



	



}







.sidebar ul li ul li a:hover



{



	color: #fff;



	background: #ff3300;



	



}















/* CALENDAR */







#wp-calendar



{



	width: 165px;



	margin: 0 0 0 10px;



        padding-bottom:10px;



}







#wp-calendar th



{



	color: #fff;



        background: #663300;



	font-size: 12px;



	font-weight: normal;



	text-align: center;





}







#wp-calendar caption



{



	color: #fff;



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



	font-size: 14px;



	letter-spacing: -1px;



        background: #990000;

   



      



}







#wp-calendar td



{



	min-width: 20px;



	padding: 0;



	text-align: center;



	border: 0px solid #000;



}







#wp-calendar a



{



	color: #000;



	display: block;



	text-decoration: none;



	background: #fff;



}







#wp-calendar a:hover



{



	color: #fff;



	background: #ff3300;



}















/* SEARCH */







#s



{



	width: 140px;



	margin: 0 0 10px 0;



	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, .clearfloat



{



	height: 0px;



	line-height: 0px;



	font-size: 0px;



	clear: both;



}







/* COMIC NAVIGATION */







a.rollnext



{



	display: inline-block;



	height: 50px;



	width: 125px;



	float: right;



	text-decoration: none;



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



}







a.rolllast



{



	display: inline-block;



	height: 50px;



	width: 125px;



	float: right;



	text-decoration: none;



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



}







a.rollprev



{



	display: inline-block;



	height: 50px;



	width: 125px;



	float: left;



	text-decoration: none;





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



}







a.rollfirst



{



	display: inline-block;



	height: 50px;



	width: 125px;



	float: left;



	text-decoration: none;



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



}







a.rollfirst:hover, a.rollprev:hover, a.rollnext:hover, a.rolllast:hover



{



	background-position: -125px 0;



}







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



}