/* Companion Custom CSS over-rides for [ Robot Beach by Matt Forcum ]: ComicPress/comicpress - 2.8 */

#header {width: 960px; height: 113px; background: url('/images/header.jpg') top center no-repeat; overflow: hidden;}
#header h1 {padding: 0;}
#header h1 a {display: block; width: 960px; height: 96px; text-indent: -9999px;}
#header .description {display: none;}

a {
	color: #8e2e08;
	text-decoration: none;
	}
	
a:hover { color: #e61e04; 
	text-decoration: underline;
	}

body {
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, sans-serif;
        background: url('/images/wave_tile.png') repeat-x;
        background-color:#1d798f;
        }
p {
  	margin:10px 0;
	}	

#comic {
	padding: 20px 0 0px 0;
	text-align: center;
        border-top: 2px solid #9b640a;
        border-left: 2px solid #9b640a;
        border-right: 2px solid #9b640a;
        border-bottom: none;
        background: #fff;
        }

#comic-head,#comic-foot { padding: 0 0; } 

#comic_navi_wrapper {
	background: #fff;
        border-top: none;
        border-left: 2px solid #9b640a;
        border-right: 2px solid #9b640a;
        border-bottom: none;
        }
        
.nav { font-size: 0px; padding: 0; height: 0px; }
.nav {display: none;}

.post-comic {
	background-color: #fff;
        border-left: 2px solid #9b640a;
        border-right: 2px solid #9b640a;
        border-top: none;
        border-bottom: none;
        padding: 0px 22px 0px 22px;
        margin: 0 20px 0 20px;
        }  
        
.post-comic-foot { 
	background: url(/images/comic_post_footer.png) no-repeat center; 
	height: 23px;
	padding: 0 20px 0 20px;
	}
	
.archive .post-comic {
	background: none;
	border:none; 
        padding: 0px 22px 0px 22px;
        margin: 0 20px 0 20px;
        }  
        
.archive .post-comic-foot { 
 	background: none; 
	height: 23px;
	padding: 0 20px 0 20px;
	}
	
h2.pagetitle, h2.pagetitle a { line-height: 24px; font-family: 'trebuchet ms'; font-size: 24px; }
	
#blogheader { 
	border-top: none;
	padding: 0; 
	}
        
#page {
	width: 960px; /* original is 970 */
	margin: 0px auto; /* original is 0px auto */
        background: url(/images/right_side_gradient.png) repeat-y right;
        background-color:#ffecc6;
	} 

#page-wide {
	width: 960px; /* original is 970 */
	margin: 0px auto; /* original is 0px auto */
        background: url(/images/right_side_gradient.png) repeat-y right;
        background-color:#ffecc6;
	}
	
#pagewrap-right {
	width: 580px;
	float: left;
	overflow: hidden;
	padding: 0, 0, 20px, 0;
	margin: 0;
	}
	
.post-page {
	clear:both;
	padding:0 10px;
	text-align:left;
	}
	
.post-head, .post-page-head {
	padding:2 0 0;
	}

.column {width: 560px; padding: 0 10px 0 10px;}
        
.narrowcolumn {width: 580px;}
		    
#content {
	background: url(/images/postsection_top.png) repeat-x;
	}
	
#sidebar-left {
        background: url(/images/sidebarsection_top.png) repeat-x;
	background-color: #e6b153;
	width: 180px;
	padding: 18px 0px 0px 0px;
	float: left;
	font-size: 11px;
	overflow: hidden;
	}
	
.sidebar-foot {
	background: url(/images/sidebar_advert.png) no-repeat;
	height: 24px;
	}
	
#sidebar-right {
	background: url(/images/sidebarbox_bottom.png) repeat-x;
	width: 195px;
	padding: 0px 0px 0px 5px;
	float: left;
	font-size: 11px;
	overflow: hidden;
	}

#sidebar-box { 
        background: url(/images/sidebarsection_top.png) repeat-x;
	width: 170px;
	padding: 15px 15px 0px 15px;
	float: left;
	font-size: 11px;
	overflow: hidden;
        background-color: #e6b153;
	}
	
.sidebar {padding: 0 5px 0 5px;}	
	
#footer {
        padding-top: 33px;
        margin: 0;
	text-align: center;
        color: #fff;
        width: 960px;
        height: 134px;
        background: url(/images/footer.png);
        background-repeat: no-repeat
        background: #1d798f;
	}
	
#column {
	width: 580px;
	padding: 0px 0 20px 0;
	float: left;
	overflow: hidden;
        background: url(/images/postsection_top.png) repeat-x;
	}
	
/* -------------------- menu skin -------------------- */

#menubar {
   background: url(/images/topmenu_shadow.png) repeat-x;
   background-color: #e6b153;
   border: 0;
}

#menu {
   border: 0;
}

#menu li a {
   /* border: 0; */
   border-left: none;
   border-right: 2px solid #88cfae;
   font-size: 14px;
   font-style: bold;
}


/* link color of the menubar */
#menu a {
   color: #000;
   font-size: 14px;
   font-style: bold;
   border-left: none;
   border-right: 2px solid #88cfae;
}

/* Main menu highlighted text color */
#menu li:hover a, #menu li.sfhover a {
   background-image: none;
   font-size: 14px;
   font-style: bold;
   color: #fff;
   border: 0;
}

/* Main menu highlighted background color */
#menu li:hover, #menu li.sfhover {
   background-color: #88cfae;
   border-left: none;
   border-right: 2px solid #88cfae;
}


/* The current page your on */
#menu .current_page_item a {
   background: url(/images/topmenu_shadow.png) repeat-x;
   background-color: #e6b153;
   color: #EEE;
   border-left: none;
   border-right: 2px solid #88cfae;
}

#wp-calendar td {
	min-width: 20px;
	padding: 0;
        color: #9b640a;
	text-align: center;
	border: 1px solid #9b640a;
	}

#wp-calendar a {
	display: block;
	text-decoration: none;
        color: #ffecc6;
	font-weight: bold;
        background: #deb25a;
	}

	#wp-calendar a:hover {
		color: #ffecc6;
		background: #8e2e08;
		}
		
table#wp-calendar td { border: 1px solid #9b640a; }9