/* Companion Custom CSS over-rides for [ Epic Fail - A Fantasy Webcomic by Amy Letts ]:  -  */
/* Change the background. */
/* make the html page not wobble when reloading to a new page. */  html { overflow-y: scroll; } 
body { background: #282828; }
/* Add Image to Header AND make it clickable back to home - adjust height width and location of image*/
#header {width: 950px; height: 250px; background: url('/images/header.jpg') top center no-repeat; overflow: hidden;}
#header h1 {padding: 0;}
#header h1 a {display: block; width: 950px; height: 250px; text-indent: -9999px;}
#header .description {display: none;}
/* THE PAGE WRAPPER */
#menubar-wrapper {
	width: 100%;
	clear: both;
	background: #5a5a5a;
}
.menubar {
	font: bold 14px Verdana; 
	background: #5a5a5a;
	float: left;
}
.menubar ul li a:link, .menubar ul li a:visited {
	color: #fff;
}
.menunav a {
	color: #ff8c00;
}

#page {
	width: 950px;
	margin: 0px auto;
	background: #f3eddf
}
#page-wide {
	width: 950px;
	margin: 0px auto;
}
.narrowcolumn {
	width: 600px;
	padding: 0 5px;
	overflow: hidden;
	background: #f3eddf;
}

/* add 10px to smaller width layouts */
.layout-standard .narrowcolumn, .layout-v .narrowcolumn {
	width: 600px;
}

div.progress-container {
  border: 1px solid #ccc; 
  width: 125px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}

.wcp_collective_ads_widget .wcp-ad {
    text-align: center;
}

.wcp_collective_ads_widget img {
    margin: 0 auto;
    border: solid 1px: #000;
    -moz-box-shadow: 3px 3px 3px #333;
    -webkit-box-shadow: 3px 3px 3px #333;
    box-shadow: 3px 3px 3px #333;
}

#sidebar-right {
	float: right;
	width: 330px;
	padding: 5px;
	background: #f3eddf;
}
#footer {
	padding: 5px 0;
	text-align: center;
	background: #5a5a5a;
}