/*
	NBC.com - Raines - Common
	Author: Joshua Blauvelt
	Company: Digitaria Interactive
	URL: http://www.digitaria.com
	Created: 02.13.07
	Modified:
	
	Table of Contents:
			General
			Structure
			Headings
			Anchors
			Styles
*/




/* Imports Structure Styles
	@import url(/Raines/css/structure.css) all;
*/




/*
	----------------------------------
	General
	----------------------------------
*/


div.container img {
	border:0;
	}
div.container {
	color: #999999;
	background-color: #000000;
}
#primary_body {
	width: 665px;
}
#primary_body h1 {
	width: 665px;
	height: 48px;
	background: url(/Raines/images/backgrounds/page_headers.jpg) no-repeat;
	overflow: hidden;
}
#primary_content {
	width: 665px;
}
#primary_header {
background-color:#000000;
	width: 665px;
	height: 273px;
	float: left;
}
#primary_content, #primary_body, #additional_content {
	float: left;
}
#additional_content {
	width: 300px;
	margin-left: 6px;
	background-color:#000000;
}

*html #additional_content {
	width: 306px;
	margin-left: 0px;
	background-color:#000000;
	text-align:right;
}


#advertisement {
	height: 15px;
	padding-top: 8px;
}
#cross_promote {
	padding-top: 10px;
}
#internal_promotes {
	float:left;
	background: url(/Raines/images/backgrounds/promotes.gif) no-repeat;
	width: 294px;
	height: 303px;
	padding: 3px;
	margin-top: 10px;
	overflow: hidden;
}
#internal_promotes img {
	float: left;
	margin-right: 8px;
	border: 1px solid #ffffff;
}
#internal_promotes h3 {
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
}
#internal_promotes .internal_promote {
	border-bottom: 1px dashed #3a3a3a;
	margin: 0 15px 0 5px;
	padding: 4px 0 4px 0;
}
#internal_promotes a {
	display: block;
}
#internal_promotes #internal_promote_3 {
	border-bottom: none;
}
#page_bottom {
float:left;
	background: url(/Raines/images/page_bottom.jpg) no-repeat #000000;
	width: 971px;
	height: 233px;
}


/*
	----------------------------------
	Structure
	----------------------------------
*/


div.container p {
	margin:0; padding:0;
	}




/*
	----------------------------------
	Headings
	----------------------------------
*/


h1, h2, h3, h4, h5, h6 {
	margin:0; padding:0;
	
	}

h1 .alt, h2 .alt, h3 .alt, h4 .alt, h5 .alt, h6 .alt {
	display: none;
}



/*

	----------------------------------
	Anchors
	----------------------------------
*/
a {
	color: #ac423f;
	text-decoration: underline;
}
a:hover {
	color: #d55450;
	text-decoration: none;
}



/*
	----------------------------------
	Styles
	----------------------------------
*/


div.clear {
	clear:both;
	width:1px; height:1px;
	font-size:1px; line-height: 1px;
	}
div.clearMe {
	width:1px; height:1px;
	font-size:1px; line-height: 1px;
	}




/*
	----------------------------------
	HOME PAGE
	----------------------------------
*/
#home #primary_body {
	padding-top: 10px;
	background-color:#000;
}
#video_player, #additional_links {
	float: left;
}
#additional_links {
	margin-left: 5px;
	width: 275px;
}
#home_promote {
	width: 141px;
	padding: 8px 6px 0 128px;
	height: 72px;
	font-size: 12px;
	color: #000000;
	background: url(/Raines/images/backgrounds/home_tout.gif) no-repeat;
	font-weight: bold;
	line-height: 100%;
}
#home_promote a {
	font-weight: normal;
	font-size: 11px;
	display: block;
}
#video_clips {
	padding-top: 10px;
	height: 112px;
	overflow: hidden;
}
#video_clips .clip {
	margin-bottom: 8px;
}
#video_clips .clip img, #video_clips .clip a img {
	float: left;
	margin-right: 5px;
	border: solid 1px #FFFAFF;
}
#video_clips .clip h3 {
	color: #ffffff;
	font-size: 11px;
}
#viewer_buzz {
	background: url(/Raines/images/backgrounds/viewer_buzz.gif) no-repeat;
	height: 194px;
	padding-bottom: 3px;
	overflow: hidden;
}
#viewer_buzz p {
	border-bottom: 1px dashed #3a3a3a;
	margin: 0 24px 0 10px;
	padding: 5px 0 5px 0;
}
#viewer_buzz a {
	display: block;
}
#viewer_buzz h2 {
	height: 29px;
}
#viewer_buzz h2 img {
	margin: 5px 0 0 7px;
}
#viewer_buzz_3 {
	border-bottom: none;
}




/*
	----------------------------------
	SUBPAGES
	----------------------------------
*/
.download_item {
	padding: 12px 0 12px 17px;
	display: inline-block;
}
.download_item li {
	font-weight: bold;
}
.download_item li span {
	color: #ac423f;
}
#buddy_icons {
	background: #f4f0d4;
	padding-right: 100px;
}
#buddy_icons img {
	float: right;
	margin-right: 5px;
}
.desktop_wallpaper {
	float: left;
	margin-right: 8px;
}
.mobile_wallpaper {
	float: left;
	margin-right: 4px;
}
.desktop_wallpaper a, .mobile_wallpaper a {
	display: block;
	font-weight: bold;
}
.sub_single_column {
	color: #000000;
	background: #ffffff;
}
#sub_columns_container {
	background: url(/Raines/images/backgrounds/sub_columns.gif) repeat-y;
	margin: 0;
	padding: 0;
	float: left;
}
#sub_primary_col {
	width: 384px;
	color: #000000;
	background: #f4f0d4;
	float: left;
}
#sub_secondary_col {
	width: 280px;
	color: #000000;
	background: #ffffff;
	border-left: 1px solid #000000;
	float: left;
}
.sub_single_column h2, #sub_primary_col h2, #sub_secondary_col h2 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #ac423f;
	padding: 5px;
	text-transform: uppercase;
}
.sub_single_column h3 {
	font-size: 12px;
	margin-bottom: 10px;
}
.sub_single_column ul {
	list-style-type: none;
	margin: 12px 0;
	padding: 0;
}
.sub_single_column li {
	margin: 0;
}
.sub_single_column h2, .sub_single_column h3, .sub_single_column p, .sub_single_column li {
	position: relative;
}
#sub_primary_col p, #sub_secondary_col p, #sub_secondary_col h3, #cd_cover {
	margin: 15px;
}
#sub_secondary_col h3 {
	font-size: 11px;
}
#sub_secondary_col li {
	margin: 0;
}
#send_to_friend {
	color: #000000;
	background: #ffffff;
	padding: 2px 0 4px 4px;
	clear: left;
	border-top: 1px solid #000000;
	width: 661px;
	height: 11px;
	clear: left;
	float: left;
}
#send_to_friend a {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(/Raines/images/buttons/envelope.gif) left no-repeat;
	padding-left: 23px;
	height: 11px;
}
#send_to_friend img {
	display: inline;
	vertical-align: middle;
}

#select_cast {
	border-bottom: 1px solid #000000;
}
#select_cast li, #select_cast ul, #character_links li, #character_links ul {
	margin: 0;
	padding: 0;
}
#select_cast ul, #character_links ul {
	list-style-type: none;
}
#select_cast li, #character_links li {
}
#select_cast a, #character_links a {
	position: relative;
	text-decoration: none;
	color: #000000;
	display: block;
}
#select_cast img, #character_links img {
	position: relative;
	float: left;
	margin: 0 8px;
}
#select_cast a.even, #character_links a.even {
	background: #ffffff;
	border: 4px solid #ffffff;
}
#select_cast a.odd, #character_links a.odd {
	background: #ebebeb;
	border: 4px solid #ebebeb;
}
#select_cast a.even:hover, #character_links a.even:hover, #select_cast a.odd:hover, #character_links a.odd:hover {
	background: #ffffff;
	border: 4px solid #ffaba9;
}
#select_cast span, #character_links span {
	color: #547a82;
	text-decoration: underline;
}



/*
	----------------------------------
	Top Header and Navigation
	----------------------------------
*/

#page_top_container {
	background:url(/Raines/images/backgrounds/page_top.jpg) top no-repeat; 
	width:665px; 
	height:226px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	}
	
#navigation_container {
	background:url(/Raines/images/backgrounds/navigation.gif) top no-repeat; 
	width:665px; 
	height:18px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	}
#nexton_background_bottom {
	background:url(/Raines/images/backgrounds/page_top_bottom.jpg) top no-repeat; 
	width:665px; 
	height:29px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	}
#logo_tagline_container {
	width:665px; 
	height:70px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	}
#tunein_container {
	width:665px; 
	height:36px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	}
#nexton_container {
	width:665px; 
	height:120px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	}
*html #nexton_container_img {
	width:120px; 
	height:90px;
	margin-top:17px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:4px;
	padding:0px;
	float:left;
	}
#nexton_container_img {
	width:120px; 
	height:90px;
	margin:17px 0px 0px 8px;
	padding:0px;
	float:left;
	}
#nexton_container_txt {
	width:150px; 
	height:90px;
	margin-top:27px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:18px;
	padding:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:500;
	}
#nexton_container_txt .title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ac423f;
	}
	
/* Navigation */

#btn_home{ width: 56px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/main.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_home #btn_home, #btn_home:hover{background-position: bottom left; } 

#btn_about{ width: 66px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/about.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_about #btn_about, #btn_about:hover{background-position: bottom left; } 

#btn_bios{ width: 49px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/bios.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_bios #btn_bios, #btn_bios:hover{background-position: bottom left; } 

#btn_episodes{ width: 79px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/episodes.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_episodes #btn_episodes, #btn_episodes:hover{background-position: bottom left; } 

#btn_photos{ width: 69px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/photos.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_photos #btn_photos, #btn_photos:hover{background-position: bottom left; } 

#btn_video{ width: 62px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/video.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_video #btn_video, #btn_video:hover{background-position: bottom left; } 

#btn_downloads{ width: 102px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/downloads.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_downloads #btn_downloads, #btn_downloads:hover{background-position: bottom left; } 

#btn_boards{ width: 60px; height: 18px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/boards.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_boards #btn_boards, #btn_boards:hover{background-position: bottom left; } 

#btn_watch{ width: 135px; height: 29px; text-indent: 20000px; overflow: hidden; background:url(/Raines/images/navigation/watch.gif) top left no-repeat; display: block; border:0px; }
body#navbtn_watch #btn_watch, #btn_watch:hover{background-position: bottom left; } 

