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

body {background: #fff url('/wp-content/themes/comicpress/images/bgs/bg_top.gif') top repeat-x;}/* Change the background. */
body {
	color:#000000;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 
	font-size:0.8em;
	font-weight:normal;
	line-height:1.5em;
	margin: 0;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: left top;
	}
#header { text-align: center; height: 120px;}


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

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



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

#customcontentwidth { width: 950px; margin: 0 auto;}
/*#page-wide { width: 1140px; }*/

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

#menubar { width: 950px; margin: 0; background: transparent; border: none;}

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

#content-wrapper {width:950px;}


/* THE MENU */

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

#menunav {
	float: right;
	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 {
	padding: 10px 0 7px 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 14px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right: none;
    }
    
    .navmeta {
    padding: 0 7px 0 7px;
    color: #545454;
    font-size: 11px;
    line-height: 20px;
    font-weight: lighter;
 
    }
    
#menu .current_page_item a {

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

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

	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: #492727; 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:594px;}
	    .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 {
	background-image: url(/wp-content/themes/comicpress/images/bg_navbar.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
}

.comicnavbardate {
line-height: 34px;
float: left;
font-size: 12px;
color: #666;
padding: 0 7px;

}

.comicnavbartitle {
line-height: 34px;
float: left;
font-size: 12px;
color: #fff;
background: #333;
padding: 0 14px;
font-weight: bold;
}

.comicnavbarlink {
color: #ffffff;
}


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



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

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

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

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

.comment-link-comicnav {
	/* height: 25px;*/
	*margin: 0 0 -50px 0;
	line-height: 34px;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 0 5px;
	text-align: right;
	float: right;
}

.storyline-cats {
display: block;
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: 25px;
line-height: 30px;
padding: 0 5px 0 0;
background-position: 0 0;
}
.comment-balloon {
float: left;
height: 25px;
line-height: 27px;
padding: 0 5px 0 0;
background-position: 0 0;
}

 #footer {
width: 100% !important;
background-color: #484848;
	/* background-image: url(/wp-content/themes/comicpress/images/bgs/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top; */
	min-height: 200px;
   height:auto !important;
   height: 200px;
}

.post-info {

	margin-bottom: 5px;
	padding: 15px;
	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:'Helvetica', 'Arial';
font-size:26px;
font-weight:normal;
letter-spacing:0;
line-height:28px;
}

#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 {
		width: 30px;
		height: 25px;
		display: block;
		margin: 6px 0 0 5px;
		float: right;
		overflow: hidden;
		text-align: center;
		line-height: 16px;
		font-family: 'Georgia', serif;
		font-size: 16px;
		font-weight: normal;
		background: url('/wp-content/themes/comicpress/images/comment-balloon.png') no-repeat;
		background-position: 0 0px;
		
	}
	
	.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;
		}