/**
  Dickies: AWOTY style sheet
  @description: this makes the site look fantastic
  @date: 5.10.2010
  @author: Collin Bourdage  
  @version: 1.0
*/
html,body {
	background: #0f0a05 url('/file-bin/images/flag-new.jpg') no-repeat center top;
	cursor: default;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.5;
}
body > div { padding-top: 60px; }


#overlay {
	/*background: transparent url('/file-bin/images/opaque-black.png') repeat 0 0;*/
	background: #000;
	border: 2px solid #E0CC98;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
	box-shadow: #333 0 0 30px;
	-moz-box-shadow: #333 0 0 30px;
	-webkit-box-shadow: #333 0 0 30px;
	
	display: block;
	height: 465px;
	margin: 0 auto;
	padding: 40px 35px 30px; 
	position: fixed;
	top: 10%;
	/*left: 20%;*/
	width: 600px;
	z-index: 100;	
}
#overlay > a { 
	color: #f9efd0;
	position: absolute; 
	top: 10px; 
	right: 35px;
	text-decoration: none;
}
#overlay > a:hover { text-shadow: #ffffff 0 0 3px; }
#overlay div, 
#overlay div > h3,
#overlay div > p,
#overlay div > div {
	background: transparent;
	margin: 0;
	padding: 0;
}
#overlay > div { font-size: 14px; height: 465px; overflow-y: auto; }
#overlay > div h3 { margin-bottom: 10px; }
#overlay > div a { color: #f9efd0; }
#overlay > div a:hover { text-shadow: #ffffff 0 0 3px; }

dl dt { text-decoration: underline; margin-bottom: 10px; }
dl dd { margin-bottom: 30px; }
ol { list-style: decimal outside; margin-left: 35px; }
ul { list-style: disc outside; margin-left: 35px; }

/*		
	COLORS		
*/
.burlap { color: #f9efd0; }
.black { color: #0f0a05; }


/*
	Gradient Container Sides
*/
.border {  
	content: '\00a0';
	display: block;
	height: 35px;
	/*position: relative; 
	z-index: 1;*/
	width: 100%;
}
.border.upper { background: transparent url('/file-bin/images/edge-uppr.png') no-repeat -10px 0 /*-6px -525px*/; } 
.border.lower { background: transparent url('/file-bin/images/edge-lwr.png') no-repeat -10px 0 /*-6px -580px*/; }

#container { display: block; padding-left: 5px; position: relative; padding: 0 10px 0 15px; width: 930px; }
#container:before { 
	background: transparent url('/file-bin/images/edge-lft.png') repeat-y 0 0;
	content: ' ';
	display: block;
	height: 100%;
	left: -10px;
	position: absolute;
	width: 25px;
	z-index: 1;
}
#container:after { 
	background: transparent url('/file-bin/images/edge-rt.png') repeat-y 0 0;
	content: ' ';
	display: block;
	height: 100%;
	right: -12px;
	position: absolute;
	top: 0;
	width: 25px;
	z-index: 1;
}
#container > div {  }


/*
	HEADER		
*/
#header { 
	background: transparent url('/file-bin/images/header-bg.jpg') no-repeat 0 0;
	/*
	border-left: 2px solid #f9efd0;
	border-right: 2px solid #f9efd0;
	border-top: 2px solid #f9efd0;
	box-shadow: #333 0px -1px 8px;
	-moz-box-shadow: #333 0px -1px 8px;
	-webkit-box-shadow: #333 0px -1px 8px;
	*/
	padding: 0 0 15px;
	position: relative; 
}
#header > h1 {
	background: transparent url('/file-bin/images/sprites.png') no-repeat 0 0;
	height: 370px;
	position: absolute;
	top: -70px;
	left: 25px;
	text-indent: -9999px;
	width: 305px;
	z-index: 10;
}
#header > h1 a { display: block; height: 370px; width: 305px; }
#header > h2 {
	background: transparent url('/file-bin/images/sprites.png') no-repeat -305px 10px;
	height: 195px;
	position: absolute;
	top: 50px;
	left: 335px;
	text-indent: -9999px;
	width: 575px;	
	z-index: 10;
}
#header > h2.contestDetails { background: transparent url('/file-bin/images/sprites.png') no-repeat -10px -580px; }
#header > h2 + p {
	position: absolute;
	top: 215px;
	left: 380px;
	text-align: center;
	width: 475px;	
	z-index: 10;
}

#header > ul { float: right; font-size: 36px; line-height: 1; }
#header > ul li {
	border-right: 1px solid #000; 
	display: block;
	float: left;
	padding: 5px 8px;
}
#header > ul li:last-child { border: 0; margin-right: 25px; }
#header > ul li > a { 
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 25px; 
}
#header > ul li > a:active { position: relative; top: 2px; }
#header > ul li > a.enter { background: transparent url('/file-bin/images/sprites.png') no-repeat -320px -220px; width: 110px; }
#header > ul li > a.details { background: transparent url('/file-bin/images/sprites.png') no-repeat -320px -188px; width: 290px; }
#header > ul li > a.share { background: transparent url('/file-bin/images/sprites.png') no-repeat -320px -254px; width: 110px; }

#header > ul li > a.enter:hover { background: transparent url('/file-bin/images/sprites.png') no-repeat -621px -578px; }
#header > ul li > a.details:hover { background: transparent url('/file-bin/images/sprites.png') no-repeat -621px -546px; }
#header > ul li > a.share:hover { background: transparent url('/file-bin/images/sprites.png') no-repeat -621px -612px; }


/*
	Default
*/
blockquote {
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	text-shadow: #333 0px 0px 2px;
	word-spacing: 2px;
}
blockquote > p { margin-bottom: 25px; }
a.button { 
	display: block;
	height: 85px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 245px; 
}
a.button.enter { background: transparent url('/file-bin/images/sprites.png') no-repeat -622px -183px; }
a.button.submit { background: transparent url('/file-bin/images/sprites.png') no-repeat -622px -273px; }
a.button.enter:hover { background: transparent url('/file-bin/images/sprites.png') no-repeat -622px -362px; }
a.button.submit:hover { background: transparent url('/file-bin/images/sprites.png') no-repeat -622px -452px; }
a:active { position: relative; top: 2px; }

/*
	Content
*/
#content {
	background: transparent url('/file-bin/images/opaque-black.png') repeat 0 0;
	/*
	border-left: 2px solid #f9efd0;
	border-right: 2px solid #f9efd0;
	box-shadow: #333 0px 0px 8px;
	-moz-box-shadow: #333 0px 0px 8px;
	-webkit-box-shadow: #333 0px 0px 8px;
	*/
	color: #f9efd0;
	min-height: 300px;
	padding: 275px 0 15px;
	/*position: relative;
	z-index: 1;*/
}
h3 { font-family: Georgia, serif; font-size: 24px; letter-spacing: 2px; text-transform: uppercase; word-spacing: 2px; }


/* Home */
#content.home { padding-top: 150px; }
#content.home p { text-align: center;	}
#content.home blockquote {
	background: transparent url('/file-bin/images/michael-mcgee.jpg') no-repeat 0 0; 
	display: block;
	/*position: relative;*/
	height: 640px;
}


#shutdown {
	background: transparent url('/file-bin/images/shutdown.jpg') no-repeat 0 0; 
	display: block;
	/*position: relative;*/
	height: 640px;
}


/* Landing */
#content.home.landing blockquote { background: transparent url('/file-bin/images/michael-mcgee-soon.jpg') no-repeat 0 0; }
#content.home blockquote p { text-indent: -9999px; } 
#content.home a.button { position: absolute; top: 750px; left: 360px; }
#content.home a.button:active { top: 751px; }

#content > h3, 
#content > p,
#sharethis_0 { margin-left: 35px; }


/* Details */
#content.details > p { font-size: 16px; margin-bottom: 20px; text-align: center; }
#content.details > div {
	background: transparent url('/file-bin/images/fieldset-uSection.jpg') no-repeat 50% 0;
	/*
	background: #f9efd0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	*/
	color: #0f0a05;
	font-size: 14px;
	font-weight: bold;
	margin: 10px auto;
	padding: 15px 15px 40px;
	position: relative;
	width: 825px;
}
#content.details > div#detailsSection > p.legend  { 
	background: transparent url('/file-bin/images/sprites.png') no-repeat -320px -290px; 
	color: #0f0a05;
	display: block;
	float: left;
	height: 30px;
	margin: 10px;
	text-indent: -9999px;
	text-transform: uppercase;
	width: 290px	
}
#content.details > div > p { font-size: 16px; text-align: center; }
#content.details > div > p img { margin-bottom: 15px; }
#content.details > div > p > a { color: #000; font-size: 18px; }


/* Messages */
#content.messages > h4 {
	/*font-family: Georgia, serif;*/
	font-size: 22px;
	margin: 15px auto;
	text-align: center;
	width: 650px;
}
#content.messages > h4 a { color: #f9efd0 }
#content.messages p { position: relative; }
#content.messages p > img { margin-left: -5px; }
#content.messages p.sears,
#content.messages p.kmart,
#content.messages p.dickies { bottom: 125px; position: absolute; padding: 0; margin: 0;/*border: 1px solid red;*/ } 
#content.messages p.sears { left: 320px; width: 145px; }
#content.messages p.kmart { left: 485px; width: 150px; }
#content.messages p.dickies { left: 685px; width: 165px; }
#content.messages p > a { display: block; height: 30px; }
/*#content.messages p > a:active { position: relative; top: 0 !important; }*/


#content.terms, #content.privacy, #content.rules { font-size: 12px; line-height: 1.5; padding-left: 35px; padding-right: 55px; }
#content.rules > h3 { font-size: 18px; margin: 20px auto; text-align: center; width: 100%; }
#content.rules > p { margin: 10px inherit; }
#content.rules > ol { margin-top: 10px; margin-left: 55px; }
#content.rules > ol li { margin-bottom: 20px; }
#content.rules > ol li > ul { margin-bottom: 10px; }
#content.rules > ol li > ul li { margin-bottom: 5px; }

#content.overlays > p { margin-top: 10px; margin-bottom: 10px; }

/*
	Footer
*/
#footer {
	background: transparent url('/file-bin/images/opaque-black.png') repeat 0 0;
	/*
	border-left: 2px solid #f9efd0;
	border-right: 2px solid #f9efd0;
	border-bottom: 2px solid #f9efd0;	
	box-shadow: #333 0px 2px 8px;
	-moz-box-shadow: #333 0px 2px 8px;
	-webkit-box-shadow: #333 0px 2px 8px;
	*/
	color: #f9efd0; 
	padding: 15px 0 0;
}
#footer > p { font-size: 18px; text-align: center; }

/* Lower Copyright Info */
.border.lower + .copyright { color: #f9efd0; display: block; margin-top: 5px; margin-bottom: 75px; width: 100%; }
.border.lower + .copyright a { color: #f9efd0; text-decoration: none; }
.border.lower + .copyright a:active { top: 0; }
.border.lower + .copyright p { font-size: 14px; text-align: center; }
.border.lower + .copyright p + p { font-size: 11px; margin-top: 6px; }
.border.lower + .copyright ul { font-size: 11px; line-height: 1; margin: 0 auto; text-align: center; }
.border.lower + .copyright ul li { display: inline; margin-right: 5px; }
.border.lower + .copyright ul li:after { content: ' \2022 '; padding-left: 5px; }
.border.lower + .copyright ul li:last-child:after { content: ''; }