@charset "utf-8";
/* CSS Document */

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1; 
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*CSS Reset*/

html, body {width:100%;}

body {font-family:"Futura Book", "FuturaBK", Futura, "Century Gothic", AppleGothic, sans-serif; font-size:.8em; line-height:1.65em; color: #CCC; background:#000 url(../images/bg.jpg) no-repeat top center;}

.hidden {display:none;}
.clear {clear:both;}

a {color:#076c43; text-decoration:underline;}
a:hover {text-decoration:none;}

a:hover img { -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; }

#topbg {background:#000; height:315px; width:100%; top:0; left:0; right:0; position:absolute; border-bottom:2px #fff solid;}

#container {width:960px; margin:0 auto; text-align:center;}

#container p {}

#container #top {height:315px; position:relative; margin-bottom: 10px;}
#container #top h1 {padding:0; position:relative; float:right; padding:35px 0 0;}
#container #top h2 {font-size:1.75em; line-height:1.4em; margin-bottom:10px;}
#container #top p {font-size:1.5em;}

#container #bottom {}
#container #bottom h2 {font-size:1.5em; margin-bottom: 10px;text-transform:uppercase; text-align:left; padding: 20px 10px 5px;}

	ul.winners {list-style:none;}
	ul.winners li{ float:left;width:220px;padding:0 10px; text-align:left;}
	ul.winners li h3{color:#076c43; font-size:1.3em;margin-bottom: 10px; text-transform:uppercase;}
		ul.winners li h3 a{color:#076c43; text-decoration:none;}
		ul.winners li h3 a:hover{color:#076c43; text-decoration:underline;}
		ul.winners ol {list-style:none;}
			ul.winners ol li {padding:0;font-size:.9em; }
		ul.winners li p{font-size:1em; margin-bottom:5px;}
		ul.winners li p a{text-decoration:none;}
		ul.winners li p a:hover{text-decoration:underline;}

#container #bottom #leftpanel {float:left; width:720px;}

#container #bottom #rightpanel {float:right; text-align:right; width: 240px;}


#container #footer {clear:both; padding:45px 0 10px; font-size:.75em;}
#container #footer #rightpanel {float:right; text-align:right; width: 380px; padding:0 10px;}
	#container #footer #rightpanel ul {list-style:none;padding-bottom:10px;}
	#container #footer #rightpanel ul li {float:right; padding:0 0 0 5px;}
		#container #footer #rightpanel ul#social {list-style:none;}
		#container #footer #rightpanel ul#social li {float:right;}
		#container #footer #rightpanel ul#social li a{display:block;width:30px; height:28px; background:url(images/social.png)}
			#container #footer #rightpanel ul#social li a#blogger{background-position: -120px 0;}
			#container #footer #rightpanel ul#social li a#twitter{background-position: -150px 0;}
			#container #footer #rightpanel ul#social li a#facebook{background-position: -30px 0;}
	#container #footer #rightpanel p {padding-bottom:10px;}

	#container #footer h3#claim {font-size:2em; padding:0 10px 25px; text-align:left;}
	#container #footer h3#shop {font-size:2.25em; padding:0 10px; text-align:left;}



#mechanics {width:540px; margin:0 auto; padding-bottom:15px; padding-right:30px;}
#mechanics h1 {font-size:3em; line-height:.95em; font-family:Arial, Helvetica, sans-serif; color:#046d42; text-transform:uppercase; text-align:center; margin:35px 0 35px;}
#mechanics h2 {font-size:1.15em; color:#046d42; margin: 0 35px 8px 0;}
#mechanics h3 {font-size:1em; margin: 0 55px 15px 0;}

#mechanics ol {padding-left:35px; font-size:.95em;}
#mechanics table {border:1px solid #CCC; color:#ebebeb;}
#mechanics table td {padding:1px 5px;}
#mechanics table tr:hover {background:#222;}