/*
Identity - NBC.com
Author: Joshua Blauvelt
Company: Digitaria
URL: http://www.digitaria.com
Created: 11/27/06
Modified:
*/

/* Table of Contents
	* Structure
		* Homepage
		* Subpages
			* About
			* Host
			* Online Game
		* Video Player
		* Preloaded Images
	* Headings
		* Homepage
		* Subpages
	* Anchors
	* Styles
	
------------------------------*/


/* Structure
------------------------------*/
body {
	margin:0; padding:0;
	}
table {
	border:0; border-collapse:collapse; border-spacing:0;
	}
table td {
	padding:0;
	}
img {
	border:0;
	}

#container {
	background:#020107 url(/Identity/images/backgrounds/main.jpg) no-repeat 0 0;
	width:971px; height:auto; min-height:675px;
	}
* html #container { /* IE6 and below */
	height:675px;
	}

	/* Homepage
	------------------------------*/
	#left_hm {
		float:left; position:relative;
		width:668px;
		}
	#left_hm #header {
		width:665px; height:355px; margin-left:1px;
		}
	#left_hm #nav {
		background:url(/Identity/images/backgrounds/homepage/nav.jpg) no-repeat 0 0;
		width:668px; height:42px;
		}
	#left_hm #nav img {
		display:block;
		}
	#left_hm #nav table {
		width:668px;
		}
	#left_hm #nav table td.divide {
		background-image:url(/Identity/images/nav/divide.jpg);
		width:1px; height:42px;
		}
	#left_hm #body {
		background:url(/Identity/images/backgrounds/homepage/body.jpg) no-repeat 0 0;
		width:668px; height:196px;
		}
	#left_hm #body img {
		width:148px; height:148px;
		}
		#body #host {
			float:left; position:relative;
			width:334px;
			}
		#body #host img {
			float:left; position:relative; top:15px; left:25px;
			}
		#body #game {
			margin:0 25px 0 334px;
			}
		#body #game img {
			float:left; position:relative; top:15px; left:5px;
			}
	#left_hm #promos_bottom {
		margin:15px 0 0 5px;
		}
		#promos_bottom img {
			float:left; position:relative;
			border:1px solid #3d629c;
			width:80px; height:45px;
			}
		#promos_bottom #promo1 {
			float:left; position:relative;
			width:223px;
			}
		#promos_bottom #promo2 {
			float:left; position:relative;
			width:222px;
			}
		#promos_bottom #promo3 {
			margin-left:445px;
			}

	#right_hm {
		margin-left:671px;
		}
	* html #right_hm { /* IE6 and below */
		margin-left:668px;
		}
	#right_hm #ad {
		margin:2px 0 5px;
		}
	#right_hm #promos_side_1 {
		
		}
	#right_hm #promos_side_2 {

		}


	/* Subpages
	------------------------------*/
	#header_sub {
		height: 220px;
		overflow: hidden;
		}
	#header_sub img {
		display:block;
		}
	#body_sub {
		overflow:hidden;
		}


		/* About
		------------------------------*/
		#left_about {
			float:left; position:relative; top:15px; left:10px;
			width:655px;
			}
		#left_about img {
			float:left; position:relative;
			border:1px solid #3d629c;
			margin:0 10px 0 0;
			}

		#right_about {
			margin-left:668px;
			}
		#right_about #ad {
			margin-top:15px;
			vertical-align:top;
			}
		#right_about #promo1 {
			margin-top:13px;
			vertical-align:top;
			}
		#right_about #promo2 {
			float:left; position:relative;
			width:143px; margin-top:8px;
			vertical-align:top;
			}
		#right_about #promo3 {
			margin:8px 0 0 155px;
			vertical-align:top;
			}


		/* Host
		------------------------------*/
		#left_host {
			float:left; position:relative;
			width:664px;
			}
		#left_host #bio {
			float:left; position:relative; left:10px;
			width:645px;
			}
		#left_host #pic {
			margin:12px 20px 12px 12px;
			float: right;
			border:1px solid #3d629c;
			}
		#left_host #video_main {
			display:none; /* hidden until video is available */
			margin-left:275px;
			}
		#left_host #video_thumbnails {
			display:none; /* hidden until video is available */
			margin-left:275px;
			}
			#video_thumbnails img {
				border:1px solid #3d629c;
				width:83px; height:38px; margin-left:5px;
				}
			#video_thumbnails #video1 {
				float:left; position:relative;
				width:127px;
				}
			#video_thumbnails #video2 {
				float:left; position:relative;
				width:128px;
				}
			#video_thumbnails #video3 {
				margin-left:255px;
				}

		#right_host {
			background-color:#425978;
			margin-left:664px;
			}
		#right_host #ad {
			padding-top:12px;
			text-align:right;
			}
		#right_host #promo1 {
			margin-top:11px;
			text-align:right;
			}
		#right_host #promo2 {
			margin-top:8px; padding-bottom:12px;
			text-align:right;
			}


		/* Online Game
		------------------------------*/
		#left_game {
			float:left; position:relative;
			width:665px;
			}
		#game_flash {
			float: left;
		}
		#right_game {
			float: left;
			}
		#right_game #ad {
			margin-top:15px;
			}
		#right_game #promo1 {
			margin-top:13px;
			}
		#right_game #promo2 {
			float:left; position:relative;
			width:143px; margin-top:8px;
			}
		#right_game #promo3 {
			margin:8px 0 0 155px;
			}


	/* Video Player
	------------------------------*/
	#videoplayer2 {
		width:385px; height:320px;
		}


	/* Preloaded Images
	------------------------------*/
	#preload {
		display:none;
		}


/* Headings
------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin:0; padding:0;
	}
h1 span {
	display:none;
	}


	/* Homepage
	------------------------------*/
	#left_hm #body h1 {
		margin:0; padding-top:15px;
		color:#fff; font:bold 12px/14px Arial, Helvetica, sans-serif;
		}
		#body #host h1 {
			margin-left:180px;
			}
		#body #game h1 {
			margin-left:160px;
			}


	/* Subpages
	------------------------------*/
	#left_host #bio h1 {
		background-image:url(/Identity/images/headers/penn-jillette.jpg);
		width:171px; height:16px; margin:10px 0 5px;
		}
	#left_host #video_main h1 {
		background-image:url(/Identity/images/headers/video-interview.jpg);
		width:143px; height:14px; margin-top:34px;
		}	
	#left_host #video_thumbnails h1 {
		background-image:url(/Identity/images/headers/more-videos.jpg);
		width:205px; height:10px; margin:15px 0 9px;
		}


/* Anchors
------------------------------*/
a,
a:link,
a:visited {
	color:#ccc; font:bold 11px/14px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}
a:hover,
a:active {
	color:#666;
	}

	#left_hm #body a,
	#left_hm #body a:link,
	#left_hm #body a:visited {
		color:#ccc; font:normal 11px/14px Arial, Helvetica, sans-serif;
		text-decoration:underline; text-transform:uppercase;
		}
	#left_hm #body a:hover,
	#left_hm #body a:active {
		color:#666;
		}
.showInfoBoxLinks a:link, .showInfoBoxLinks a:visited {
	font: Verdana, Helvetica, sans-serif 12px;
	font-size: 12px;
}

/* Styles
------------------------------*/
p {
	margin:0; padding:0;
	color:#ccc; font:normal 11px/14px Arial, Helvetica, sans-serif;
	}

	#left_hm #body p {
		margin:2px 0 0; padding-right:15px;
		}
	#left_hm #body #host p {
		margin-left:180px;
		}
	#left_hm #body #game p {
		margin-left:160px;
		}
	#left_hm #promos_bottom p {
		margin-left:90px; padding-right:15px;
		}

	#left_about p {
		margin-bottom:20px; padding:0 20px 0 3px;
		}
	#left_about p.end {
		margin-bottom:0;
		}

	#left_host #bio p {
		margin-bottom:20px; padding:0 20px 0 3px;
		}
	#left_host #bio p.end {
		margin-bottom:0;
		}
	#left_host #video_thumbnails p {
		margin-top:10px; padding-right:5px;
		}