/* Companion Custom CSS over-rides for [ PixelWhip! ]: ComicPress/comicpress - 2.8 */

@font-face {
    font-family: 'RockoFLFBold';
    src: url('/wp-content/themes/comicpress/fonts/rockoflf-bold-webfont.eot');
    src: url('/wp-content/themes/comicpress/fonts/rockoflf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/comicpress/fonts/rockoflf-bold-webfont.woff') format('woff'),
         url('/wp-content/themes/comicpress/fonts/rockoflf-bold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/comicpress/fonts/rockoflf-bold-webfont.svg#RockoFLFBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockoFLFRegular';
    src: url('/wp-content/themes/comicpress/fonts/rockoflf-webfont.eot');
    src: url('/wp-content/themes/comicpress/fonts/rockoflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/comicpress/fonts/rockoflf-webfont.woff') format('woff'),
         url('/wp-content/themes/comicpress/fonts/rockoflf-webfont.ttf') format('truetype'),
         url('/wp-content/themes/comicpress/fonts/rockoflf-webfont.svg#RockoFLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockoUltraFLFBold';
    src: url('/wp-content/themes/comicpress/fonts/rockoultraflf-bold-webfont.eot');
    src: url('/wp-content/themes/comicpress/fonts/rockoultraflf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/comicpress/fonts/rockoultraflf-bold-webfont.woff') format('woff'),
         url('/wp-content/themes/comicpress/fonts/rockoultraflf-bold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/comicpress/fonts/rockoultraflf-bold-webfont.svg#RockoUltraFLFBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockoUltraFLFRegular';
    src: url('/wp-content/themes/comicpress/fonts/rockoultraflf-webfont.eot');
    src: url('/wp-content/themes/comicpress/fonts/rockoultraflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/comicpress/fonts/rockoultraflf-webfont.woff') format('woff'),
         url('/wp-content/themes/comicpress/fonts/rockoultraflf-webfont.ttf') format('truetype'),
         url('/wp-content/themes/comicpress/fonts/rockoultraflf-webfont.svg#RockoUltraFLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.post-head, .post-page-head {
    padding: 0;
}

.navImage {
float: left;
display: block;
}

.pagenav-left, .commentnav-left {
    float: left;
    font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 200;
	line-height: 18px;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	background-image: url("/wp-content/themes/comicpress/images/bgs/2011_pwBullet.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

a:hover {
color: #b56143;
}

#siteLogo {
margin: 23px 0 0 87px;
position: absolute;
	z-index: 6;
}

h2.pagetitle, h2.pagetitle a {
    
    font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    
}

.orangeComments {
float: left;
	font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color: #b56143;
	line-height: 16px;
}

.orangeComments a {
	color: #b56143;
}

.whiteNumber {
	font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color: #fff;
	line-height: 16px;
}


.purpleCredit {
	font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color: #72758c;
	line-height: 16px;
}

.purpleCredit a {
	
	color: #72758c;
}

.dateBullet {
	width: 76px;
	height: 76px;
	float: left;
	display: block;
	margin: 6px 0 0 -95px;
	position: absolute;
	z-index: 5;
	background-color: #e8e9f2;
	background-image: url('/wp-content/themes/comicpress/images/bgs/2011_pw-post-date.gif');
	background-repeat: no-repeat;
	

}

.dateBullet p {
width: 76px;
	height: 56px;
	font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	padding: 0;
	color: #FFF;
	line-height: 16px;
}

.sharethisLeft {
width: 76px;
padding: 5px 0 0 18px;
}




body {background: #fff; url('/wp-content/themes/comicpress/images/bgs/bg_top.gif') top repeat-x;}/* Change the background. */
body {
	color:#000;
	font-family: "RockoFLFRegular","Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 
	font-size:0.8em;
	font-weight:normal;
	line-height:1.7em;
	margin: 0;
	background-color: #d7d8e0;
	background-repeat: repeat-x;
	background-position: left top;
	}
	
#header { 
text-align: center;
width: 1120px; 
height: 72px;
background-image: url('/wp-content/themes/comicpress/images/bgs/2011_pw-title-banner.gif');
background-repeat: repeat-x;
border: none;
}


.description {text-indent: -99999px;}

/* #page { width: 950px;}*/



#page-wide { width: 950px; margin:0 auto; }

#customcontentwidth { width: 1120px; margin: 0 auto; background-color:#fff;	background-image: url(/wp-content/themes/comicpress/images/bgs/2011_pw-title-banner.gif);
	background-repeat: repeat-x;
	border: none;
	background-position: 0 72px;}
/*#page-wide { width: 1140px; }*/

#comic { width: 1120px; border: none; }

#menubar { width: 1120px;
height: 73px;
 margin: 0; 
background-color: #333;
	background-image: url('/wp-content/themes/comicpress/images/bgs/2011_pw-navbar.gif');
	background-repeat: repeat-x; border: none;}

.post-author-gravatar { float: left; margin-right: 12px; }

#content-wrapper {width:950px; margin: 0 auto;}


/* THE MENU */

#menubar {
	zoom: 1; /* IE fix, allows for variable height menu  */
	padding: 0px;
	}

#menunav {
	float: right;
	width: 950px;
	margin: 0 auto;
	margin: 5px 0 0 0;
	line-height: 45px;
	}

	#menunav a  {
		width: 25px;
		height: 25px;
		display: block;
		float: left;
		color: #000;
		font-size: 19px;
		font-weight: bold;
		line-height: 25px;
		text-align: center;
			
		}

		#menunav a:hover {
			color: #800;
			}

#menu {
width: 950px;
	margin: 6px 0 0 113px;
	padding: 10px 0 7px 0;
	list-style: none;
	float: left;
	line-height: 14px;
	font-size: 14px;
	font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	border-right: none;
    }
    
    .navmeta {
    padding: 0 7px 0 7px;
    color: #fff;
    font-size: 11px;
    font-family: "RockoFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;
    font-weight: lighter;
 
    }
    
#menu .current_page_item a {

background: #7b2100;
}
	#menu a {
		
	padding: 0 7px 0 7px;
	display: block;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #000; 
	background-repeat: no-repeat;
	background-position: right top;
		}

	#menu li {
		float: left;
		margin: 0 30px;
		

	background-repeat: no-repeat;
	background-position: left top;
	/* border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666; */
		
		}

	#menu li:hover a, #menu li.sfhover a {
	    color: #fff; background: transparent; border: none;/* 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 #000;
		}
	#menu li li {
		width: 150px;
		margin: 0 0 0 -1px;
		border-width: 0 1px 1px 1px;
		border-color: #000;
		border-style: solid;
		background-image:none;
		background-color:#95642c;
		
		}
	#menu li li a {
		width: 139px;
	    padding: 4px 5px;
		color: #fff;
		border: none;
		background-image: 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: #dbba73; /*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;
	    }
	    
	    #menu li a {border: none;}
	    
	    h1, h1 a, h1 a:hover {text-indent: -99999px;}
	    
	    #sidebar-right { width: 264px; padding: 0 0 0 10px; margin: 0 0 0 20px; border-left: dotted #ddd;}
	    .narrowcolumn {width:620px;}
	    .post-comic {background: #d9d9d9; padding: 10px; /*display: none;*/}
	    .post-comic-head {background-color: #FFF; background-image: url('/wp-content/themes/comicpress/images/bgs/comicposthead-bg.gif');
	background-repeat: no-repeat; height:20px}
	.post-comic-foot {background-color: #FFF; background-image: url('/wp-content/themes/comicpress/images/bgs/comicpostfoot-bg.gif');
	background-repeat: no-repeat; height:11px}
	h2, h2 a {letter-spacing: 0px; line-height:26px;}
	
	#comic-foot {
	margin: 0 auto; 
	width: 950px;
	background-image: url('/wp-content/themes/comicpress/images/bgs/2011_pw-comic-footer.gif');
	background-repeat: repeat-x;
	background-position: left 35px;
	padding: 0px;

}

.comicnavbardate {
line-height: 34px;
float: left;
font-size: 12px;
color: #666;
padding: 0 7px 0 11px;
background-image: url("/wp-content/themes/comicpress/images/bgs/2011_pw-comic-dateArrow.gif");
	background-repeat: no-repeat;
	background-position: left 13px;

}

.comicnavbartitle {
font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 27px;
float: left;
font-size: 12px;
color: #fff;
background: #72758c;
padding: 0 10px;
margin: 4px 0 0 0;
font-weight: normal;
}

.comicnavbarlink {
color: #ffffff;
}


/* .nav{
width: 940px;
float: left;
} */



.nav-first {
	float: left;
	padding: 4px 2px 4px 0px;
}

.nav-previous {
	float: left;
	padding: 4px 5px 4px 3px;
}

.nav-next {
float: right;
padding: 4px 3px 4px 0px;
	}

	.nav-last {
		float: right;
		padding: 4px 0px 4px 2px;
	}

.comment-link-comicnav {
	/* height: 25px;*/
	margin: 4px 0 0 0;
	*margin: 0 0 -50px 0;
	line-height: 32px;
	font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	padding: 0 5px;
	text-align: right;
	float: right;
	
}

.comment-link-comicnav a{

	color: #b56143;
}

.storyline-cats {
/*display: block; */
display: none;
line-height: 34px;
float: left;
/*width:300px;*/
 font-size: 12px;
color: #fff;
background: transparent;
padding: 0 14px;
}

.storyline-cats a {
color: #666;
}

.storyline-root li {
color: #333;
}

.comment-balloon-empty {
float: left;
height: 27px;
line-height: 30px;
margin: -7px 0px 0px 0px;
padding: 0 5px 0 0;
background-position: 0 0;
}
.comment-balloon {
float: left;
height: 27px;
line-height: 30px;
margin: -7px 0px 0px 0px;
padding: 0 5px 0 0;
background-position: 0 0;
}

.whiteNo {
color: #fff;
}


 #footer {
width: 1120px;  !important;
background-color: #484848;
	/* background-image: url(/wp-content/themes/comicpress/images/bgs/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top; */
	background-color: #333;
	background-image: url('/wp-content/themes/comicpress/images/bgs/2011_pw-navbar.gif');
	background-repeat: repeat; border: none;
	min-height: 200px;
   height:auto !important;
   height: 200px;
   margin: 0 auto;
}

.post-info {

	margin-bottom: 5px;
	padding: 15px 15px 15px 0px; 
	/* background-image: url(/wp-content/themes/comicpress/images/bgs/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top; */
	
}

h2, h2 a {
font-family: "RockoFLFBold",'Helvetica', 'Arial';
font-size:26px;
font-weight:normal;
letter-spacing:0;
line-height:32px;
margin: 0 0 10px 0;
}

#footer-wrapper{
padding:20px 0 0 0;
width: 1000px;
margin: 0 auto;
}

#footer-col-1{
float: left;
width:300px;
background-image: url(/wp-content/themes/comicpress/images/footer-twitter-bg.png);
	background-repeat: no-repeat;
	background-position: left top;

}

#footertweet {


	
	
}

#footer-col-1 p{
margin: 0;
font-size:11px;
line-height: 13px;
color: #383838;
min-height: 108px;
   height:auto !important;
   height: 108px;
   
text-align: left;
padding: 13px 0 0 15px;
*padding: 13px 100px 0 0;
width: 170px;
}

#footer-icon-container{
float: left;
width: 100px;

margin: -5px 0 0 0;
}

#footer-col-2{
float: left;
width:300px;
text-align: left;
color: #b8b8b8;
}

#footer-col-2 h2{
font-size:19px;
color: #fff;
margin: 0 0 -5px 0;
}

#footer-col-2 ul{
list-style: none;
}

#footer-col-3{
float: left;
}

#blogheader {
visibility: hidden;
}

#sidebar-right {
margin: 30px 0 0 0;
}

.menunav-rss {
	width: 25px;
	height: 25px;
	margin: 0 0 0 4px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('/wp-content/themes/comicpress/images/rss-gray.png') no-repeat;
}

	.menunav-rss:hover {
		background-position: 0 -25px;
	}
	
	.comment-ballooncomic {
	color: #fff;
		width: 33px;
		height: 27px;
		display: block;
		margin: 0 0 0 5px;
		float: right;
		overflow: hidden;
		text-align: center;
		line-height: 27px;
		font-family: "RockoUltraFLFRegular","Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		background: url('/wp-content/themes/comicpress/images/comment-balloon-strip.png') no-repeat;
		background-position: 0 0px;
		
	}
	
	.comment-ballooncomic a {
	color: #fff;
	}
	
	.comment-balloon-emptycomic {
		font-size: 20px;
		line-height: 30px;
		}
		
		.comment-link a:hover .comment-ballooncomic {
			color: #fff;
			background-position: 0 -25px;
		}
		
		.float-left {
		float: left;
		}