*{margin:0; padding:0;}
html, body {}
html{/*overflow:auto;*/}
body{margin:27px 0 27px 0; color:#fff; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; background:#000;}
/* fix for clearing height of floated elements */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;} .clearfix {display: block;}
/* close commented backslash hack */
img{border:none;}
a{color:#fff; text-decoration:none; font-style:italic;}
a:hover{color:#FFCC05;}
#wrapper{position:relative; width:935px; margin:0 auto 10px;}
#header{position:relative; text-align:right; height:166px; background:url(../img/bodega-ave-logo.jpg) no-repeat;}
.spanish #header{background:url(../img/spanish-bodega-ave-logo.jpg) no-repeat;}/* SPANISH HEADER IMAGE */
#mainNav{display:block; position:absolute; bottom:0; left:0; height:20px; list-style:none; text-align:center;}
#mainNav li{display:block; float:left; width:187px;}
#mainNav li a{display:block; width:100px; height:20px; margin:0 auto;}
#mainNav li a.dim{-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; cursor:default;}
#mainNav li a.comics{background:url(../img/comics.gif) no-repeat center top;}
#mainNav li a.about{background:url(../img/about.gif) no-repeat center top;}
#mainNav li a.cast{background:url(../img/cast.gif) no-repeat center top;}
#mainNav li a.store{background:url(../img/store.gif) no-repeat center top;}
#mainNav li a.misc{background:url(../img/misc.gif) no-repeat center top;}
/* SPANISH NAV */
.spanish #mainNav li a{width:145px;}
.spanish #mainNav li a.comics{background:url(../img/spanish-comics.gif) no-repeat center top;}
.spanish #mainNav li a.about{background:url(../img/spanish-about.gif) no-repeat center top;}
.spanish #mainNav li a.cast{background:url(../img/spanish-cast.gif) no-repeat center top;}
.spanish #mainNav li a.store{background:url(../img/spanish-store.gif) no-repeat center top;}
.spanish #mainNav li a.misc{background:url(../img/spanish-misc.gif) no-repeat center top;}
/* END SPANISH NAV */
#mainNav li a:hover, .spanish #mainNav li a:hover, #mainNav li a.selected, .spanish #mainNav li a.selected{background-position:center bottom;}
#wrapper .shadow{position:absolute; top:166px; left:0; width:100%; height:10px; overflow:hidden; background:#000; -moz-opacity:.30; filter:alpha(opacity=30); opacity:.30;}
#body{border-left:#011a29 solid 20px; border-right:#011a29 solid 20px; background:url(../img/grey_bg.png) repeat-y 6px 0 #373737;}
#stage{display:inline; float:left; width:657px; margin:0 0 0 6px;}
#comic-page #stage{text-align:center;}
#stage ul.nav{display:block; list-style:none; margin:15px auto 7px; height:20px; width:385px;}
#stage ul.bottom_nav{display:none;}
.spanish #stage ul.nav{width:535px;}
#stage ul.nav li{display:block; float:left;}
.nav a{display:block; height:20px; margin:0 20px;}
.nav a.first{ width:60px; background:url(../img/first.png) no-repeat center top;}
.nav a.back{ width:60px; background:url(../img/back.png) no-repeat center top;}
.nav a.next{ width:60px; background:url(../img/next.png) no-repeat center top;}
.nav a.new{ width:45px; background:url(../img/new.png) no-repeat center top;}
.spanish .nav a.first{ width:92px; background:url(../img/spanish-first.png) no-repeat center top;}
.spanish .nav a.back{ width:96px; background:url(../img/spanish-back.png) no-repeat center top;}
.spanish .nav a.next{ width:108px; background:url(../img/spanish-next.png) no-repeat center top;}
.spanish .nav a.new{ width:79px; background:url(../img/spanish-new.png) no-repeat center top;}
.nav a:hover{background-position:center bottom!important;}
#stage .title{text-align:left; margin:20px 10px; border-bottom:#000 solid 1px;}
#comic-page #stage .title{border:none; margin-top:0; margin-bottom:0;}
#comic-page #stage .title .number{}
#comic-page #stage .title .comicTitle{font-family:"Arial Black",Gadget,sans-serif; font-weight:bold; font-size:17px;}
#stage .bio .name{display:block; color:#FFCC05; font-style:italic; font-weight:bold;}
#comic-page .comic{margin:0 0 20px 0; display:none;}
#stage .character, #stage .creator, #stage .about{padding:0 10px; margin:0 0 20px 0;}
#stage .character .image{float:left; margin:0 0 0 10px; width:160px; height:80px; overflow:hidden; border:#000 solid 3px;}
#stage .character .bio{float:right; width:450px; text-align:left;}
#stage .title2{text-align:left; margin:10px 20px;}
#stage .about .image{float:left; margin:0 0 0 10px; width:85px; height:125px; overflow:hidden;}
#stage .creator .image{float:left; margin:0 0 0 10px; width:85px; height:113px; overflow:hidden; border:#000 solid 3px;}
#stage .about .bio, #stage .creator .bio{float:right; width:520px; text-align:left;}
#rightCol{display:inline; margin:0 6px 0 0; float:right; width:215px;}
#rightCol .box{color:#999999; margin:10px 0; padding:10px; line-height:14px; background:#1a1a1a;}
#rightCol .lightgrey{background:#333333!important; position:relative;}
#rightCol .newest{padding-left:0!important; padding-right:0!important; text-align:center;}
.ad{margin-bottom:10px;}
#rightCol .box .title{display:block; border-bottom:#000 solid 1px; margin:0 0 5px 0; padding:0 0 5px 0; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold;}
#rightCol .newest .title{margin-left:10px!important; margin-right:10px!important; }
#rightCol .newest .title2{display:block; padding:0 10px; color:#FFF; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; }
#rightCol .archive{ text-align:left; height:184px; overflow:hidden; position:relative; border-bottom:solid 1px #000; background:url(../img/archive_bg.gif) no-repeat right top;}
#rightCol .arrow_up{position:absolute; right:2px; top:95px; width:26px; height:18px; background:url(../img/up.gif) no-repeat; cursor:pointer;}
#rightCol .arrow_down{position:absolute; right:2px; bottom:77px; width:26px; height:18px; background:url(../img/down.gif) no-repeat; cursor:pointer;}
#rightCol .archive ul{list-style:none; display:block; position:absolute; top:0; left:0;}
#rightCol .archive ul li{display:block;}
#rightCol .archive .number{display:block; width:10%; float:left;}
#rightCol .archive .archive_title{display:block; width:75%; float:left;}
#footer{height:15px; font-size:11px; line-height:15px; background:#B51D34;}