/*







Theme Name: ComicPress V







Theme URI: http://comicpress.org







Description: Publish a comic with WordPress. Vertical 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 {







	margin: 0;







	color: #343434;







	font-size: 12px;







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







	text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */







	background-color: #343434







	}















a {







	color: #800;







	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 {







	padding: 10px 0 0 0;







	margin: 0;







	color: #000;







	font-size: 60px;







	font-family: 'Georgia', serif;







	font-weight: normal;







	line-height: 50px;







	text-decoration: none;







	letter-spacing: -2px;







	font-variant: small-caps;







	}















h2, h2 a, h2 a:hover {







	margin: 0;







	color: #000;







	font-weight: bold;







	letter-spacing: 0px;







	font-size: 24px;







	}







	







	h2.pagetitle, h2.pagetitle a {







		padding: 0 0 5px 0;







		margin: 0 0 20px 0;







		font-family: 'Georgia', serif;







		font-size: 32px;







		font-weight: normal;		







		letter-spacing: 0px;







		}















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







	}































/* THE PAGE WRAPPER */







/* Change this width to set the entire site's width - increase/reduce #column width by the same amount */















#page {







	width: 920px;







	margin: 0px auto;







	background-color: #FFFFFF















	}































/* THE HEADER */















/* a mettre dans le header pour image







background-image: url(http://croustination.com/images/header.png);*/







#header {















	background-image: url(http://croustination.com/images/header.png);



	background-repeat:no-repeat;







	text-align: center;







	height: 150px;







	}















	.description {







		padding: 0 0 10px 0;







		font-size: 14px;







		font-style: italic;







		letter-spacing: 2px;







		}































/* THE MENU */















#menubar {







	background: #000;







	zoom: 1; /* IE fix, allows for variable height menu  */







	}















#menunav {







	float: right;	







	}















	#menunav a  {







		width: 25px;







		height: 25px;







		display: block;







		float: left;







		color: #fff;







		font-size: 24px;







		font-weight: bold;







		line-height: 25px;







		text-align: center;







		border-left: 1px solid #fff;







		}















		#menunav a:hover {







			background: #800;







			}















#menu {







    padding: 0;







    margin: 0;







	list-style: none;







    float: left;







    line-height: 25px;







	font-size: 14px;







	text-transform: uppercase;







    }















	#menu a {







		padding: 0px 5px;







		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: #800; /* 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: -9999px;







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







	text-align: center;







	}































/* THE FOOTER */















#footer {







	padding: 20px 0;







	text-align: center;







	}































/* NAVIGATION */















.nav {	







	float: right;







	font-size: 12px;







	font-weight: bold;







	}







	







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







		}































/* POSTS - PAGES */















#column {







	width: 720px;







	padding: 5px 0 20px 0;







	float: left;







	overflow: hidden;







	}















.post, .post-comic, .post-page {







	padding: 0 20px;







	}















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







	}







	







.post-foot, .post-comic-foot, .post-page-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 {







	font-family: 'Georgia', serif;







	padding: 25px 0 25px 20px;







	font-size: 32px;







	letter-spacing: -2px;







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







	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;







	}