body, table {
 font-family: tahoma, Verdana, Arial;
 font-size: 8pt;
 text-decoration: none;
 text-align: center;
 margin: 0px;
 background-color: #000;
 color: #DDDDDD;
 background-image: url('/images/bkg.gif');
}

p, ol li { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 20px;
}

a { color: white; font-weight: bold; text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }
em { }

h1, h2, h3 { 
 font-family: tahoma, Verdana, Arial;
 font-size: 18px;
 text-decoration: none;
 padding: 0px;
 margin: 0px;
 margin-bottom: 5px;
 color: white;
}
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 14px; }

hr {
 width: 500px;
 margin-bottom: 10px;
 color: #D0ECFF;
 background-color: #D0ECFF;
 height: 5px;
}

#container {
 border: 2px solid white;
 width: 960px;
 text-align: left;
 vertical-align: top;
 margin: auto;
 background-color: #393D6D;
 /*background-color: #041968;*/
}

#header {
 clear: both;
 height: 150px;
 background-color: #D0ECFF;
 background-image: url('/images/header.jpg');
 background-repeat: no-repeat;
 padding: 0px;
}
#header img { margin-left: 920px; margin-top: 10px; }

#topnav, #footer, #searchbar {
 clear: both;
 color: white;
 padding: 6px 20px;
 text-align: center;
}
#topnav, #footer { background-image: url('/images/navbkg.jpg'); background-repeat: no-repeat; background-position: top; background-color: black; }
#footer { height: 24px; background-color: #04101E; background-image: none; }
#topnav ul, #footer ul {
 list-style-type: none;
 padding: 5px;
 padding-left: 0px;
 margin: 0px;
}

#topnav ul li, #footer ul li{ display: inline; }
#bookmark { margin-left: 174px; }

#topnav ul li a, #footer ul li a, #searchbar{
 color: #FFF;
 padding: 10px 20px;
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: -0.02em;
 text-decoration: none;
}

#topnav ul li a:hover, #footer ul li a:hover{ color: #FFE101; }

#header h1 { visibility: hidden; }

#left, #right {
 text-align: center;
 width: 300px;
 background-color: #393D6D;
 margin: 0px;
}

#left { float: left; }
#right { float: right; background-image: none; }
#right img { padding: 3px 0px 2px 0px; }

#right p { text-align: left; }

#left h3, #right h3 {
 padding-top: 6px;
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-weight: bold;
 letter-spacing: -0.02em;
 color: white;
 text-decoration: none;
 border: none;
 font-size: 14px;
}

#left img, #right img { margin-top: 5px; }

#footer { 
 margin: 0px;
 padding: 0px;
 font-weight: bold;
 text-align: center;
}

#footer a { color: white; }

#spacer {
 height: 10px;
 width: 450px;
 float: left;
}

#left ul, #right ul {
 margin: 0px;
 padding: 0px;
 vertical-align: middle;
 list-style: none;
}

#left li, #right li {
 text-align: left;
 padding: 2px;
}

#left ul li a, #right ul li a, #left ul li, #right ul li{
 color: black;
 margin: 2px 0px 2px 13px;
 font-weight: bold;
}

#content {
 margin-left: 10px;
 margin-right: 310px;
 padding: 0px;
 padding-top: 10px;
 vertical-align: top;
}

.break {
 clear: left;
}

dt { font-weight: bold; padding-bottom: 2px; }
dd { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #D0ECFF; }

.character { height: 175px; }
.character img { padding: 8px; }

#wallpaper ul { float: left; }

#recommended { margin: auto; margin-top: 6px; margin-bottom: 4px; width: 300px; background-color: #393D6D; color: white; }
#recommended ul li a { color: #FDDF01; }

/* AVATARS */
#avatars { clear: left; padding-top: 20px; }
.avatar-listing { float: left; min-height: 165px; text-align: center; margin: 8px; font-size: 8pt; width: 120px; border: 1px dotted #EFE6E1; }
.avatar { height: 128px; line-height: 128px; }
.avatar img { vertical-align: bottom; border: none; }

#cotd, #downloads, #intro, #welcome, #theme, #video {
 float: left;
 background-color: #4C528E;
 width: 220px;
 min-height: 250px;
 text-align: center;
 margin: 10px;
}
#intro { width: 600px; min-height: 20px; padding-bottom: 10px; }
#welcome, #video { width: 350px; }
#theme { min-height: 1px; }
#welcome p, #theme p { text-align: left; padding: 4px; }
#cotd h2, #downloads h2, #intro h2, #welcome h2, #theme h2, #video h2 { font-size: 12px; margin-bottom: 0px; padding-top: 8px; }

#eblistings { float: left; }

#topshadow {
 clear: both;
 height: 5px;
 background-color: black;
 background-image: url('/images/topshadow.jpg');
 background-repeat: repeat-x;
}