* { margin: 0; padding: 0; }
body { background: #000 url(img/bg.jpg) repeat-x; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 auto; text-align: center; }

#container { width: 770px; margin: 0 auto; text-align: left; }
#header { width: 770px; height: 303px; background: url(img/header.jpg) no-repeat; }
	#header a { display: block; position: relative; top: 273px; left: 690px; width: 40px; height: 20px; font-weight: bold; color: #fff; background-color: inherit; font-size: 12px; }
		#header a:hover { border-bottom: 1px solid #fff; text-decoration: none; }

ul#menu { list-style: none; margin-top: -117px; margin-left: 30px; }
	ul#menu li a { width: 114px; height: 159px; display: block; float: left; margin-right: 14px; border: none; }
	ul#menu li#about a { background: url(img/menu.jpg) 0 -159px no-repeat; }
	ul#menu li#about a:hover { background-position: 0 0; }
	ul#menu li#join a { background: url(img/menu.jpg) -125px -159px; }
	ul#menu li#join a:hover { background-position: -125px 0; }
	ul#menu li#fanlist a { background: url(img/menu.jpg) -255px -159px no-repeat; }
	ul#menu li#fanlist a:hover { background-position: -255px 0; }
	ul#menu li a span { display: block; text-indent: -9999px; }

a:link, a:active, a:visited { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; background-color: inherit; }
a:hover { color: #999; position: relative; top: 1px; left: 1px; background-color: inherit; text-decoration: line-through; border-bottom: none; }
h1 { color: #fff; border-bottom: 3px solid #1b3b42; font: 2em Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: 25px; margin-bottom: 20px; padding: 0 0 0 20px; }
#info ul, p { font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; line-height: 18px; text-align: justify; }
b, strong { color: #1b3b42; background-color: inherit; }
blockquote { font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 16px 60px; line-height: 18px; }
textarea, select, input { background: #666 !important; border: none !important; padding: 6px; font: 14px arial, verdana, sans-serif; color: #fff !important; }

#esq { float: left; ; width: 500px; margin: 0 auto; padding: 10px; }
	#esq p { padding: 0 30px; }
#dir { float: right; width: 210px; margin: 0 auto; padding: 10px; text-align: center; }
	#dir h1 { text-align: left; }
#info { clear: both; width: 710px; }
	#info p { padding: 0 30px; }
	#info ul { padding: 0 30px; }
	#info h2 { width: 70%; border-bottom: 1px solid #fff; color: #1b3b42; background-color: inherit; font: bold 1em Georgia, "Times New Roman", Times, serif; padding: 5px; margin-bottom: 10px; }

/* classes */
.clean { display: block; clear: both; }
.fleft { float: left; }
.fright { float: right; }
li.none { list-style: none; font-weight: bold; }