/*
//-----------------------------------------------------------------------------

	shell.css
	
	version:	1.0
	date:		04/05/09
	author:		[Martin Olson @ innertwine]
	email:		[martin@innertwine.com]

	website:	[www.estats.org]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/


/*	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css");


/*	Global Elements
-----------------------------------------------------------------------------*/

body {
	background: rgb(252,251,251);
	margin: 0;
	padding: 0;
	text-align: center
	}
.wrap {
	/*background: url(../guideline.gif) 275px 0 repeat-y;
	border-left: 1px solid #000;
	border-right: 1px solid #000;*/
	margin: 0 auto;
	padding-left: 230px;
	width: 710px
	}
#header {
	height: 45px;
	padding-top: 25px
	}
.topbnr {
	background: rgb(160,24,50) url(../img/reelgrok_logo.png) center center no-repeat;
	clear: both;
	height: 200px;

	}
		
a:link,
a:visited {
	text-decoration: none
	}
a:hover {
	text-decoration: underline
	}
	
		
/*	Site Navigation
-----------------------------------------------------------------------------*/

#sitenav {
	color: rgb(255,255,255);
	display: block;
	float: left;
	font-family: "Lucida Grande Regular","Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 45px;
	width: 851px;
	padding-left:270px;
	}
#sitenav ul {
	display: block;
	float: left;
	height: 45px;
	padding-left: 10px;
	text-align: right
	}
#sitenav ul li {
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	text-align: center
	}
#sitenav a:link,
#sitenav a:visited {
	color: #444444;
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	padding: 0 13px;
	text-decoration: none
	}
#sitenav a:hover {
	color: rgb(168,219,233);
	text-decoration: none
	}
#sitenav a.selected {
	
	}


/* Layout
-----------------------------------------------------------------------------*/
	
#content {
	clear: both;
	color: #444444;
	font-family: "Cambria", "Georgia", "Times", "Times New Roman", serif;
	font-size: 15px;
	height: 1%;
	line-height: 1.6em;
	margin-top: 5px;
	margin-bottom:10px;
	text-align: left
	}
	* html #content { font-size: 12px }
	
#thegoods {


	}
	#thegoods .intro {
		margin: 45px
		}
	#thegoods ol,
	#thegoods ul {
		margin: 0 0 40px 60px
		}
	#thegoods ol li,
	#thegoods ul li {
		font-size: 14px;
		padding: 2px 0
		}

#submissions {

	}
	.category {
		background: rgb(242,242,242);
		clear: both;
		margin-bottom: 1px;
		overflow: hidden;
		padding: 20px 0;
		text-align: right;
		}
		.cwrap {
			width: 600px
			}
		.category h3 {
			float: left;
			padding-left: 45px
			}
			.category h3#c1 { background: url(../img/ctitle_1.gif) 0 center no-repeat }
			.category h3#c2 { background: url(../img/ctitle_2.gif) 0 center no-repeat }
			.category h3#c3 { background: url(../img/ctitle_3.gif) 0 center no-repeat }
			.category h3#c4 { background: url(../img/ctitle_4.gif) 0 center no-repeat }
			.category h3#c5 { background: url(../img/ctitle_5.gif) 0 center no-repeat }
			
		.totalentries {
			background: url(../img/totentries_bkg.gif) center center no-repeat;
			float: right;
			font-size: 12px;
			font-style: italic;
			line-height: 25px;
			text-align: center;
			width: 90px
			}
	
	
	#mainCol {
		display: block;
		float: left;
		width: 510px
		}
	#inner #mainCol {
		display: block;
		float: left;
		width: 670px
		}
		#mainCol .ctop {
			background: url(../img/rightCol_shadow_inner.png) 0 0 no-repeat;
			height: 35px;
			padding: 0 45px !important /* ie 6 hack for padding */
			}
		#mainCol .homeicons {
			background: rgb(68,190,224) url(../img/home_blueStripe.gif) 0 0 repeat-x;
			height: 60px
			}
		#mainCol .colwrap {
			background: rgb(242,243,243) url(../img/leftCol_bkg.png) 0 bottom repeat-x;
			}
		#mainCol .coltxt {
			background: url(../img/rightCol_shadow_inner.png) 0 0 no-repeat;
			line-height: 1.8em;
			padding: 40px 45px 0;
			text-align: justify
			}
			/* ie6 hack for text padding */
			* html #mainCol  { width: 420px }
			* html #inner #mainCol,
			* html #mainCol .ctop  { width: 580px }
	#sideCol {
		background: rgb(242,243,243) url(../img/leftCol_bkg.png) 0 bottom repeat-x;
		display: block;
		float: left;
		width: 430px
		}
		#inner #sideCol {
			background: rgb(242,243,243) url(../img/leftCol_bkg.png) 0 bottom repeat-x;
			display: block;
			float: left;
			width: 270px
			}
		
		/* -- menu block -- */
		
		.menublock {
			background: rgb(255,255,255);
			border-top: 1px solid rgb(238,238,238);
			padding: 15px 25px
			}
			.menublock ul {
				font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
				font-size: 10px;
				}
				.menublock ul li {
					background: url(../img/icon_arrow.gif) 0 7px no-repeat;
					border-top: 1px dashed rgb(220,220,220);
					line-height: 1.3em;
					padding: 7px 8px
					}
			.menublock ul ul {
				margin: 10px 0 0 10px
				}
				.menublock li li {
					border-top: none
					}
				.menublock ul li a:link,
				.menublock ul li a:visited {
					color: rgb(95,95,95);
					margin-left: 8px
					}
				.menublock ul li a:hover {
					color: rgb(97,204,235);
					text-decoration: none
					}
					
		/* -- news block -- */			
					
		.newsblock {
			background: rgb(255,255,255);
			border-top: 1px solid rgb(238,238,238);
			padding: 15px 25px
			}
			.newsblock ul {
				font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
				font-size: 10px;
				}
				.newsblock ul li {
					border-top: 1px dashed rgb(220,220,220);
					line-height: 1.3em;
					padding: 8px 0
					}
					.newsblock ul li em {
						color: rgb(160,158,152);
						font-style: italic;
						margin-right: 5px
						}
				.newsblock ul li a:link,
				.newsblock ul li a:visited {
					color: rgb(97,204,235);
					margin-left: 5px
					}
		
		/* -- staff block -- */			
		
		.staffblock {
			color: rgb(160,158,152);
			font-size: 11px;
			font-style: italic;
			padding: 25px 25px
			}
			.staffblock .foo {
				display: block;
				float: left;
				width: 260px
				}
			.staffblock .pic {
				display: block;
				float: left;
				margin-right: 20px;
				width: 65px
				}
				
		/* miscellanous block */
		
		.miscblock {
			color: rgb(130,130,130);
			font-size: 11px;
			font-style: italic;
			padding: 25px 25px
			}
			
		* html .miscblock,
		* html .staffblock {
			font-size: 12px
			}
			
		/* typo classes */

		.sansRegBd {
			color: rgb(95,95,95);
			font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
			font-style: normal;
			font-weight: 700
			}
		.sansOblRg {
			font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
			font-style: italic;
			font-weight: 100
			}

	.homeIcons {
		background: url(../img/home_blueStripe.gif) 0 0 repeat-x;
		height: 60px
		}
		
		
		
/*	Inside Layout
-----------------------------------------------------------------------------*/		
		
#pgmenu {
	background: rgb(230,230,230) url(../img/rightCol_shadow.png) right 0 no-repeat;
	border-top: 1px solid rgb(252,251,251);
	height: 35px
	}
	#pgmenu ul {
		
		}
		#pgmenu ul li {
			background: url(../img/pgmenu_divider.gif) right bottom no-repeat;
			display: block;
			float: left;
			font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
			font-size: 10px;
			font-weight: 700; 
			height: 35px;
			line-height: 35px;
			}
			#pgmenu ul li a:link,
			#pgmenu ul li a:visited {
				color: rgb(170,170,170);
				line-height: 35px;
				padding: 1px 20px
				}
			#pgmenu ul li:hover {
				background: rgb(220,220,220)
				}
			#pgmenu ul li:hover a {
				color: rgb(95,95,95);
				text-decoration: none
				}
			#pgmenu ul li.selected {
				background: rgb(242,243,243)
				}
				#pgmenu ul li.selected a:link,
				#pgmenu ul li.selected a:visited {
					color: rgb(100,202,230)
					}
				
.filteropt {
	background: url(../img/horzline.gif) 0 bottom repeat-x;
	font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: 700;
	padding-bottom: 10px
	}
	.filteropt label {
		font-family: "Cambria", "Georgia", "Times", "Times New Roman", serif;
		font-weight: 100;
		margin: 0 15px 0 5px
		}
		
		
		
/*	Buttons
-----------------------------------------------------------------------------*/		

	
a.ltgrayBtn {
	background: url(../img/btn_ltgray_lt.gif) 0 1px no-repeat;
	color: rgb(145,145,145);
	padding: 5px 0 4px 1px
	}
	a.ltgrayBtn span {
		background: url(../img/btn_ltgray_rt.gif) right 0 no-repeat;
		font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
		font-size: 10px;
		font-style: italic;
		font-weight: 100;
		padding: 6px 10px 4px 8px
		}
	/* IE 6 */
	* html a.ltgrayBtn {
		background: url(../img/btn_ltgray_lt.gif) 0 0 no-repeat;
		padding: 0 1px
		}
	/* IE 7 */
	*:first-child+html a.ltgrayBtn {
		padding: 0 1px
		}
a.dkgrayBtn {
	background: url(../img/btn_dkgray_lt.gif) 0 1px no-repeat;
	color: rgb(145,145,145);
	padding: 5px 0 4px 1px
	}
	a.dkgrayBtn span {
		background: url(../img/btn_dkgray_rt.gif) right 0 no-repeat;
		font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
		font-size: 10px;
		font-style: italic;
		font-weight: 100;
		padding: 6px 10px 4px 8px
		}
	/* IE 6 */
	* html a.dkgrayBtn {
		background: url(../img/btn_dkgray_lt.gif) 0 0 no-repeat;
		padding: 0 1px
		}
	/* IE 7 */
	*:first-child+html a.dkgrayBtn {
		padding: 0 1px
		}


	a.ltgrayBtn:hover,
	a.dkgrayBtn:hover {
		background-position: 0 -23px;
		color: rgb(255,255,255);
		text-decoration: none
		}

	* html a.ltgrayBtn:hover,
	* html a.dkgrayBtn:hover { background-position: 0 -23px }

	a.ltgrayBtn:hover span,
	a.dkgrayBtn:hover span {
		background-position: right -23px;
		color: rgb(255,255,255);
		text-decoration: none
		}
	
	

/*	Footer
-----------------------------------------------------------------------------*/

#footer {
	background: url(../img/horzline.gif) 0 0 repeat-x;
	color: rgb(160,160,160);
	clear: both;
	font-family: "Lucida Grande Regular","Lucida Grande", Lucida, sans-serif;
	font-size: 10px;
	margin: 35px auto 40px;
	padding-top: 15px;
	text-align: right;
	width: 860px
	}
	#footer ol {
		float: left
		}
		#footer ol li {
			display: inline;
			font-size: 11px;
			margin-right: 10px
			}
			#footer ol li a:link,
			#footer ol li a:visited {
				color: rgb(160,160,160)
				}
			#footer ol li a:hover {
				color: rgb(97,204,235);
				text-decoration: none
				}



/*	Typography
-----------------------------------------------------------------------------*/

h1 {
	color: rgb(255,255,255);
	display: block;
	float: left;
	font-family: arial, lucida sans unicode, lucida grande, sans-serif;
	font-size: 25px;
	font-weight: 100;
	height: 45px;
	margin-right: 1px;
	text-indent: -9999px;
	width: 88px
	}
h2 {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: .6em;
	padding: 8px 0 9px 45px;
	width: 180px
	}
h2.prizepkg {
	background: rgb(242,242,242) url(../img/ctitle_rightBkg.gif) right 0 no-repeat;
	padding: 0
	}
	h2.prizepkg span {
		background: url(../img/ctitle_leftBkg.gif) 0 0 no-repeat;
		color: rgb(163,24,50);
		line-height: 30px;
		padding: 8px 0 9px 45px
		}

h3 {
	font-size: 30px;
	font-weight: 100
	}
h4 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: .5em;
	color: rgb(0,0,0);
	}
h5 {
	font-family: "Gotham-Book", lucida sans unicode, lucida grande, sans-serif;
	font-size: 11px;
	text-transform: uppercase
	}
p {
	margin-bottom: 1.3em;
	}
	.xsmall { font-size: 11px }
	.hvy {  font-weight: 700 }
	.redtxt { color: rgb(163,24,50) }
	p strong { font-weight: 700 }
	
	
.formField{ width:175px; height:18px; padding-left:3px; color:#444444; border:1px solid #9E1B34;}
.formBtn{font-size: 12px; text-align: center;background-color: #9E1B34;	border:1px solid #FFFFFF;color:#FFFFFF; padding:3px; margin:7px 0px 0px 62px;}
.filmField{ width:75px; margin:0px 10px;7px 0px;}
.messageBox{position:relative;top:0px;left:200px;width:250px;background-color:#444444;color:#FFFFFF;padding:10px;border:1px solid #FFFFFF;z-index:9999;font-size:10px;font-weight:bold;}