/* Companion Custom CSS over-rides for [ The Greys ]: ComicPress - 2.8 */

body { 
  background: #333 url('images/bgs/greys_background.png') center top repeat-y; 
  color: #000;
}

#page-wide { width: 960px; background: #999; }

#comic { background: #999; border: none; }

.narrowcolumn { width: 530px; }

.post-comic, .post-foot { border-bottom: 2px groove #666; }

#footer { background: #666; border-top: 1px solid #333; }

/* Add Image to Header AND make it clickable back to home - adjust height width and location of image*/
#header {width: 960px; height: 250px; background: url('greys_header_S2.png') top center no-repeat; overflow: hidden;}
#header h1 {padding: 0;}
#header .description {display: none;}

/* Hide the Text in the header. */
#header h1 a, #header .description { display: none; }


.widget {
	border: 1px solid #666; 
	padding: 3px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background-color: #ccc; 
	text-align:center;
}

.comicpress_comic_title_widget {
	padding: 0.5em;
	margin: 0.5em 2em;
}

.comicpress_comic_title_widget a {
	color: black;
	font-size: x-large;
}

.menubar ul li a:hover {
   color: #fff;
   background: darkred; /*background of menu items during onmouseover (hover state)*/
}