* { border: none; margin: 0; padding: 0; }

html { height: 100%; }
body { background: #6D426D url(../img/bg_main.png) top left repeat-x; color: #FFF; font: 13px/1.3 Arial, Helvetica, sans-serif; text-align: center; height: 100%; }
#container { margin: 0 auto; text-align: left; width: 900px; position: relative; }
#header { background: url(../img/bg_header.png) no-repeat; height: 50px; }
	#header form { position: absolute; top: 5px; right: 25px; display: block; }
		#header form label { text-transform: uppercase; margin-left: 10px; }
		#header form object { display: inline; }
		#header form input { background: none; border: 1px solid #66556A; padding: 5px; font-size: 10px; color: #FFF; margin-right: 5px; }
		#header form button { width: 60px; height: 24px; background: url(../img/btn_login.png) no-repeat; text-indent: -10000px; }
		#header form button:hover { background-position: 0 -24px; }
	#header p { position: absolute; top: 14px; right: 95px; }
	#header button { position: absolute; top: 10px; right: 25px; width: 60px; height: 24px; background: url(../img/btn_logout.png) no-repeat; text-indent: -10000px; }
	#header button:hover { background-position: 0 -24px; }

#nav { float: left; margin: 45px 0 0 35px; }
* html #nav { margin-left: 15px; }
	#nav ul { list-style: none; }
		#nav li a { background: url(../img/nav.gif) no-repeat; display: block; height: 45px; text-indent: -1000px; width: 276px; }
			#nav a#what {  }
			#nav a#what:hover { background-position: -276px 0; }
			#nav a#what.current { background-position: -552px 0; }
			#nav a#where { background-position: 0 -45px; }
			#nav a#where:hover { background-position: -276px -45px; }
			#nav a#where.current { background-position: -552px -45px; }
			#nav a#how { background-position: 0 -90px; }
			#nav a#how:hover { background-position: -276px -90px; }
			#nav a#how.current { background-position: -552px -90px; }

	#nav h1 a { background: url(../img/logo.png) no-repeat; display: block; height: 185px; text-indent: -10000px; width: 278px; }

#content { float: right; width: 530px; margin: 45px 20px 0 0; padding-bottom: 250px; }
* html #content { padding-bottom: 0; }
#home #content { width: 550px; padding-bottom: 100px; }
#content h2 { background: #1C0521; padding: 10px 10px 7px 10px; text-transform: uppercase; font-size: 18px; font-weight: normal; margin-bottom: 10px; clear: both; }
#content h3 { background: #341D39; padding: 10px 10px 7px 10px; text-transform: uppercase; font-size: 16px; font-weight: normal; margin-bottom: 10px; clear: both; }
#content h4 { color: #FFC; }
#content p { margin-bottom: 1em; }
#content p.intro { font-size: 17px; color: #FFC; }
#content p.instruction { font-size: 9px; color: #CCC; text-transform: uppercase; padding: 2px 0 20px 10px; float: left; width: 55%; }
#content p.note { font-size: 9px; color: #CCC; text-transform: uppercase; padding: 2px 0 20px; }
#content ul { list-style: none; margin-left: 10px; }
#content li { float: left; margin: 0 12px 12px 0; }
#content ol { margin-left: 25px; }
#content ol li { float: none; }
* html #content ol { margin-left: 0; padding-left: 25px; }

#content a:link, #content a:visited { color: #F60; font-weight: bold; }
#content a:hover { color: #F93; }
#content address { margin: 0 0 20px 15px; }
#content blockquote { float: right; width: 265px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; line-height: 1.5; }
#content blockquote p { margin-bottom: 0; font-size: 15px; color: #FFC; margin-left: 15px; padding: 0 0 0 15px; border-left: 1px solid #563558; font-weight: bold; }
#content blockquote cite { color: #CCC; margin-left: 15px; padding: 0 0 15px 15px; border-left: 1px solid #563558; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#content code { color: #FFF; font-family: "Courier New", Courier, monospace; white-space: normal; margin: 15px 0; font-size: 11px; display: block; }

#register input { background: none; border: 1px solid #CCC; padding: 5px; font-size: 14px; color: #FFF; margin: 0 0 10px 25px; float: left; display: inline; }
#register .captcha { padding: 0 0 10px 25px; position: relative; top: -20px; }
#register button { width: 120px; height: 40px; background: url(../img/btn_submit.png) no-repeat; text-indent: -10000px; position: relative; left: 400px; top: -50px; }
#register button:hover { background-position: 0 -40px; }

#profile { margin-bottom: 25px; }
#profile label { width: 150px; float: left; margin-right: 5px; text-align: right; padding-top: 7px; text-transform: uppercase; color: #FFC; font-size: 11px; }
#profile input { background: none; border: 1px solid #CCC; padding: 5px; font-size: 14px; color: #FFF; margin: 0 0 10px 0; float: left; display: inline; }
#profile select { font-size: 14px; margin: 0 0 10px 0; float: left; display: inline; }
#profile button { width: 100px; height: 24px; background: url(../img/btn_save.png) no-repeat; text-indent: -10000px; position: relative; left: 155px; }
#profile button:hover { background-position: 0 -24px; }

#sites table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
#sites th, #sites td { padding: 5px; border-bottom: 1px solid #673D66; }
#sites tr.alt td { background: #764675; }
#sites .allow { width: 70px; height: 24px; background: url(../img/btn_allow.png) no-repeat; text-indent: -10000px; }
#sites .deny { width: 70px; height: 24px; background: url(../img/btn_deny.png) no-repeat; text-indent: -10000px; }
#sites .remove { width: 70px; height: 24px; background: url(../img/btn_remove.png) no-repeat; text-indent: -10000px; }
#sites .allow:hover, #sites .deny:hover, #sites .remove:hover { background-position: 0 -24px; }
.trusted, .pending, .denied { text-transform: uppercase; text-align: right; font-size: 10px; letter-spacing: 1px; }
.trusted { color: #090; }
.pending { color: #FC0; }
.denied { color: #F00; }


#feedback label { font-weight: bold; padding-bottom: 5px; }
#feedback input, #feedback textarea { background: none; border: 1px solid #CCC; padding: 5px; font-size: 14px; color: #FFF; margin: 0 0 15px 0; width: 95%; }
#feedback textarea { height: 75px; }
#feedback button { width: 60px; height: 24px; background: url(../img/btn_send.png) no-repeat; text-indent: -10000px; }
#feedback button:hover { background-position: 0 -24px; }


#signup { display: block; width: 255px; height: 50px; background: url(../img/btn_signup.png) no-repeat; text-indent: -10000px; margin-left: 10px; }
#signup:hover { background-position: 0 -50px; }

.wrap { float: left; width: 50%; }
.wrap p, .wrap h2 { padding: 0 10px; }
.separate { background: #643D65; padding-bottom: 3em; }

#footer { background: url(../img/bg_footer.png) no-repeat; position: fixed; bottom: 0; width: 900px; height: 240px; clear: both; }
* html #footer { position: relative; background: #6D426D url(../img/bg_footer.gif) no-repeat;  }
#home #footer { background: #6D426D url(../img/bg_footerHome.png) no-repeat; height: 50px; }
#home #footer ul { padding-top: 16px; }
#footer ul { list-style: none; padding: 205px 0 0 25px; }
#footer ul li { display: inline; }
#footer ul li a { text-transform: uppercase; padding: 0 15px; border-right: 1px solid #563558; color: #FFC; font-size: 10px; font-weight: bold; text-decoration: none; }