/*







Theme Name: ComicPress GN







Theme URI: http://comicpress.org







Description: Publish a comic with WordPress. Graphic Novel 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     { color: #000; font-size: 12px; font-family: Arial, sans-serif; background-color: #6b737f; background-image: url("KS_linework-BG_v2.jpg"); background-repeat: repeat-y; background-position: center 0; margin: 0; text-shadow: #000 0 0 0    }















a   { color: maroon; 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  { color: #000; font-size: 60px; font-family: Helvetica; font-variant: small-caps; font-weight: normal; line-height: 50px; letter-spacing: -4px; margin: 0; padding: 10px 0 0 }















h2, h2 a, h2 a:hover {







	margin: 0;







	color: #000;







	font-weight: bold;







	letter-spacing: -1px;







	font-size: 24px;







	}







	







	h2.pagetitle, h2.pagetitle a  { font-size: 32px; font-family: Helvetica; font-weight: normal; text-decoration: blink; letter-spacing: -2px; margin: 0 0 20px; padding: 0 0 5px }















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   { background-color: #fff; background-image: url("KS_linework-page02.jpg"); background-repeat: repeat-y; background-position: center 0; margin: 0 auto; width: 960px }
/* THE HEADER */















#header      { background-image: url("KS_header_flag.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 20px; text-indent: -9999px; display: block; margin: 0 auto; width: 960px; height: 200px; overflow: hidden } 























/* THE MENU */















#menubar     { background: #000 no-repeat; height: 35px; zoom: 1    }















#menunav  { float: right }















	#menunav a   { color: #680e0e; font-size: 19px; font-weight: bold; line-height: 25px; text-align: center; display: block; width: 25px; height: 25px; float: left; border-left: 1px solid #fff }















		#menunav a:hover  { background: #001275; padding-right: 0; padding-left: 0 }















#menu   { font-size: 12px; line-height: 25px; text-align: left; text-transform: uppercase; list-style: none; margin: 0; padding: 0; float: right }















	#menu a    { color: #fff; text-decoration: none; text-align: center; cursor: pointer; display: block; padding: 0 25px; float: right; border-right: 1px solid #800 }















	#menu li     { color: #fff; font-variant: small-caps; text-align: left; text-transform: uppercase; float: left }















	#menu li:hover a, #menu li.sfhover a  { color: #fff }















	#menu li:hover, #menu li.sfhover  { background: #1768b3 }







	







	/* For submenu dropdowns - this order must be maintained */















	#menu ul  { line-height: 1; list-style: none; margin: 0; padding: 0; position: absolute; left: -9999px; width: 151px; 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: #1768b3 }







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







	text-align: center;







	}































/* THE FOOTER */















#footer  { text-align: center; padding: 20px 0 }































/* NAVIGATION */















.nav  { color: #000; font-size: 18px; font-style: normal; font-weight: bold; float: right }







	







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







		}















	.navdivider {







		padding: 0 5px 0 0;







		margin: 0 5px 0 0;







		border-right: 1px solid #000;







		}































/* POSTS - PAGES */















#pageright-wrap   { width: 760px; float: right; overflow: hidden }















#column   { padding: 5px 0 20px; width: 560px; float: left; overflow: hidden }















.post, .post-comic, .post-page  { padding: 0 20px }















.post-head, .post-page-head, .post-comic-head  { }







	







.post-foot, .post-page-foot, .post-comic-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   { color: black; font-size: 30px; font-family: Helvetica; letter-spacing: -2px; padding: 25px 0 25px 20px; 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;







	}