body {
font:12px/19px "lucida grande", "lucida sans", "lucida sans unicode", "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#f0e2c2;
background:url(bg.jpg) repeat-x scroll #06080d;
margin:0px;
padding:0px;
}

div#container {
text-align:center;
position:absolute;
z-index:2;
margin:0px 0px 0px -376px;
top:0%;
left:50%;
}

div#top {
width:724px;
height:403px;
padding:0px;
margin:25px auto 0px;
background-image:url(header.jpg);
position:relative;
}

div#top a { display:block; border-bottom-width:0px; }
div#top a:hover {background:url(header.jpg) no-repeat; }
div#top span { display:none; }

div#top a#clear {
position:absolute;
top:122px;
left:226px;
width:291px;
height:50px;
}


div#top a#game {
position:absolute;
top:361px;
left:220px;
width:69px;
height:39px;
}

div#top a#heroes {
position:absolute;
top:362px;
left:299px;
width:89px;
height:35px;
}

div#top a#villains {
position:absolute;
top:361px;
left:400px;
width:101px;
height:36px;
}

div#top a#media {
position:absolute;
top:361px;
left:511px;
width:74px;
height:37px;
}

div#top a#site {
position:absolute;
top:361px;
left:600px;
width:57px;
height:38px;
}

div#top a#clear:hover { background-position:-226px -122px; }
div#top a#game:hover { background-position:-220px -405px; }
div#top a#heroes:hover { background-position:-299px -406px; }
div#top a#villains:hover { background-position:-400px -405px; }
div#top a#media:hover { background-position:-511px -405px; }
div#top a#site:hover { background-position:-600px -405px; }

div#content {
width:542px;
text-align:justify;
margin:0px auto;
float:left;
}

div#nav {
width:210px;
margin:0px;
float:right;
}

div#nav div#subnav-top {
background:url(sidenav_top.jpg) no-repeat top center;
width:210px;
height:52px;
margin:0 auto;
}

div#nav ul {
margin:0px;
list-style-type:none;
}

div#nav ul li.h {
font:18px garamond, "times new roman", times, serif;
color:#7b7a7b;
background:none;
text-transform:uppercase;
background:url(sidenav_bg.jpg) repeat-y top center;
}

div#nav ul li { margin:0px -40px; width:210px; background:url(sidenav_bg.jpg) repeat-y top center; }

div#nav ul li a {
font:18px garamond, "times new roman", times, serif;
border-bottom-width:0px !important;
display:block;
padding:2px 2px 2px 5px;
color:#a7a7a7;
width:210px;
}

div#nav ul li a:hover { background:url(sidenav_bg_hover.jpg) repeat-y; color:#fff; }

div#nav div#subnav-bottom {
background:url(sidenav_bottom.jpg) no-repeat top center;
width:210px;
height:52px;
margin:0 auto;
}

blockquote {
margin:10px 40px 0px;
background:#15151d;
border:3px solid #343334;
}

blockquote:hover { background:#343334; border-color:#15151d; }

blockquote.q { font:16px garamond; border-width:0px; padding:5px; }

div#content ol { margin:10px 20px 10px; }

div#content ul { list-style-type:square; margin:10px 20px 10px; }
div#content ul li {
line-height:150%;
}
div#content p { margin:10px 20px; }
p.center, p.bg { text-align:center; }
p.left { text-align:left; }
p.top { text-align:center; clear:left; }
p.right { text-align:right; }
p.clear { clear:both; }
p.small { font-size:11px; text-align:center; }

h1 {
text-align:left;
font:bold 20px garamond, "times new roman", times, serif;
text-transform:uppercase;
letter-spacing:-1px;
margin:0px 20px -5px 10px;
color:#877d7a;
}

h2 {
font:normal 18px garamond, "times new roman", times, serif;
color:#716866;
text-transform:uppercase;
margin:5px 10px;
}

h2.clear { clear:both; padding-top:5px; }

h3 {
color:#b5b5b5; 
font:normal 18px helvetica, "arial narrow", arial, sans-serif;
margin:0px 5px -5px;
background:url(hbg.jpg) 0px 16px repeat-x;
}

h3.disc { margin-left:20px; margin-right:20px; }

h4 {
color:#b5b5b5; 
font:bold 15px helvetica, "arial narrow", arial, sans-serif;
margin:0px 20px -5px;
background:url(hbg.jpg) 0px 16px repeat-x;
text-transform:lowercase;
}

a { text-decoration:none; color:#dc725e; cursor:crosshair; border-bottom:1px solid #754160; padding-bottom:1px; }
a:hover { color:#a78880; border-bottom-color:#a46f69; }
a img { border-width:0px; }

em, span, strong { color:#cca184; }

ins { text-decoration:underline; }
del { text-decoration:line-through; }

img.left { float:left; margin:5px 5px 5px 0px; }
img.right { float:right; margin:5px 0px 5px 5px; }

img, a img { border:1px solid #444; padding:3px; margin-right:3px; }
img:hover { border-color:#777; background:#000;  }
a.none, a.not { border:0px; }
a.not img { border:0px; }
a.not img:hover { background:none; }

input, textarea, select {
background:#202120;
border:1px solid #8d8e7e;
font:13px/19px "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#e5eae4;
margin:5px 0px;
}

div#disclaimer {
margin:3px 0px 10px;
clear:both;
font-size:11px;
line-height:14px;
background:url(discbg.jpg) no-repeat;
padding:25px 20px 30px;
}

div#disclaimer p { margin:0px 25px; padding-top:5px; }

div#disclaimer p#mininav {
padding-top:5px;
word-spacing:-1px;
text-transform:uppercase;
font:15px garamond, "times new roman", times, serif;
}

div#disclaimer p#mininav a { color:#f5f5f5; border-bottom:0px; }

table {
margin: 0 auto;
text-align:center;
font-size:11px;
line-height:15px;
}

fieldset { border:0px; }
fieldset legend { color:#cca184; }