/* Companion Custom CSS over-rides for [ Zorphbert and Fred ]: ComicPress - 2.8 */

body {
	background: #004f4b url('/graphics/zandfbg2.jpg') top repeat-x;
	color: #000;
}

#header {
	width: 980px; 
	height: 179px; 
	background: url('/graphics/header.gif') top center no-repeat; 
	overflow: hidden;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#header h1 {padding: 0;}
#header h1 a {display: block; width: 980px; height: 179px; text-indent: -9999px;}
#header .description {display: none;}


#sidebar-undercomic {
	padding-top: 10px;
	}

#subcontent-wrapper { 
	background: #009c95;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#footer {
	background: #035753;
}

#footer a
{
	color: #fff;
	text-decoration: none;
	border: none;
}

#footer a:hover
{
	border-bottom: 1px dotted #fff;
}

.post-blog, .post-, .post-page {
	background: #04b5ad;
	border: dotted 1px #07e6dc;
	margin-bottom: 10px;
}

a {
	color: #000;
	text-decoration: none;
}


a:hover {
	color: #FBED24;

}

h1, h1 a {
	font-family: Impact, Impact5, Charcoal6, sans-serif;
	letter-spacing: 2px;
	color: #FBED24;
	font-weight: 300;
}

h2, h2 a {
	color: #FBED24;
	letter-spacing: 2px;
	font-family: Impact, Impact5, Charcoal6, sans-serif;
	font-weight: 300;
}

	h2.pagetitle, h2.pagetitle a {
		color: #FBED24;
		font-family: “Impact”, sans-serif;
		letter-spacing: 2px;
		font-weight: 300;
	}

h3, h3 a {
	letter-spacing: 2px;
	font-family: Impact, Impact5, Charcoal6, sans-serif'
	color: #FBED24;
	font-weight: 300;
}
	
#blogheader {
	font-family: Impact, Impact5, Charcoal6, sans-serif'
	letter-spacing: 2px;
	color: #FBED24;
	font-weight: 300;
}

a.navi-comments:hover span {
	color:#FBED24;
}


.sidebar h2 { 
	font-family: Impact, Impact5, Charcoal6, sans-serif; 
	font-weight: 300;
}



ol.commentlist li { border:1px dotted #06d7ce;; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

li.comment {background: #04b3aa;border: 1px dotted #06d7ce;}
li li.comment {background: #10c6bd;} 
li li li.comment {background: #1bd7ce;}


#sidebar-menubar { width: 935px; background: #009c95; margin: 0 auto; }

#menubar { border: 0; margin: 0 auto;  margin-right: 30px; }

#comic {
	padding: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #000;
	background: #fff;
	 -moz-box-shadow: 3px 3px 3px #000;
	-moz-border-radius-bottomright: 10px;
	-webkit-box-shadow: 3px 3px 3px #000;
	-webkit-border-bottom-right-radius: 10px;
} 
	
	

.comment-link a {
	color: #000;
}
		
.comment-link a:hover {
	color: #FBED24;
}


.post-author-gravatar {
	padding: 5px;
}

#blogheader { background: url('http://www.zfcomics.com/graphics/ArtistsBlog.png') no-repeat; center; width: 300px; height: 86px; border: 0; }  

/* COMIC NAVIGATION */

a.rollhome
{
	display: inline-block;
	height: 40px;
	width: 125px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/home.png') no-repeat;
}


a.rollabout
{
	display: inline-block;
	height: 40px;
	width: 125px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/about.png') no-repeat;
}

a.rollnew
{
	display: inline-block;
	height: 40px;
	width: 150px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/new.png') no-repeat;
}

a.rollarchive
{
	display: inline-block;
	height: 40px;
	width: 125px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/archive.png') no-repeat;
}


a.rollstore
{
	display: inline-block;
	height: 40px;
	width: 125px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/store.png') no-repeat;
}

a.rollcontact
{
	display: inline-block;
	height: 40px;
	width: 125px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/contact.png') no-repeat;
}

a.rollfreebies
{
	display: inline-block;
	height: 40px;
	width: 125px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/freebies.png') no-repeat;
}


a.rollhome:hover, a.rollabout:hover, a.rollnew:hover, a.rollstore:hover, a.rollarchive:hover,  a.rollcontact:hover, a.rollfreebies:hover
{
	background-position: -125px 0;
}

a.rollnew:hover
{
	background-position: -150px 0;
}


a.rollnext
{
	display: inline-block;
	height: 59px;
	width: 162px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/next_button.gif') no-repeat;
}

a.rolllast
{
	display: inline-block;
	height: 59px;
	width: 162px;
	float: right;
	text-decoration: none;

	background: url('http://www.zfcomics.com/graphics/latest_button.gif') no-repeat;
}

a.rollrandom
{
	display: inline-block;
	height: 59px;
	width: 162px;
	float: right;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/surprise_button.gif') no-repeat;
}

a.rollprev
{
	display: inline-block;
	height: 59px;
	width: 162px;
	float: left;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/previous_button.gif') no-repeat;
}

a.rollfirst
{
	display: inline-block;
	height: 59px;
	width: 162px;
	float: left;
	text-decoration: none;
	background: url('http://www.zfcomics.com/graphics/first_button.gif') no-repeat;
}

a.rollfirst:hover, a.rollprev:hover, a.rollrandom:hover, a.rollnext:hover, a.rolllast:hover
{
	background-position: -162px 0;
}