/* Companion Custom CSS over-rides for [ How Sweet It Is ]: ComicPress - 2.8 */

body  { background: #00274B url('/wp-content/themes/comicpress/images/blububble.jpg') fixed; color: #000; }
  
#page-wide-wrap { padding: 0px 5px; }
#page {
	width: 980px;
	margin: 0px auto;
}

#page-wide {
	width: 980px;
	margin: 0px auto;
}
#header h1 a, #header .description { display: none; }

#h1, h2, h2 a, h3, h3 a  {font-weight: bold; color: #fff;}
h2 { text-shadow: 2px 2px 4px #001F16; }
#header { margin: 0 auto; height: 90px; border-left: solid 0px #DDEBEE; border-right: solid 0px #DDEBEE; border-top: solid 0px #DDEBEE; border-bottom: solid 2px #DDEBEE; background: url('/images/headerlogo.png') top center no-repeat;
        -moz-box-shadow: 5px 5px 5px #000000; 
	-webkit-box-shadow: 5px 5px 5px #000000;
	 }

#comic { 
	margin: 0 auto; 
	background: #fff;
 	        
}

#comic-head, #comic-foot {
	margin: 0;
	padding: 0;
	
}

.comic_navi { 
	margin: 0 0 0 60px; background: #ef7600; 
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-radius-bottomleft: 10px;
	 -webkit-border-radius-bottomright: 10px; 
	 border: solid 1px #ffe877;
	 -moz-box-shadow: 5px 5px 5px #050E17; 
	-webkit-box-shadow: 5px 5px 5px #050E17; 
}

#comic_navi_wrapper { margin-bottom: 5px; }

#menubar { background: url('/images/menu.png');
	border-left: solid 2px #DDEBEE;
	border-right: solid 2px #DDEBEE;
	border-bottom: solid 2px #DDEBEE;
	-moz-box-shadow: 5px 5px 5px #000000; 
	-webkit-box-shadow: 5px 5px 5px #000000;
			}
			
#menu a { text-transform: lowercase; }
#menu a {
		padding: 0px 10px 0 10px;
		display: block;
		color: #001E3A;
		text-decoration: none;
	}
a:hover {
		color: #ef7600;
	}
	a {
	color: #fff;
	text-decoration: none;
}
#menu li:hover, #menu li.sfhover {
		background: #F37B21; /* Main menu highlighted background color */
	}
	
}
	#menu li li:hover {
		background: #F37B21; /*Submenu highlighted background color */
	}
	
	#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: #00274B; /* Submenu background color */
		text-transform: none;
	}
	
	#menu .current_page_item a {
		color: #FEF898;
		background: #F37B21;
	}
	
	.menunav-rss:hover {
		background: #F37B21;
		color: #000;
	}	
#content-wrapper, #footer { 
	margin-top: 5px;
	border: solid 3px #ddebee; 
	background: #00587f; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px #000000; 
	-moz-border-radius-bottomright: 10px;
	-webkit-box-shadow: 5px 5px 5px #000000;
	-webkit-border-bottom-right-radius: 10px;
}

.narrowcolumn {
	width: 529px;
}

.layout-standard .narrowcolumn, .layout-v .narrowcolumn {
			width: 529px;
		}

.button { margin-bottom: 5px; }


.post-comic, .post, .post-page { background: #00B0FF;  
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-left: solid 4px #DDEBEE; border-right: solid 4px #DDEBEE; border-top: solid 4px #DDEBEE; border-bottom: solid 4px #DDEBEE;
	-moz-box-shadow: 5px 5px 5px #050E17; 
	-webkit-box-shadow: 5px 5px 5px #050E17;
}
.comment { background: #00B0FF;
-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-radius-bottomleft: 10px;
	 -webkit-border-radius-bottomright: 10px; 
	 border: solid 2px #DDEBEE;
	 -moz-box-shadow: 5px 5px 5px #050E17; 
	-webkit-box-shadow: 5px 5px 5px #050E17;  }
#sidebar-left {
	float: left;
	width: 200px;
	padding: 5px;
border-left: solid 2px #DDEBEE; border-right: solid 2px #DDEBEE; border-top: solid 2px #DDEBEE; border-bottom: solid 2px #DDEBEE;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #00B0FF;
}

#sidebar-right {
	float: right;
	width: 200px;
	padding: 5px;
        border-left: solid 2px #DDEBEE; border-right: solid 2px #DDEBEE; border-top: solid 2px #DDEBEE; border-bottom: solid 2px #DDEBEE;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #00B0FF;
}