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

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

div#top {
width:800px;
height:305px;
padding:0px;
margin:37px auto 0px;
background:url(header.jpg);
position:relative;
}

div#top img { border-width:0px; }

div#top a { border-bottom-width:0px; }
div#top span { display:none; }

div#top a#clear {
position:absolute;
top:205px;
left:544px;
height:51px;
width:240px;
display:block;
z-index:5;
}

div#top a#clear:hover { background:url(hover-title.jpg); }

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

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

div#nav div#subnav-top {
background:url(subnav-top.png) no-repeat top center;
width:191px;
height:56px;
margin:0 auto;
}

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

div#nav ul li.h {
font:18px garamond, "times new roman", times, serif;
color:#7b7a7b;
background:none;
text-transform:uppercase;
margin:5px 10px;
}

div#nav ul li a {
font:18px garamond, "times new roman", times, serif;
background:url(subnav-bg.png) repeat-y top center;
border-bottom-width:0px !important;
display:block;
padding:2px 10px;
color:#7c7b7c;
margin-left:-1px;
margin-right:-1px;
}

div#nav ul li a:hover { background:#fff; color:#000; }

div#nav div#subnav-bottom {
background:url(subnav-bottom.png) no-repeat top center;
width:167px;
height:61px;
margin:0 auto;
}

blockquote {
margin:10px 40px 0px;
background:#eee;
border:3px solid #fafafa;
}

blockquote:hover { background:#fafafa; border-color:#fff; }

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

div#content ul { list-style-type:square; margin:10px 20px 10px; }
div#content ul li {
line-height:150%;
}

div#content ul li.none { list-style-type:none; font-weight:bold; }
div#content p { margin:10px 20px; }
p.center, p.bg { text-align:center; }
p.top { text-align:center; clear:left; }
p.right { text-align:right; }
p.credit { text-align:right; font:italic 10px georgia, "times new roman", times, serif; color:#aaa; margin-top:-10px !important; }
p.credit a { border-bottom:none; }

h1 {
text-align:left;
color:#ccc;
font:italic normal 35px garamond, "apple garamond", "times new roman", times, serif;
text-transform:lowercase;
letter-spacing:-1px;
margin:0px 20px -5px 10px;
color:#292728;
}

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

h2.center { text-align:center; }

h3 {
text-align:center;
color:#b7ad96; 
font:normal 11px "century gothic", sans-serif;
text-transform:uppercase;
margin:0px 0px;
}


a { text-decoration:none; color:#b7887c; cursor:crosshair; border-bottom:2px solid #c0bec0; }
a:hover { color:#000; border-bottom-color:#e6bfde; }
a#what { cursor:help; color:#292728; }
a#what:hover { color:#666; }

em { color:#ab528d; }

span, strong { color:#6d4531; }

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 { border:3px solid #c5c5c5; background:#c5c5c5; margin-right:3px; }
img:hover { border:3px solid #fff; background:#fff; }
img.none { border-width:0px; }
a.none { border-bottom-width:0px; }
p.bg img { background-color:#fff; margin:2px; padding:2px; }

ol li {
padding:0px 5px;
margin-left:30px;
}

input, textarea, select {
background:#eee;
border:1px solid #aaa;
font:13px/19px "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#2a2b2b;
}

input:focus, textarea:focus, select:focus { border-color:#111; }


div#disclaimer {
margin:3px 0px 0px;
text-align:right;
padding-bottom:5px;
}

div#disclaimer p {
margin:0px;
text-align:right;
padding-top:5px;
word-spacing:-1px;
text-transform:lowercase;
font-family: garamond, "times new roman", times, serif;
}

div#disclaimer p a { border-bottom:0px; color:#7c7b7c; }
div#disclaimer p a:hover {color:#000; }

div#bottom {
width:626px;
height:110px;
padding:0px;
margin:37px 0px 15px 174px;
background:url(footer.jpg) top right no-repeat;
position:relative;
clear:both;
}

div#bottom img { border-width:0px; }

div#bottom a { border-bottom-width:0px; }
div#bottom span { display:none; }

div#bottom a#essays {
position:absolute;
top:25px;
left:14px;
height:58px;
width:72px;
display:block;
z-index:5;
}

div#bottom a#essays:hover { background:url(hover-nav.jpg); }

div#bottom a#fanlisting {
position:absolute;
top:25px;
left:110px;
height:58px;
width:105px;
display:block;
z-index:5;
}

div#bottom a#fanlisting:hover { background:url(hover-nav.jpg) -96px 0px; }

div#bottom a#sitely {
position:absolute;
top:25px;
left:242px;
height:58px;
width:67px;
display:block;
z-index:5;
}

div#bottom a#sitely:hover { background:url(hover-nav.jpg) -228px 0px; }