/* Companion Custom CSS over-rides for [ THE WORK OF BRIAN A. BERNHARD ]: ComicPress - 2.8 */

/* THE MENU */

#menubar {
background: #000;
text-align: left;
list-style: none;
}

.ie #menubar {
zoom: 1; /* IE fix, allows for variable height menu */
}

#menunav {
float: right;
text-align: center;
}

#menunav a {
color: #fff;
}

.menunav-search {
float: left;
padding-top: 1px;
height: 24px;
}

.menunav-rss {
height: 25px;
padding: 0 7px 0 5px;
display: block;
float: left;
overflow: hidden;
font-size: 11px;
line-height: 25px;
}
.menunav-rss:hover {
background: #f00;
color: #fff;
}

.menunav-prev, .menunav-next {
display: block;
float: left;
}

.menunav-prev a, .menunav-next a {
width: 25px;
height: 25px;
line-height: 20px;
font-size: 28px;
font-weight: bold;
display: block;
overflow: hidden;
}

.menunav-prev a:hover {
background: #f00;
}

.menunav-next a {
}

.menunav-next a:hover {
background: #f00;
}

#menu {
text-transform: capitalize;
padding: 0;
margin: 0;
list-style: none;
float: left;
line-height: 25px;
font-size: 12px;
}

#menu a {
padding: 0px 10px 0 10px;
display: block;
color: #fff;
text-decoration: none;
}

#menu li .rss {
padding: 5px 0 5px 0;
}

#menu li {
float: left;
cursor: pointer;
}

#menu li:hover a, #menu li.sfhover a {
color: #fff; /* Main menu highlighted text color */
}

#menu li:hover, #menu li.sfhover {
background: #f00; /* Main menu highlighted background color */
}

.sfhover {
padding: 0;
margin: 0;
}

/* For submenu dropdowns – this order must be maintained */

#menu ul {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
left: -9999px;
width: 195px;
line-height: 1;
}
#menu li li {
width: 185px;
padding: 4px 5px;
color: #fff;
}
#menu li li a {
width: 194px;
padding: 0;
color: #fff;
border: none;
}
#menu li ul ul {
margin: -16px 0 0 190px;
}
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
color: #fff; /*Submenu highlighted text color */
}
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
color: #fff; /*Submenu text color */
border: none;
background: none;
}
#menu li li:hover {
background: #f00; /*Submenu highlighted background color */
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
left: -9999px;
}
#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: #000; /* Submenu background color */
text-transform: none;
}

#menu .current_page_item a {
color: #fff;
background: #800;
}



body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(http://www.blightproductions.com/wp-content/uploads/2009/11/Blight-Background.jpg) no-repeat center top;
background-color:black;
color:black;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
margin:0;
text-transform:none;
z-index:0;

}

#sidebar-left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
float:left;
width:210px;
}

#sidebar-right {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
float:right;
width:210px;
}

#content-wrapper {
margin:0;
padding:0;
background:white;
}

#menubar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white;

list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
}

#menu li:hover a, #menu li.sfhover a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:yellow repeat scroll 0 -75px;
border-left:1px solid #8B160F;
border-right:1px solid #C28380;
color:red;
}

#menu .current_page_item a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:yellow;
border-left:1px solid #555555;
border-right:1px solid #555555;
color:black;
}

#footer {
padding:5px 0;
text-align:center;
background-color:white;
border-color:Black;
border-style:solid;
border-width:1px 1px 1px 1px;
}

h2, h2 a {
color:black;
font-family:stencil;
font-size:21px;
font-weight:normal;
letter-spacing:-1px;
line-height:24px;
margin:0;
padding-bottom:2px;
}

#menu a {
color:black;
display:block;
font-family:stencil;
padding:0 10px 0;
text-decoration:none;
}

.sidebar h2 a {
font-family:stencil;
font-size:16px;
}

h2.pagetitle, h2.pagetitle a {
clear:both;
font-family:stencil;
font-size:32px;
font-weight:normal;
letter-spacing:1px;
margin:0 0 20px;
padding:0 0 5px;
color:black;
}

.narrowcolumn { width: 530px; }



.menubar .current_page_item a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:yellow;
border-left:1px solid #555555;
border-right:1px solid #555555;
color:black;
}

.menubar ul li ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white;
font-color: black;
background-image: none; 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left; /* background of menu items (default state)*/
}

* html .menubar ul li a {
   /*IE6 hack to get sub menu links to behave correctly*/
   display: inline-block;
}

.menubar ul li a:link, .menubar ul li a:visited {
   color: #000;
   font-color: black;
}

.menubar ul li ul li a:link, .menubar ul li ul li a:visited {
   color: #fff;
   font-color: black;
}

.menubar ul li a.selected {
   /*CSS class that's dynamically added to the currently active menu items' LI A element*/
   background: white;
   color: black;
   font-color: black;
}

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

#menubar-wrapper {
background:none repeat scroll 0 0 white;
background-image: none; 
clear:both;
display:block;
margin:0 auto;
width:100%;
color: black;
}

#menubar-wrapper ul ul a {
height:auto;
color: black;
}

#menu {
font-size:13.2px;
line-height:25px;
list-style:none outside none;
text-transform:capitalize;
}

.menu ul li a:link, .menu ul li a:visited {
    color: black;
    font-family: stencil;
}

a:link {
    color: black;
}

.layout-v3c #section-wrap, .layout-v3cr #section-wrap, .layout-v3cl #section-wrap {
    width: 540px;
}