/* CSS designed by Jesse Barros */

/* Reset */
a, body, div, h1, h2, h3, h4, h5, h6, img, span {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: justify;
}

/* Links */
#content a:link, #content a:visited {
	color: #0073a9;
	outline: none;
	text-decoration: underline;
}

	#content h3 a:link, #content h3 a:visited {
		color: #000;
		text-decoration: none;
	}

#content a:hover, #content h3 a:hover {
	color: #7bccf0;
	outline: none;
	text-decoration: underline;
}

#content a:active, #content h3 a:active {
	color: #7bccf0;
	outline: none;
	text-decoration: underline;
}

body {
	background: #3c2d19 url(images/bg.png) top left repeat-x;
	text-align: center;  /* Hack for IE 6 */
}

p {
	margin: 18px 0 0;
}

#content {
	padding: 18px 13px;
	position: relative;
}

	#content h2, #content h3 {
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
		margin-bottom: 18px;
	}

	#content h2 {
		background: transparent url(images/accent.gif) top center no-repeat;
		margin-top: 36px;
		padding: 18px 0;
		text-align: center;
	}
	
	#content h3 {
		font-weight: bold;
	}

#page-menu {
	font-weight: bold;
	text-align: center;
}

#watch {
	/* background: transparent url(images/grid.gif) -12px 0 repeat-y; */
	height: 261px;
	padding-bottom: 9px;
	overflow: auto;
}

	#replay {
		float: left;
		margin-right: 14px;
		width: 434px;
	}
	
		#replay p {
			margin: 0;
			padding: 0;
		}
		
		#replay .ended {
			font-weight: bold;
		}
		
	.program {
		clear: both;
		height: 99px;
		overflow: auto;
		width: 434px;
	}
	
		.program .program-cover {
			float: left;
			margin: 9px 6px 0 0;
			width: 70px;
		}
		
			.program .program-cover img {
				display: block;
			}
		
		.program .c2 {
			float: left;
			font-size: 11px;
			margin: 27px 0 0 0;
			width: 358px;
		}

	#partners {
		float: left;
		margin-right: 14px;
		width: 178px;
	}
	
		#partners .background {
			background: transparent url(images/notes_bg.png) no-repeat;
			height: 180px; /* 216px - (18px * 2) */
			margin-top: 18px;
			padding: 18px 10px;
		}
		
			#partners .background * {
				text-align: center;
			}
			
			#partners .background a {
				display: block;
			}
			
			#partners .background img {
				display: block;
				margin: 0;
				padding: 0;
			}
		
		#partners .footnote {
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			margin: 9px 0;
		}

	#logos {
		float: left;
		width: 114px;
	}
		
		#logos .sponsor {
			left: 0;
			position: absolute;
			top: 0;
			z-index: 0;
		}
	
		#logos .sponsor-slot {
			height: 54px;
			margin-top: 18px;
			position: relative;
		}
		
		#sponsor1 {
			margin-top: 0;
		}
		
		#sponsor3 {
			height: 72px;
			position: relative;
		}
		
#winner-list {
	background: transparent url(images/winners/bg.jpg) no-repeat;
	margin-left: 50px;
	overflow: auto;
	padding: 18px 14px;
	width: 640px;
}

	#winner-list .chooser {
		float: left;
		margin: 0 14px 0 0;
		padding: 0;
		width: 242px;
	}

		#winner-list .chooser li {
			color: #fff;
			cursor: pointer;
			list-style-type: none;
			margin: 0;
			padding: 9px 14px;
		}
		
		#winner-list .chooser h3,
		#winner-list .chooser h4 {
			margin: 0;
		}
		
		#winner-list .chooser h3 {
			font-size: 13px;
		}
		
		#winner-list .chooser h4 {
			font-size: 12px;
			font-weight: normal;
		}
		
		#winner-list .chooser .active {
			background: transparent url(images/winners/menu-highlight.jpg) no-repeat;
			color: #000;
		}
		
		/* Make background position of link match when highlighted. */
		#winner-list .chooser #mcgregor {	background-position: 0 0; }
		#winner-list .chooser #lyman {	background-position: 0 -54px; }
		#winner-list .chooser #nemothers {	background-position: 0 -108px; }
		#winner-list .chooser #andrus {	background-position: 0 -162px; }
		#winner-list .chooser #beamer {	background-position: 0 -216px; }
		#winner-list .chooser #king {	background-position: 0 -270px; }
		
	#winner-list .results {
		float: left;
		height: 324px;
		overflow: hidden;
		width: 370px;
	}
	
		#winner-list .results h3,
		#winner-list .results h4 {
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
		#winner-list .results h3 {
			font-size: 16px;
			margin-top: 18px;
		}
		
		#winner-list .results h4 {
			font-size: 14px;
			font-weight: normal;
			margin-bottom: 18px;
		}
	
		#winner-list .results .panel {
			display: none;
			height: 288px;
			padding: 18px 4px;
		}
		
		#winner-list .winner, #winner-list .winner2 {
			font-weight: bold;
			text-align: center;
		}
		
		/* .winner provides proper alignment for a single winner. */
		#winner-list .winner {
			margin-top: 99px; /* Force off-grid due to odd number of lines */
		}
		
		/* .winner2 provides proper alignment for two winners. */
		#winner-list .winner2 {
			padding: 36px 0 0;
		}
		
			#winner-list .title {
				font-size: 22px;
				line-height: 36px;
			}
			
			#winner-list .subtitle {
				font-size: 14px;
			}

#theme {
	left: -13px;
	margin-top: 18px;
	position: relative;
	overflow: auto;
	width: 767px;
}

	#theme .c1, #theme .c2 {
		float: left;
		top: 0;
	}

	#theme .c1 {
		background: transparent url(images/almeida-polaroid.jpg) top left no-repeat;
		left: 0;
		padding-right: 14px;
		width: 383px;
	}
	
	#theme .c2 {
		left: 400px;
		margin-top: -1.2857em;
		width: 370px;
	}

	#theme .spacer {
		clear: left;
		float: left;
		height: 36px;
	}

#about {
	overflow: auto;
}

	#about .c1 {
		float: left;
		margin-right: 14px;
		width: 498px;
	}
	
	#about .c2 {
		float: left;
		width: 242px;
	}
	
		#about .c2 .montage img {
			display: block;
		}
	
		#about .c2 h3 {
			margin: 9px 0;
		}
	
		#about .c2 p {
			margin: 0;
		}
		
#dvd {
	margin-bottom: 20px;
	overflow: auto;
}

	#dvd .c1 {
		float: left;
		margin: 0 14px 0 0;
		width: 498px;
	}
	
	#dvd .c2 {
		float: left;
		width: 242px;
	}	
		
		#dvd .dvd-cover {
			float: left;
			margin: 0 10px 0 0;
			width: 70px;
		}
		
			.program .dvd-cover img {
				display: block;
			}
			
		#dvd .c2 #offer-2008 {
			border-top: 1px solid #eee;
			height: 70px;
		}
	
		#dvd .c2 .offer {
			border-bottom: 1px solid #eee;
			height: 71px;
			padding: 9px 0;
		}
		
			#dvd .c2 .offer img {
				float: left;
				margin-right: 14px;
			}
	
			#dvd .c2 h4 {
				font-size: 12px;
			}
			
			#dvd .c2 .offer ul,
			#dvd .c2 .offer li {
				font-size: 11px;
				margin: 0;
				padding: 0;
			}
			
			#dvd .c2 .offer li {
				list-style-type: none;
			}
			
#wrapper {
	background: transparent url(images/wrapper-bg.png) top left repeat-y;
	font: 13px/18px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 0 20px;
	text-align: justify; /* Hack for IE 6 */
	width: 780px;
}

.jsnotice {
	background-color: #ff9;
	border: 1px solid #cc0;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: 18px;
	text-align: center;
}

/* CSS designed by Jesse Barros */