/* @group Basic Font, Color, and Spacing */

* {
	margin: 0; padding: 0;
}

body {
	color: white; background: #000 repeat scroll; font: 16px Georgia, "Times New Roman", serif;
}

a {color: #ff64be}
a:hover {color: #ff98c7}

body ul, body ol, body p, body h2, body h3, body h4, body h5, body h6 {
	margin-bottom: .5em; line-height: 1.1
}

body h1, body h2, body h3, body h4, body h5 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

body h1 {
	font-size: 1.6em; font-weight: normal;
}

body h2 {
	font-size: 1.3em; font-weight: normal;
}

body h3 {
	font-size: 1.1em; font-weight: normal;
}

body h4 {
	font-size: .9em; font-weight: normal;
}

body h5 {
	font-size: .8em; font-weight: normal; font-variant: small-caps
}

body ul, body ol {
	padding-left: 2em; list-style-position: inside
}

body ul li:first-child, body ol li:first-child {
	margin-top: .5em
}

body ol>li {
	padding-left: 2em; text-indent: -2em;
}

#text p {
	line-height: 1.3;
}

#rsidebar {
	color: white;
}

#rsidebar h1, #rsidebar h2, #rsidebar h3, #rsidebar h4, #rsidebar h5 {
	text-align: center;
}

#rsidebar h3 span {
	font-size: .5em; font-style: italic;
}

#footer p {
	margin: 10px; font-size: 0.6em; color: #ddabdc; font-style: italic;
}
div.sep {
	border-top: 1px solid white; margin-top: 7px; padding-top: 8px;
}

.faq {
	cursor: pointer;
}

.center {
	text-align: center !important;
}

/* @end */

/* @group Backgrounds */

#header-top {
	background-image: url(images/header-top.jpg);
}

#header {
	background-image: url(images/header.jpg);
}

#toolbar {
	background: #401044 url(images/toolbar.png) repeat;
}

#lsidebar {
	background-image: url(images/sidebar-left.jpg);
}

#content, #enter {
	background: #000; color: white}
}

#about {
	background-image: url(images/content-about.jpg); overflow: hidden;
}

#about div.aboutspace {padding: 15px}

#about div.aboutspace h3, #about div.aboutspace h2, #about div.aboutspace h1, #about div.aboutspace p {
	line-height: 1.7; 
}

#about .hide {
	font-size: 1px; color: transparent; overflow: hidden;
}

#prizes {
	background-image: url(images/content-prizes.jpg); overflow: hidden;
}

#rsidebar {
	background-image: url(images/sidebar-right.jpg);
}

#footer {
	background-image: url(images/footer.jpg);
}

/* @end */

/* @group Ways To Enter Buttons */

/*
ways to enter button text is contained in image. text is only for SEO. hiding with transparent color and tiny font.
*/

#entersidebar li a {
	font-size: 1px; color: transparent; overflow: hidden; cursor: pointer;
}

#entersidebar li.waystoenter a {
	background-image: url(images/btn-waystoenter.png);
}

#entersidebar li.signup a {
	background-image: url(images/btn-signup.png);
}

#entersidebar li.facebook a {
	background-image: url(images/btn-facebook.png);
}

#entersidebar li.twitter a {
	background-image: url(images/btn-twitter.png);
}

#entersidebar li.btn a:hover {
	background-position: 0 -125px;
}

#entersidebar li.btn a.current {
	background-position: 0 -250px;
}

/* @end */

/* @group Toolbar */

#toolbar {
	font-family: Arial, Helvetica, sans-serif; color: white; font-variant: small-caps;
}

/* some CSS trickery to middle-align text */

#toolbar ul {
	display: table; margin: 0 auto; padding: 0; overflow: visible;
}

#toolbar li {
	display: block; float: left; list-style: none; margin: 0; text-indent: 20px; padding: 0 20px;
}

#toolbar li a {
	color: #000;
	display: table-cell; vertical-align: middle; height: 30px; background: transparent url('images/btn-toolbar.png') no-repeat 0 0; padding: 0 10px; cursor: pointer;
}

#toolbar li a:hover {
	background-position: 0 -30px; color: #fff; 
}

#toolbar li a.current {
	background-position: 0 -60px; color: black !important;
}

#toolbar li span {
	font-weight: bold; font-variant: normal; font-size: 1.1em; color: #feffff;
}

/* @end */

/* @group Structure */

#wrap {
	width: 920px; height: 890px; position: relative; margin: 5px auto;
}

#header-top {
	width: 920px; height: 80px; position: absolute; top: 0; left: 0;
}

#header {
	width: 920px; height: 190px; position: absolute; top: 80px; left: 0; color: #c84985;
}

#toolbar {
	width: 920px; height: 30px; position: absolute; top: 270px; left: 0; overflow: visible; z-index: 2;
}

#lsidebar {
	width: 180px; height: 500px; position: absolute; top: 300px; left: 0; overflow: hidden;
}

#lsidebar #entersidebar ul, #lsidebar #entersidebar li {
	padding: 0; margin: 0; text-indent: 0;
}

#lsidebar #entersidebar li, #lsidebar #entersidebar li a {
	display: block; width: 180px; height: 125px;
}

#content {
	width: 500px; height: 500px; position: absolute; top: 300px; left: 180px; overflow: auto;
}

#about, #prizes {
	width: 486px; height: 473px; position: relative; padding: 20px 7px 7px 7px;
}


#enter {
	width: 700px; height: 501px; position: absolute; top: 300px; left: 180px; z-index: 2; overflow: auto;
}

#enter .middleof {
	display: table; height: 500px; width: 700px; border-spacing: 0;
}

#enter .middleof > .middleof {
	display: table-cell; vertical-align: middle; height: 501px;}

#signup {
	font-size: 1.1em;
}

#signup form div {
	margin: 0 0 10px 200px;
}

#signup form div label.label {
	line-height: 1.1; margin: 5px 20px 0 -200px; width: 180px; float: left; text-align: right; }

#signup form div input, #signup form div textarea {
	display: inline-block; line-height: 1.3; font-size: 1.2em; width: 220px;
}

#signup form div select {
	display: inline-block; line-height: 1.2; font-size: 1.1em; width: 220px;
}



#signup form div label.error {
  padding-left: 5px;
  display: inline-block;
  color: red;
  font: .8em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#signup form div label.valid {
  width: 24px;
  background: url(images/valid.png) center center no-repeat;
  display: inline-block;
  color: transparent;
  overflow: hidden;
  text-indent: -99999px;
}


#signup p {
	font-size: .8em; line-height: 1.3; width: 400px; padding: 0 20px; 
}

#prizes #text {
	width: 285px; height: 255px; position: absolute; top: 25px; left: 5px; overflow: auto; 
}

#waystoenter img {
	vertical-align: text-bottom; border: 0;
}

#rsidebar {
	width: 220px; height: 470px; padding: 25px 10px 5px 10px; position: absolute; top: 300px; left: 680px; overflow: auto;
}

#footer {
	width: 920px; position: absolute; top: 800px; left: 0; padding-top: 15px;
}

/* @end */