/*  WHEN INPUTTING MICROSITE INTO WEBSITE CHANGE -- #SITE_WRAPPER POSITION: ABSOLUTE TO FLOAT:LEFT POSITION:RELATIVE ********************/


/*  General Microsite rules **************************************************/

#site_wrapper {
	border:0px none;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-align:left;
	width:802px;
  	}
#site_wrapper h1, h2, h3, h4, h5, h6, p{
 	margin: 0px;
 	padding: 0px;
	border: 0px;
	display: block;}
#site_wrapper p{
	font-size:11px;
	color: #666;
	}
#site_wrapper img {
	display: block;
 	margin: 0px;
 	padding: 0px;
	}
/*  End General Microsite rules **************************************************/

/*  Start Microsite Layout Rules **************************************************/
/*  Don't change anything between the triple comment lines ***************************************/
/*  Don't change anything between the triple comment lines ***************************************/
/*  Don't change anything between the triple comment lines ***************************************/
#leftcolumn,#leftcolumn_main , #navigation_box, #ad_box1, #ad_box2, #about_box, .content_box2, .content_box3, .content_box5, #more_content_header1, #content_column, #content_column_cast, #content, #content_episodes, #content_cast, #content_schedule, #content_header, #content, #episode_video2_header, #episode_video2, #content_list1, #content_list2, #content_list_cast, #episode_header, #video_player_wrapper, #episode_button{
	}	/****************************************  Positioning Element -- DO NOT CHANGE **/
#right_content_wrapper, #right_content_wrapper_video, #right_content_wrapper_cast, .content_box1, #more_content_header2, #episode_video, #right_column, #right1{
	float: right !important;
	position:relative;		
	}	/****************************************  Positioning Element -- DO NOT CHANGE **/
#site_wrapper, #header_ontv, #leftcolumn, #leftcolumn_main, #navigation_box, #about_box, .content_box1,.content_box2, .content_box4,  .content_box5, .content_box6, #content_column, #content_column_cast, #content, #content_episodes, #content_cast, #content_schedule, #right_column, #episode_video, #episode_video2, #content_list1, #content_list2, #content_list_cast, #about_teaser_copy, .teaser_copy_box, .teaser_copy_box2, .teaser_copy_box_cast, .teaser_copy_box_episodes, #episode_button, {
	height:auto;
	}
#header_ontv, #leftcolumn, #leftcolumn_main, #navigation_box, #right_column, #right_column_top, #episode_header, #about_teaser_copy, .teaser_copy_box, .teaser_copy_box2, .teaser_copy_box_cast, .teaser_copy_box_episodes{
	background:transparent none repeat scroll 0% 50%;
	}
#site_wrapper{		/***************************************  MicroSite Main Container **/
	position:relative;
	}
#header_box_main, #header_box_inner, #header_box_inner_cast {
	height:300px;
	position:relative;
	width:802px;
	
	}	

#header_box_inner,  #header_box_inner_cast 
{	
	height: 72px;
	}	
#header_ontv{		/*******  ONTV Show Text -- Specific, do not change -- other than colour. **/
	color:#c9992b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	letter-spacing:0px;
	line-height:1.4em;
	text-align:center;
	width:260px;
	float: left;
	margin-top: 140px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-left: 0px;
	font-weight:bold;
	}
.content_box1
{
	width:223px;
	
}
.content_box2
{
	width:223px;
	padding-bottom:5px;
}
.content_box5
{
	width:223px;
	padding-bottom:5px;
}

.content_box3
{
	width:176px;
	padding-bottom:5px;
}
.ontv_bold{
	font-size:1.2em;
	font-weight:bold;
	}	
#content_wrapper{		/*  All Content Container **/
	min-height: 290px;
	height: auto !important;
	height: 290px;
	position:relative;
	width:802px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;	
	}
	
#content_wrapper_main{		/*  All Content Container **/
	position:relative;
	width:802px;
	
	}	
	
#content_wrapper_episodes{		/*  All Content Container **/
	height: auto !important;
	background-color: #373636;
	position:relative;
	width:802px;
	
	}			 	
#leftcolumn{		/*  Left Column Container **/
	height:513px;
	width:170px;
	background:#141413;
	min-height:513px;
	}
	
#leftcolumn_main{		/*  Left Column Container **/
	height:321px;
	width:170px;
	background:#141413;
	min-height:321px;
	}
	
#navigation_box{	/*  Main Navigation Container **/
	margin:0px;
	width:170px;
	}
#ad_box1{		/*  Ad Container Under Main Navigation **/
	height:90px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	width:160px;
	}	
#ad_box2{		/*  Ad Container Under Main Navigation **/
	padding-top: 1px;
	padding-left: 40px;
	margin-top:0px;
	margin-bottom:30px;
	
	}		
#right_content_wrapper{
	
	padding:0pt 0px;
	width:624px;
	border-left: 3px solid #363535;
	}
	
#right_content_wrapper_video{
	padding:0pt 0px;
	width:450px;
	float:left;
}
	
#right_content_wrapper_cast{
	padding:0pt 0px;
	width:600px;
	}	
#about_box{		/*  Landing page --About This Show-- Container **/
	margin-right:4px;
	width:397px;
	background-attachment: scroll;
	background-image: url(../images/main_bg.jpg);
	background-repeat:repeat;
	background-position: right top;
	}	
.content_box1,.content_box2,.content_box3, .content_box4, .content_box5, .content_box6,{	/*  Characters, Episodes, More Content Containers **/
	position:relative;
	width:223px;
	float: left;
	}
.content_box1{		/*  Landing page Characters, Episodes, More Content Containers **/
	margin-bottom:0px;
	}
.content_box2{		/*  Landing page Characters, Episodes, More Content Containers **/
	width:223px;
	
	}
.content_box3{		/*  Landing page Characters, Episodes, More Content Containers **/
	margin:0px 1px 0px 1px;
	width:176px;
	}
.content_box4{		/*  Inner pages Characters, Episodes, More Content, Newsletter Containers **/
	width:170px;
	background-position: 0px 73px;
	background-color:#000000;
	
	}
.content_box5{		/*  Landing page Characters, Episodes, More Content Containers **/
	margin-bottom:1px;
	}	
.content_box6{		/*  Landing page Characters, Episodes, More Content Containers **/
	width:170px;
	}	

#more_content_header1{		/*  Landing page --More ShowTitle-- Container **/
	height:13px;
	margin:3px 0px 1px;
	width:622px;
	}
#content_column{		/*  Innner pages --Main Content-- Container **/
	margin:0pt 4px 0pt 0pt;
	width:450px;
	}
#content_column_cast{		/*  Innner pages --Main Content-- Container **/
	height:513px;
	margin:0pt 0px 0pt 0pt;
	background: #050504;
	border-left: 5px solid #373636;
	border-right: 3px solid #373636;
	min-height:513px;
	}		

#content_header{		/*  Innner pages --Main Content Header-- Container **/
	height:auto;
	width:410px;
	margin:0px 0px 1px 0px;
	padding:8px 20px;
	}	
#content{		/*  Innner pages --Main Content Copy-- Container **/
	font-size:1.2em;
	padding:5px 10px 1px 10px;
	width:430px;
	min-height: 568px;
	}
	
#content_episodes{		/*  Innner pages --Main Content Copy-- Container **/
	font-size:1.2em;
	padding:5px 10px 1px 10px;
	width:430px;
	background-color:#FFFFFF;
	background-color:#F0CE85;
	}
#content_cast{		/*  Innner pages --Main Content Copy-- Container **/
	padding:0px !important;
	margin:0px !important;
}	
#content_column_cast{
	margin:0;
	padding:0;
}

.cast_copy
{
	border-top:4px black solid;
	border-bottom:0px black solid;
	border-right:3px black solid;
	border-left:3px black solid;
	color:#7F7F7F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding: 14px;
	background-image: url(../images/body_bg.jpg);
	background-color:#050504;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:416px;
}	
	
#content_schedule{		/*  Innner pages --Main Content Copy-- Container **/
	font-size:1.2em;
	padding:5px 10px 1px 10px;
	width:430px;
	background-color:#FFFFFF;
	background-color:#F0CE85;
	}		


#right_column{		/*  Innner pages --Main Content Copy-- Container **/
    display:block;
	height:513px;
	color: #fff;
	width:168px;
	background:#363535; 
	min-height:513px;
	}
	

#right_column_top{ 	/*  Right Column Top Images **/
	width:170px;
	
	}
#more_content_header2{		/* Inner Pages Right Column --More ShowTitle Header-- Container **/
	height:13px;
	margin:4px 0px 1px;
	width:170px;
	color:#F0CE85;
	}
#more_content_header3{		/* Inner Pages Right Column Cast/Episodes Header Container **/
width:168px;
	}
#episode_video{		/* Episode page Right Column Video Container **/
	margin-bottom:4px;
	width:170px;
	}
#episode_video2_header{
	height:30px;
	width:397px;
	margin:0px 0px 1px 0px;
	padding:0;
	color:#F0CE85;
	}
#episode_video2{
	width:397px;
	}
#content_list1{		/* Cast/Episode pages Navigation Container **/
	padding:5px 8px 5px 10px;
	width:152px;
	}

#content_list2{		/* Cast/Episode pages Navigation Container **/
	padding:5px 8px 5px 10px;
	width:152px;
	}
		

#episode_header{		/* Episode page Header Image Container **/
	height:200px;
	width:450px;
	margin:0px 0px 1px 0px;
	padding:0;
	}
#video_player_wrapper{		/* Video Page VideoPlayer Container **/
	height:393px;
	width:624px;
	}
#about_teaser_copy, .teaser_copy_box, .teaser_copy_box2, .teaser_copy_box_cast, .teaser_copy_box_episodes{
	float:left;
	position:relative;
	line-height:1.15em;
	
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}
#about_teaser_copy{
	float:right;
	width:156px;
	padding: 4px 8px;
	
	}

.teaser_copy_box2{
	padding: 4px 6px;
	}
.teaser_copy_box{
	width:128px;
	padding: 0px 7px;
	}	

.teaser_copy_box3{
	padding:6px;
	}
 .teaser_copy_box_cast{

	padding: 10px 0px 0px 4px;
	color:#333333;
	float:none;
	display:inline;
	
	}	
 .teaser_copy_box_episodes{
	width:140px;
	padding: 1px 0px 0px 25px;
	color:#363636;

	}	
hr.styled{
	color:#186e89;
	width:100%;
	margin:2px;
	}
#site_wrapper p{line-height:1.3em;}
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/**************** END LAYOUT RULES **************************/

/************** Content to change to update site ************/
a:link.copy, a:visited.copy, a:hover.copy, a:active.copy {color: #fff;}
a:link.copy {text-decoration:underline;}     
a:hover.copy {text-decoration:none;} 
 
a:link.headers, a:visited.headers, a:hover.headers, a:active.headers{
	font-size: 11px;
	font-weight: bold;
	color: #7B7B7B;
	margin-bottom:1px;
	text-decoration:underline;
  	}
a:link.headers{text-decoration:underline;}
a:hover.headers {text-decoration:none;}

a:link.next, a:visited.next, a:hover.next, a:active.next{
	font-size: 11px;
	color: #7B7B7B;
	margin-bottom:1px;
	text-decoration:underline;
  	}
a:link.next{text-decoration:underline;}
a:hover.next {color:#CCCCCC}

a:link.text, a:visited.text, a:hover.text, a:active.text{
	font-size: 11px;
	font-weight: normal;
	color: #5D5B5B;
	margin-bottom:1px;
	text-decoration:underline;
  	}
a:link.text{text-decoration:underline;}
a:hover.text {text-decoration:none;}

a:link.h5, a:visited.h5, a:hover.h5, a:active.h5{
	display:inline;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color:#186e89;
	padding:2px;
  	}
a:link.h5{text-decoration:none;}
a:hover.h5 {text-decoration:underline;}

a:link.episodes, a:visited.episodes, a:active.episodes{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-bottom:1px;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  	}	
a:hover.episodes{
	text-decoration:underline;
	font-style:normal;
}

a:link.character, a:visited.character, a:active.character{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	margin-bottom:1px;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	}	
a:hover.character{
	text-decoration:underline;
	font-style:normal;
}

a:link.episode, a:visited.episode, a:active.episode{
	font-size: 11px;
	font-weight: bold;
	color: #363636;
	margin-bottom:1px;
	font-style:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	}	
a:hover.episode{
	text-decoration:underline;
	font-style:normal;
}


a:link.main, a:visited.main, a:active.main{
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom:1px;
	font-style:normal;
	text-decoration:underline;
  	}	
a:hover.main{
	text-decoration:underline;
	font-style:normal;
}
#site_wrapper h1, h2, h3, h4{
	text-align: left;
	color:#969696;
	font-family:Arial, Helvetica, sans-serif;
	}
#site_wrapper h1{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	word-spacing:.4em;
	margin:0px 0px 4px 0px;
	padding:0px 0px 4px 0px;
	border-bottom: 1px solid #fff;
  	}
#site_wrapper h2{
	font-size: 11px;
	font-weight: normal;
	padding:1px 0px 3px 1px;
  	}
#site_wrapper h3{
	font-size: 11px;
	font-weight: bold;
	color: #186e89;
	margin-bottom:1px;

  	}
#site_wrapper h4{
	font-size: 1.1em;
	font-weight: bold;
	}
#site_wrapper h5{
	display:inline;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color:#186e89;
	padding:2px;
  	}
/*********************** Start Menu styles *****************************/	
#site_wrapper ul{
	background-color:#000000;
	margin:0px;
	padding:0px;
	width:170px;
	font-family:verdana, helvetica, sans-serif;
	font-size: 11px;	
	}
	
#navbar li {
	list-style-type: none;
	text-decoration:none;
	border-bottom:0px solid #000000;
	font-family:verdana,helvetica,sans-serif;
	font-size: 11px;
	line-height:16px;	
	}
#navbar a, li.live { 		/* general characteristics of navbar buttons */
	display: block;
	width: 140px;
	padding: 5px 15px;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	font-family:verdana,helvetica,sans-serif;
	font-size: 11px;
		
	
	
	}
#navbar a { 		/* borders and colors for non-hover state */
	
	color: #969696;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/1_off.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family:verdana,helvetica,sans-serif;	
	font-size: 11px;	
	}
#navbar a:hover, li.live{
	color: #C9992B; 
	text-indent: -14px;		/* rollover text color*/
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/1_over.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	font-family:verdana,helvetica,sans-serif;
	font-size: 11px;	
	}
#navbar a:hover { 		/* borders and colors for a:hover state */
	width:140px;
	text-indent:0px;
	text-decoration:none;
	font-family:verdana,helvetica,sans-serif;
	font-size: 11px;	
	}


li.live{		/* borders and colors for the active page state */
	padding: 5px 0px 5px 30px;
	text-decoration:none;
	font-family:verdana,helvetica,sans-serif;
	font-size: 11px;
	background-image: url(../images/1_on.jpg);
	}
	
li.off_video{		/* borders and colors for the active page state */
	padding: 5px 0px 5px 30px;
	text-decoration:none;
	font-family:verdana,helvetica,sans-serif;
	font-size: 11px;
	background-image: url(../images/1_off.jpg);
	font-weight:bold;
	color:#363636;
	text-indent: -14px;
}
/*************************** End Menu styles **********************/

#site_wrapper{		/*  MicroSite Main Container */
	background-color:#000000;
	border-bottom:1px solid #000000;
	border-top:4px solid #000000;
	color:#000;
	}
#header_box_main {		/*  Main Header Container -- Keep Image in BG for SEO Optimization */
	background:#000000 url(../images/Main_Header.jpg) no-repeat scroll left center;
	border-bottom:4px solid #363535;
	color:#666666;
	}
#header_box_inner {
	color: #fff;
	border-bottom:4px solid #000000;
	background-attachment: scroll;
	background-color: #363535;
	}
#header_box_inner_cast {
	color: #fff;
	border-bottom: 4px solid #373636;
	background-attachment: scroll;
	background-color: #363535;
	height: 76px;
	padding: 0px;
	margin:0px;
	}	
#right_content_wrapper{
	background-color:#000;	/*  Changes Content Border Colours and BG **/
	}
#right_content_wrapper_video{
	background-color:#000000;	/*  Changes Content Border Colours and BG **/
	}
#right_content_wrapper_cast{
	background-color:#1D0C07;	/*  Changes Content Border Colours and BG **/
	}		
#content, .content_box1, .content_box2, .content_box3, .content_box4, .content_box5, .content_box6, #episode_video2{	/*  Characters, Episodes, More Content Containers **/
	
	color: #999999;
	background-attachment: scroll;
	background-image: url(../images/main_bg.jpg);
	background-repeat:repeat-x;
	
	}
	
	
.content_box7
{
	color: #999999;
	background: black;
	background-attachment: scroll;
	background-image: url(../images/main_bg.jpg);
	background-repeat:repeat-x;
	height:auto;
	position:relative;
	width:170px;
	background-position: 0px 72px;
	
}

#content_header, #more_content_header1, #more_content_header2, #more_content_header3, #episode_video2_header{
	background-color:#1f1d1d;
	color:#969696;
	padding-left:2px;
	
	}
#content_header_episodes{
	background: #1F1D1D;
	color:#999999;
	height:30px;
	width:440px;
	padding-top:10px;
	padding-left:10px;
	
}	
#about_box{
	background-color:#000000;
	color:#fff;
	padding:0px;
	background-repeat:no-repeat;
	}
	
#episode_video{		/* Episode page Right Column Video Container **/
	background-color:#fff;
	color: #000;
	}
#content_list1{		/* Cast/Episode pages Navigation Container **/
	background-color:#fff;
	color:#000000;
	border-bottom:4px #000000 solid;
	}
#content_list2{		/* Cast/Episode pages Navigation Container **/
	background-color:#F0CE85;
	color:#000000;
	border-bottom:1px #000000 solid;
	}	
#content_list_cast{		/* Cast/Episode pages Navigation Container **/
	background-color:#999999;
	color:#000000;
	padding:2px 2px 2px 0px;
	width:168px;
	}	
#more_content_header3{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	border-bottom:1px #000000 solid;
	}
	
	
.cast_button{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	background-color: #666666;
	height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 170px;
	}
	

.cast_button_off{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	width: 170px;
	height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size:11px;
	color: #5D5B5B;
	background-color: #7F7F7F;
	padding:0px;

	}	

	
.episodes_button{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	background-color: #666666;
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}
	
.episodes_button_off{		/* Inner Pages Right Column Cast/Episodes Header Container **/
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size:11px;
	background-color: #7F7F7F;
	}	


.video_title{
color:#7b7b7b;
font-weight:bold;

}	

.mainfeat_text
{
color:#7b7b7b;

}

.title1{
color:#ffffff;
font-size:12px;

}
.main{
color:#ffffff;
font-size:11px;
}
/*  Instead of Padding or margins around images, this gives images borders corresponding to their respective box BG colours. **/
.small_img_wrapper
{
	padding:2px;
}

img.content1{border:none; padding: 1px; }
img.content2{border:none; padding:1px;}
img.content3{border:none; }
img.content4{border:none;}

.cast_img
{
float:left; padding:5px; height:155px; width:135px; margin: 0px 10px 3px 0px; border:1px solid #666666;

}


/** --------------------- End Image Border Explanation ------------------- **/