body {
background:url(bg.jpg) repeat #000;
font:16px/22px  "pt serif", "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#fbf4e0;
}

div#container {
margin:0px auto;
width:1156px;
}


header {
margin:-10px auto;
width:1156px;
height:790px;
background:url(top.jpg);
}

header img {
border:0;
padding:0;
margin:0;
background:none;
}


nav {
position:relative;
}

nav a { display:block; }

nav span { display:none; }

nav a#clear {
position:relative;
top:490px;
left:393px;
width:422px;
height:115px;
}

nav a#ashe {
position:relative;
top:490px;
left:393px;
width:104px;
height:77px;
}

nav a#fan {
position:relative;
top:413px;
left:497px;
width:223px;
height:77px;
}

nav a#site {
position:relative;
top:336px;
left:719px;
width:96px;
height:77px;
}



nav a#clear:hover { background:url(nav.jpg) 0px 0px no-repeat; }
nav a#ashe:hover { background:url(nav.jpg) 0px -115px no-repeat; }
nav a#fan:hover { background:url(nav.jpg) -104px -115px no-repeat; }
nav a#site:hover { background:url(nav.jpg) -326px -115px no-repeat; }

div#content-wrap {
width:569px;
margin:0px auto 0px;
text-align:left;
padding:0px 70px;
background:url(contentbg.png);
}

section {
position:relative;
top:-100px;
}

section p {
margin:10px 30px;
padding:0;
}

h1 {
margin: 0px 5px 0px;
font: bold 30px "kaushan script", "pt serif", 'lucida sans unicode', arial, sans-serif;
color:#C8C6C0;
border-radius:5px;
padding:5px;
text-shadow:0px 2px 2px #42190e;
text-transform:lowercase;
text-align:center;
}

h2, h4 {
margin:5px 0px 5px;
font: bold 25px "kaushan script", "pt serif", 'lucida sans unicode', arial, sans-serif;
color:#C8C6C0;
border-radius:5px;
padding:5px;
text-shadow:0px 2px 2px #42190e;
text-transform:lowercase;
}

h3 {
margin:10px 0px;
font: bold 25px "kaushan script", "pt serif", 'lucida sans unicode', arial, sans-serif;
color:#C8C6C0;
text-align:center;
text-transform:lowercase;
clear:both;
text-shadow:0px 2px 2px #42190e;
}

a { 
color:#d2b07c; 
font-weight:bold; 
cursor:crosshair;
transition:color 0.5s ease;
}
a:hover {
color:#e9d6a5;
}


b, strong { font-family: Vidaloka, georgia, "times new roman", serif; color:#c08c57; }
i, em { font-family: Vidaloka, georgia, "times new roman", serif; color:#c08c57; }
.center { text-align:center; }
small { font-size:14px; line-height:18px; }
span { color:#d3aa6c; }


blockquote {
background:url(quote.jpg) repeat-y top left;
opacity:0.9;
margin:10px 10px 0px;
padding-left:30px;
}
blockquote p { 
margin:0px !important; 
padding:0px 5px 0px !important;
}

blockquote p strong, blockquote p span {
text-transform:uppercase;
font-family: Vidaloka, georgia, "times new roman", serif;
}
blockquote:hover { opacity:1; }

blockquote small { font-style:italic; }


img, a img { border:5px solid #43403b; padding:0px; margin-right:6px; background:none;
transition:border 0.5s ease;
}
img:hover { border-color:#a09a90; background:url(bg.jpg);
}
img.right { float:right; margin:0px 0px 5px 10px; }
img.left { float:left; margin:0px 5px 5px 0px; }

figure {
text-align:center;
margin:0;
}

figcaption {
font:italic 14px/18px Vidaloka, georgia, "times new roman", serif;
color:#dbb840;
}


span.site {
font: 24px PrintBoldRegular, 'lucida sans unicode', arial, sans-serif;
color:#624555;
text-transform:uppercase;
}

hr {
border:0px;
background:url(hr.jpg) top center no-repeat;
height:28px;
}

ul { margin:10px 40px; }
ul li { list-style-type:square; }



input, textarea {
background:rgba(0,0,0,.8);
padding:2px;
border:3px solid #43403b;
font:16px/22px "pt serif", "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#fbf4e0;
margin:5px 0px;
}

option, select { 
padding:2px;
border:3px solid #43403b;
font:16px/22px "pt serif", "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#fbf4e0;
margin:5px 0px;
background:rgba(0,0,0,.5);
}

input:focus, textarea:focus, select:focus { border-color:#a09a90; }

option { 
border-width:0px;
}

.help {
cursor:help;
}

code {
font-family:"Ubuntu Mono", "courier new", monospace;
}

#divider { margin-bottom:-75px !important; }

footer { 
margin:0px auto 0px;
width:567px;
text-align:right; 
font-size:14px;
line-height:16px; 
padding:0px 60px 30px; 
background:url(discbg.png) no-repeat;
}

footer p { padding:0px 20px 20px; }
