* { margin: 0; padding: 0; }
body { background: #0f0f0e url(img/bg.gif) repeat; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #70705e; margin: 0 auto; line-height: 18px; }
#container { width: 780px; margin: 0 auto; text-align: center; }
#header { background: url(img/header.jpg) no-repeat; width: 780px; height: 357px; }
#footer { background: url(img/footer.jpg) no-repeat; width: 780px; height: 103px; }
#content { background: url(img/content.gif) repeat-y; width: 780px; text-align: left; min-height: 100%; }
#text { margin: 0 auto; width: 650px; }

h1 { background: url(img/h1.gif) no-repeat; margin: 0 0 10px 10px; padding: 0 0 0 25px; font: italic 24px Georgia, Times New Roman, Serif; border-bottom: 2px solid #7f7f78; width: 90%; }
a:link, a:active, a:visited { color: #a3a391; background: inherit; text-decoration: underline; }
a:hover { color: #c5c5b4; background: inherit; text-decoration: none; }

ul#menu { list-style: none; }
ul#menu li { float: left; }
ul#menu li#home a { position: relative; top: 95px; left: 4px; display: block; width: 68px; height: 64px; }
ul#menu li#about a { position: relative; top: 63px; left: 90px; display: block; width: 82px; height: 40px; }
ul#menu li#rules a { position: relative; top: 34px; left: 170px; display: block; width: 85px; height: 52px; }
ul#menu li#join a { position: relative; top: 38px; left: 250px; display: block; width: 80px; height: 52px; }
ul#menu li#fans a { position: relative; top: 75px; left: 340px; display: block; width: 72px; height: 59px; }
ul#menu li a span { display: none; }

.center { margin: auto; }
.left { margin-right: auto; }
.right { margin-left: auto; }
.fleft { float: left; }
.fright { float: right; }
.clean { display: block; clear: both; }

blockquote { width: 80%; margin: 15px auto; }
ol { margin-left: 40px; }
input, select, textarea { background: #70705e !important; border: none !important; padding: 6px; font: 14px arial, verdana, sans-serif; color: #fff !important; }