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

body  { 
    background: #31001c; color: #000; font-family: 'Arial' , sans-serif; 
}
#page-wide-wrap { padding: 0px 5px; }

#page {
	margin: 0px auto;
} 
 
a {
    color: #fff;
    text-decoration: none;
}
 
a:link {
    color: #C4531B;
    font-weight: bold;
 
}
 
a:visited {
    color: #000;
}
 
a:hover {
    color: #BD3518;
}
 
#header h1 a, #header .description { display: none; }
 
#h1, h2, h2 a, h3, h3 a  {font-weight: bold; color: #C4531B;}
#h2 { text-shadow: 2px 2px 4px #1D1F1B; }
#header { margin: 0 auto; height: 90px; width: 978px; border-left: solid 0px #d9d7ad; border-right: solid 0px #d9d7ad; border-top: solid 0px #DDEBEE; border-bottom: solid 0px #DDEBEE; background: url('/images/headerlogo-02.png') top center no-repeat;

             }
 
#comic {

	margin: 0 auto;
	background: #fff;
	padding: 5px;
	border: solid 2px #d9d7ad;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 1px 2px 5px #000;
	-webkit-box-shadow: 1px 2px 5px #000;
	-khtml-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
	}
 
#comic-foot {
	text-align: center;
	height: 90px;
background:  url('/images/headerlogo.png') top center no-repeat;
border: solid 2px #d9d7ad;
border-radius: 0px;
	-moz-box-shadow: 1px 2px 5px #000;
	-webkit-box-shadow: 1px 2px 5px #000;
	-khtml-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
}	
.comic_navi { 
    background: #E9E9BF;
    font-weight: bold;
    -moz-border-radius-bottomright: 10px; 
    -webkit-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
     -webkit-border-radius-bottomleft: 10px; 
     border: solid 1px #d9d7ad;
     -moz-box-shadow: 1px 2px 5px #000;
	-webkit-box-shadow: 1px 2px 5px #000;
	-khtml-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
     }

.comic_navi_wrapper { margin-bottom: 5px;
     }
     
 .page-title, .post-title, .menu a, .menunav a, #header h1 {
 
	}

 
#menubar-wrapper {
width: 978px;
    clear: both;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: 'Courier New';
    background: #B18B2A;
    border-left: solid 1px #d9d7ad;
    border-right: solid 1px #d9d7ad;
    border-top: solid 1px #d9d7ad;
    border-bottom: solid 0px #d9d7ad;
        
}                     
/* this is the color of the text in the menubar when its on that page */
.menu .current_page_item a {
   color: #C4531B !important;
}
 
/* sub level menu hover color */
.menu ul li ul li a:hover {
   color: #fcff00;
}
 
/* this is the color of the non-hovered text in the menubar */
.menu ul li a:link, .menu ul li a:visited {
   color: #fff;
   font-size: 16px;
   
}
 
/* color of the sub level non-hovered text */
.menu ul li ul li a:link, .menu ul li ul li a:visited {
   color: #fff;
   font-size: 14px;
}
 
.menu ul li a.selected {
   /*CSS class that's dynamically added to the currently active menu items' LI A element*/
   background: #D9D7AD;
   color: #fff;
}
 
.menu ul li a:hover {
   color: #fff;
   background: #EDE57A; /*background of menu items during onmouseover (hover state)*/
}
 
.menu ul li ul li a {
   text-align: left;
   background: #CE7535; /* background of menu items (default state)*/
}
 
#subcontent-wrapper, .layout-gn #content-wrapper, .layout-rgn #content-wrapper, .layout-v #content-wrapper,
.layout-v3c #content-wrapper {
        
	background: #F9B725;
	
	border-left: solid 1px #d9d7ad;
	border-right: solid 1px #d9d7ad;
	border-bottom: solid 1px #d9d7ad;
	border-top: solid 1px #d9d7ad;
	-moz-box-shadow: 1px 2px 5px #000;
	-webkit-box-shadow: 1px 2px 5px #000;
	-khtml-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
}

.narrowcolumn {
	width: 550px;
	padding: 0 5px;
	overflow: hidden;
}
	
.layout-2cl .narrowcolumn, .layout-2cr .narrowcolumn,
.layout-2cvr .narrowcolumn, .layout-2cvl .narrowcolumn {
	width: 760px;
}
.layout-2cvr #section-wrap,
.layout-2cvl #section-wrap {
	width: 770px;
}
#page {
	width: 980px;
	margin: 0px auto;
} 
.button { margin-bottom: 5px; }
 
    
.post-comic, .post-blog, .post-page { 
    background: #EDE57A;
        padding: 5px;
    font-family: 'Courier New' , sans-serif;
    font-size: 16px;
    border: solid 1px #D9D7AD;
    -moz-box-shadow: 1px 2px 6px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
	-khtml-box-shadow: 1px 2px 6px #000;
	box-shadow: 1px 2px 6px #000;
     margin-top: 10px;
     }
         
.comment { 
    background: #E9E9BF;
    color: #2B1B0A;
    border: solid 1px #E7D681;
    padding: 5px; 
}
 
#sidebar-left {
    float: left;
    width: 197px;
    padding: 3px;
   margin-top: 5px; 
}
 
#sidebar-right {
    float: right;
    width: 197	px;
    padding: 3px;
    margin-top: 5px;
    }
    
.widget-content a:link {
     color:#C4531B;  
     }
     .widget-content a:visited {
     color:#bf5214;  
     }
     .widget-content a:hover {
     color:#fff;  
     }
     .widget-content a:active {
     color:#bf5214;  
     }

.wcp_collective_ads_widget .wcp-ad {
    text-align: center;
}
 
.wcp_collective_ads_widget img {
    margin: 0 auto;
    border: solid 1px: #000;
    -moz-box-shadow: 5px 5px 5px #1D1F1B;
    -webkit-box-shadow: 5px 5px 5px #1D1F1B;
    box-shadow: 5px 5px 5px #1D1F1B;
}
 
#storyline li li .storyline-title {
    font-size: 20px;
    font-weight: bold;
    display: block;
    color: #8B0F03;
}
 
#storyline li li .storyline-title:hover {
    color: #f23005;
}
 
#storyline li li .storyline-foot {
    border-bottom: 0px solid #fff;
}
 
#storyline li li li .storyline-foot {
    border-bottom: 0px solid #fff;
}
a.tt:hover span.top {
    margin-top: 55px;
    margin-left: 125px;
    }
a.tt:hover span.middle {
    margin: 0 0 0 125px;
    }
a.tt:hover span.bottom {
        margin-left: 125px;
    }
    
    #submit, #searchform button, .sidebar h2, #comment-wrapper {
	padding: 2px 5px;
	margin-bottom: 5px;
	background: #F2EC94;
	border: solid 2px #d9d7ad;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:-moz-linear-gradient(100% 100% 90deg,#EDE576, #F2EC94, #F2EDAB 100%);
    /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=#ccc, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),
          to(rgba(170, 170, 170, 3.0))
        );
}