/*  

 

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

	font-size: 12px;

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

	background: #d1e9f5 url('images/background.png') center top repeat-y; 

}



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



#header

{

	width: 960px;

	margin: 0 auto;

	background: #3c853c;

}



.description

{

	margin: -3px 0 0 0;

	padding: 0px 0 10px 30px;

	color: #999;

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

	font-size: 14px;

	font-style: italic;

	letter-spacing: 2px;

}







/* THE MENU */



#menubar

{

	width: 960px;

	height: 25px;

	background: #3c853c;

	font-size: 13px;
	
	font-weight: bold;

	margin: 0 auto;

}



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

}



#menu

{

	padding: 0;

	margin: 0;

	list-style: none;

	float: left;

	line-height: 25px;

	font-size: 12px;

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

	margin: 0 auto;

	padding: 5px 0 2px 0;

	text-align: center;

	background: #fff;

	-moz-border-radius: 0px;

	-khtml-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

}



#comic_navi_wrapper

{

	width: 960;

	height: 50px;
	
	padding-left: 170px;
	
	padding-right: 100px;
	

}



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

	color: #999;

	text-align: center;

	background: #3c853c;

}



#footer a

{

	color: #fff;

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

	padding: 5px 0 20px 0;

	float: left;

	overflow: hidden;

}



.post-frontpage, .post, .content

{

	background: #ffffff;

	padding: 0 20px 0 20px;

	text-align: justify;

	/* border: dotted 1px #ccc; */

	margin-bottom: 10px;

}



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

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

	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: #3c853c;

	font-family: 'Georgia' , serif;

	font-size: 36px;

	letter-spacing: -3px;

}







/* COMMENTS */



.comment-wrapper

{

	padding: 0;

}



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

}



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

	margin: 0;

	padding: 5px 0;

	float: left;

	color: 7e4b11;
	
	font-size: 11px;

	overflow: hidden;

}



#sidebar-right

{

	width: 200px;

	margin: 0;

	padding: 5px 0;

	float: left;
	
	color: 7e4b11;

	font-size: 11px;

	overflow: hidden;

}



.sidebar h2, .sidebar h2 a

{

	color: #3c853c;

	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 10px 10px;

	padding: 0;

}



.sidebar ul li ul li

{

	margin: 0 0 0 10px;

	padding: 0;

}



.sidebar ul li ul li a

{

	display: block;

	color: #333;

	text-decoration: none;

	border-bottom: 0px dotted #777;

}



.sidebar ul li ul li a:hover

{

	color: #333;

	background: #ddd;

	border-bottom: 0px 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: 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/prev.gif') 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

{

	display: inline-block;

	height: 50px;

	width: 125px;

	float: left;

	text-decoration: none;

	background: url('images/firsthov.gif') no-repeat;

}
a.rollprev:hover

{

	display: inline-block;

	height: 50px;

	width: 125px;

	float: left;

	text-decoration: none;

	background: url('images/prevhov.gif') no-repeat;

}
a.rollnext:hover

{

	display: inline-block;

	height: 50px;

	width: 125px;

	float: right;

	text-decoration: none;

	background: url('images/nexthov.gif') no-repeat;

}

a.rolllast:hover

{

	display: inline-block;

	height: 50px;

	width: 125px;

	float: right;

	text-decoration: none;

	background: url('images/lasthov.gif') no-repeat;

}



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

		}