body {
background:url(bg.jpg) #331d10;
font:16px/24px camboregular, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#F3EEE7;
}

@font-face {
    font-family: 'camboregular';
    src: url('fonts/cambo-regular-webfont.eot');
    src: url('fonts/cambo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cambo-regular-webfont.woff') format('woff'),
         url('fonts/cambo-regular-webfont.ttf') format('truetype'),
         url('fonts/cambo-regular-webfont.svg#camboregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


div#container {
text-align:center;
}


div#header {
background:url(header.jpg);
width:526px;
height:633px;
margin-top:-10px;
}

div#header a { display:block; }
div#header img { border-width:0px; padding:0px;  }
div#header span { display:none; }

div#header a#clear {
position:relative;
top:444px;
left:83px;
width:355px;
height:66px;
}

div#header a#game {
position:relative;
top:445px;
left:100px;
width:89px;
height:51px;
}

div#header a#fanlisting {
position:relative;
top:389px;
left:207px;
width:145px;
height:59px;
}

div#header a#site {
position:relative;
top:330px;
left:356px;
width:66px;
height:50px;
}


div#header a#clear:hover { background:url(hover.jpg) 0px 0px no-repeat; }
div#header a#game:hover { background:url(hover.jpg) -17px -67px no-repeat; }
div#header a#fanlisting:hover { background:url(hover.jpg) -124px -62px no-repeat; }
div#header a#site:hover { background:url(hover.jpg) -273px -62px no-repeat; }

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

h1 {
margin:-60px 0px -18px;
font: 30px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#b80506;
text-shadow: 2px 2px 5px #000;
}

h2, h4 {
margin:-10px 0px -10px;
font: 25px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#c94a3d;
text-shadow: 2px 2px 5px #000;
text-transform:lowercase;
}

h3 {
margin:5px 0px -10px;
font: 20px camboregular, 'lucida sans unicode', arial, sans-serif;
color:#c7a747;
text-shadow: 2px 2px 5px #000;
text-align:center;
}

blockquote {
border-left:5px solid #c7a747;
padding-left:5px;
}

a { color:#948579; font-weight:bold; }
a:hover { color:#b80506; }


b, strong { color:#c7a747; }
i, em { color:#c7a747; }
span { color:#c7a747; }
.center { text-align:center; }
p.right { text-align:right; line-height:15px; }


img, a img { border:3px solid #967a68; margin-right:5px; }
img:hover { border-color:#b80506; }
img.right { float:right; margin:0px 0px 5px 5px; }
a.none { border:none; }

ol { margin-left:20px; text-align:left;  }
ul { list-style-type:square; }

ol li {
padding:0px 0px;
}

input, textarea, option, select {
background:#2a160b;
border:2px solid #948579;
font:13px/19px "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#e0d5cf;
margin:5px 0px;
}

.help {
cursor:help;
}

code {
font-family:"courier new", monospace;
}