body {
background:url(topbg3.jpg) repeat-x -180px 0px, url(bg.jpg) repeat;
font:16px/24px camboregular, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#000;
}

@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;

}


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

}


header {
background:url(layout.png);
width:549px;
height:397px;
margin:150px auto 10px;
}

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

header a#clear {
position:relative;
top:17px;
left:289px;
width:159px;
height:88px;
}

header a#intro {
position:relative;
top:210px;
left:213px;
width:46px;
height:19px;
}

header a#depth {
position:relative;
top:208px;
left:209px;
width:50px;
height:23px;
}


header a#fanlisting {
position:relative;
top:207px;
left:178px;
width:81px;
height:21px;
}

header a#media {
position:relative;
top:207px;
left:208px;
width:53px;
height:18px;
}

header a#site {
position:relative;
top:208px;
left:228px;
width:33px;
height:18px;
}


header a#clear:hover { background:url(titlenav.png) 0px 0px no-repeat; }
header a#intro:hover { background:url(nav2.png) -35px 0px no-repeat; }
header a#depth:hover { background:url(nav2.png) -31px -17px no-repeat; }
header a#fanlisting:hover { background:url(nav2.png) 0px -39px no-repeat; }
header a#media:hover { background:url(nav2.png) -30px -60px no-repeat; }
header a#site:hover { background:url(nav2.png) -50px -79px no-repeat; }

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

div#content p {
text-indent:2em;
margin:10px 0px;
}

h1 {
margin:0px 0px -10px;
font: bold 30px st_marie_thinthin, camboregular, 'lucida sans unicode', arial, sans-serif;
color:#666;
text-shadow: 2px 2px 5px #aaa;
letter-spacing:-3px;
text-transform:lowercase;
}

h2, h4 {
margin:0px 0px -10px;
font: bold 25px st_marie_thinthin, camboregular, 'lucida sans unicode', arial, sans-serif;
color:#888;
text-shadow: 2px 2px 5px #aaa;
text-transform:lowercase;
letter-spacing:-2px;
}

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

blockquote {
background:rgba(200,200,200,0.2);
border-radius:30px;
padding:5px 15px 10px; 
margin:0px 20px;
color:#8d8d8c; font-size:15px; line-height:19px; 
}

blockquote:hover { background:rgba(225,225,225,0.2); }

blockquote strong { color:#a80000; }

blockquote.line {
border-left:5px solid #c7a747;
background:none;
border-radius:0px;
padding-left:5px;
}

blockquote.line { padding:0px 10px; }

blockquote p { text-indent:0em !important; }

a { color:#999; cursor:crosshair; text-decoration:none; border-bottom:2px solid #e4d556; }
a:hover { color:#a80000; }
a.sup { border-bottom-width:0px; font-weight:bold; }


b, strong { color:#c7a747; }
i, em { color:#a80000; }
span { color:#999; }
p.center { text-align:center; text-indent:0 !important; }
p.updates { font-size:18px; text-align:center; }
p.right { text-align:right; line-height:15px; }
p.right a { border-width:1px; font-weight:bold; }
p.nb { text-indent:0 !important; }


img, a img { border:3px solid #c7a747; margin-right:5px; padding:3px; }
img:hover { border-color:#a80000; }
img.left { float:left; margin:0px 10px 5px 0px; }
img.right { float:right; margin:0px 0px 5px 10px; }
a.none { border:none; }

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

div#content ul {
list-style-image:url(list.png);
margin:10px 0px 10px 0px;
}

div#content ul li {
line-height:19px;
}

div#content ul li a {
font:20px st_marie_thinthin, garamond, "apple garamond", "times new roman", times, serif;
border-bottom:0px;
text-shadow:#000 0px 0px 3px;
color:#000;
}

div#content ul li a:hover { color:#222; text-shadow:#000 0px 0px 5px }

ul#flaboutlist a { 
font:16px/24px camboregular, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif !important;
color:#999 !important; 
border-bottom:2px solid #e4d556 !important;
text-shadow:none !important;
}
ul#flaboutlist a:hover { color:#a80000 !important; }

.help {
cursor:help;
}

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

ol li {
padding:0px 0px;
}

dt {
font: 25px st_marie_thinthin, garamond, "apple garamond", "times new roman", times, serif;
text-shadow:#000 0px 0px 3px;
margin-left:20px;
}

dd { background:rgba(200,200,200,0.2); padding:15px 10px 10px; margin-left:0px; margin-top:-15px; color:#8d8d8c; font-size:15px; line-height:19px; border-radius:30px; }
dd:hover { background:rgba(225,225,225,0.2); }

dd p { text-align:right; margin:-5px 5px !important; }
dd p a { text-shadow:#888 0px 0px 5px; border-bottom:0px; color:#fff; }
dd p a:hover { color:#efefef; }

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


form p { text-indent:0 !important; }


table#age { width:80%; text-align:center; margin:0 auto; background:rgba(225,225,225,0.2); border-radius:20px; padding:0px; }
table#age th { width:33%; color:#fff; text-shadow:#000 0px 0px 10px; }
table#age tr:hover td { background:rgba(200,200,200,0.2); border-radius:50px; }
table#age th em { color:#fff; }