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

ChannelFix Main Stylesheet
Author: Lance
Notes: View in CSSEdit for awesomeness.

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

/* @group General */
/* for general elements*/


/* @group Reset */

/* Taken from Mr. Eric Meyer // v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end Reset*/


/* @group Grid */

.container_12{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_12 .grid_3{ 
	float: left;
	width: 320px;
}


/* @end Grid*/


/* @group Body Styles */

body{	
	color: #333; 
	font-size: 10px;
	line-height: 1;	
	background: #999; 
	
	/* Please choose a font family below, a combination of serif and sans-serif are always awesome. */
	
	/*== SERIF FONT STACK == */
	
	/* Garamond (23.84% on Mac, 86.24% on Windows)*/
	/*font-family: "Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";*/
	
	/* Big Caslon (85.10% on Mac) */
	/*font-family: "'Big Caslon', 'Book Antiqua', 'Palatino Linotype', Georgia, serif";*/ 
	
	/* Palatino (79.71% on Mac, 98.04% on Windows) */
	/*font-family: "Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif";*/
	
	
	/*== SANS-SERIF FONT STACK == */

	/* Helvetica Neue (94.74% on Mac) */
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	
	/* Lucida Grande (99.13% on Mac, 98.25% on Windows) */
	/*font-family: "'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif";*/
	
	/* Futura (91.01% on Mac) */
	/*font-family: "Futura, 'Trebuchet MS', Arial, sans-serif";*/	
	
}

/* @end Body Styles*/


/*@group Links*/

a:link{	
	text-decoration: none;	
	color: #0083d7;
}

a:active{	}

a:visited{	
	text-decoration: none; 
	color: #0072bc; 
}

a:hover{ 
	text-decoration: none;	
	color: #017bca;
}

/* @end Links*/


/*@group Headings*/

h1,h2,h3,h4,h5,h6,
.h1, .h2, .h3, .h4, .h5, .h6{ 
	font-weight:normal; 	
}

h1{	font-size: 24px; }

h2{ font-size: 21px;}
	
h3, .h3{ font-size: 20px; font-weight: bold;}

h4, .h4{ font-size: 18px; }

h5, .h5{ font-size: 16px; }

h6, .h6{ 
	font-size: 11px;
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing:0.1em;
}

/* @end Headings*/



/* @group Tables */

table{ margin: 0; }

/* @end Tables*/


/* @group Lists */

ol{
	list-style-type: decimal;
}

ul, ol {
	margin:0 1.7em 1.5em;
}

ul li, ol li{ 
	font-size: 12px; 
	margin: .5em 0 .7em; 
}

li p, dt p, dd p{ margin: 0; }

li ul, li ol {	margin:0 1.7em; }

dl{	margin:0 0 1.7em;}

dl dd{	margin-left:1.7em;}

dl dt{	font-weight: bold;}

ul ul, ol ol, ol ul, ul ol { margin-bottom: 0;}

/* @end Lists*/


/* @group Forms */

form{ margin: 0px;}
form label.error,
form label.success{  font-size: 12px; font-weight: normal; line-height: 1.4em; margin: 10px 0;}
form label.error{ display: block;}
form .itemWrap{ background-color: #efefef; padding: 8px 10px;}
form .itemWrap button{ 
	background:url("../images/submitBtn.gif") no-repeat scroll 0px 0 transparent;
	border:medium none;
	margin:0 0 0 7px;
	padding:0;
	text-indent:-9999px;
	width: 80px;
	height: 25px;
	cursor: pointer;
	margin-left: 7px;
}

form .itemWrap button:hover{	background-position: 0px -25px;	}

form .itemWrap .textBox{ 
	width: 199px; 
	border: 1px solid #cccccc; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	height: 22px;
	padding:4px 6px 3px;
	background: #fafafa url(../images/formEdges.gif) no-repeat top left;
	height: 16px;
	margin: 0;
}

/* @end Forms */

/*@group Other Elements & Tags*/

p, dt{
	line-height: 1.4em;
	font-size: 12px;	
}

p{	margin: 10px 0 15px;}

del{ color: #888;}

em, dfn, .em {	font-style: italic;	}

dfn{ font-weight: bold; }

label{
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 10px;
}

strong, .strong{ font-weight: bold;}

address{
	font-style: normal;
	font-size: 12px;
	line-height: 1.5em;
}

/* @end group Other Elements & Tags */


/* @end General*/

/*@group Helpers */
/*constant items usually in one class*/

/* @group Disc List */
.disc{	list-style-type: disc;	}
.disc li{ list-style-position: outside;}
/* @end Disc List */

/* @group Notices & Status */

/* @group Base */
.error, .notice, .success{
	margin-bottom:10px;
}

.notice p, .error p, .success p{
	margin: 0;
}
/* @end Base*/


/* @group Textcolor */
.error, .negative{
	color: #cc3333;
}

.success, .positive{
	color: #6eab24;	
}
/* @end TextColor */

/* @end Notices & Status*/

/* @group List Actions */

.actions{ margin: 10px 0 0;}

.actions a{
	font-size: 11px;
	margin: 0 20px;
}

.actions .alpha{ margin-left: 0px;}
.actions .omega{ margin-right: 0px;}

/* @end List Actions*/

/* @group Buttons */
	
.button{ margin: 0; }

/* @end Buttons */

/* @group Borders */

/* @group Base */

.border-none{ border: none; }
.border{ border: 1px solid #dfdfdf;	}
.borderTop	{	border-top: 1px solid #dfdfdf;}
.borderBottom{ 	border-bottom: 1px solid #dfdfdf;}
.borderLeft{	border-left: 1px solid #dfdfdf;}
.borderRight{	border-right: 1px solid #dfdfdf;}

/* @end Base*/

/* @group Doubles */

.duoBorder{ 	  border: 4px double #dfdfdf;}
.duoBorderTop{    border-top: 4px double #dfdfdf; }
.duoBorderBottom{ border-bottom: 4px double #dfdfdf;}

/* @end Doubles */

/* @group Dashed */

.dashedBorder{ 		 border: 1px dashed #dfdfdf;}
.dashedBorderTop{ 	 border-top:  1px dashed #dfdfdf; }
.dashedBorderBottom{ border-bottom:  1px dashed #dfdfdf;}

/* @end Dashed */

/* @group Dotted */

.dottedBorder{ 		 border: 1px dotted #dfdfdf;}
.dottedBorderTop{ 	 border-top:  1px dotted #dfdfdf; }
.dottedBorderBottom{ border-bottom:  1px dotted #dfdfdf;}

/* @end Dotted */

/* @group Dark */

.borderTopDark{ 	border-top: 1px solid #333;}
.borderBottomDark{  border-bottom: 1px solid #333; }
.borderLeftDark{	border-left: 1px solid #333; }
.borderRightDark{	border-right: 1px solid #333;}

/* @end Dark */

/* @group Rounded */

.roundedBig{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.roundedBigTop{
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.roundedSmall{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.roundedSmallTop{
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

/* @end */

/* @end Borders*/


/* @group Order */

/* @group Horizontal */
.horizItem{ margin: 0 10px;}
.horizItem .alpha{ margin-right: 0px;}
.horizItem .omega{ margin-right: 0px;}
/* @end Horizontal */

/* @group Vertical */
.vertiItem { margin: 10px 0;}
.vertiItem .alpha{ margin-bottom: 0;}
.vertiItem .omega{ margin-bottom: 0;}
/* @end Vertical */

/* @end Order */

/* @group Text */

.textCenter { text-align: center;}
.textLeft {	text-align: left; }
.textRight { text-align: right;}

/* @end Text*/


/* @group Alignment & Positioning */

.alignNone{ float: none; }
.alignCenter{ margin: 0 auto;}
.alignRight { float: right;}
.alignLeft { float: left }

.vAlignTop{	vertical-align: top; }
.vAlignBottom{ vertical-align: bottom; }
.vAlignMiddle{	vertical-align: middle;	}
.vAlignTextBottom{ vertical-align: text-bottom;}

/* @end Alignment & Positioning */


/* @group Clearing & Displaying*/

.clearFix:after{ 
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear{	overflow: hidden;}
.clearVisible{ overflow: visible;}
.clearBoth{	clear: both;}
.clearAuto{	overflow: auto;}
.hidden { display: none;}
.setBlock{ display: block;}
	
/* @end Clearing & Displaying */


/* @end Helpers*/
/* @group Structure */
/*page furnitures/blocks*/

/* @group Mast */
#mast{ height: 40px; background: #fff url(../images/mastBG.gif) repeat-x bottom center;}
#logo{ float: left;	display: block;	margin-top: 9px;}

#logo img{ display: block; }
/* @end Mast */

/* @group Content */
#content{ background-color: #fff;	border-bottom: 5px solid #666;}
#content .container_12{ padding: 20px 0; }
/* @end Content*/

/* @group Foot */
#foot{ background-color: #999; text-align: left;}

#foot .container_12{ padding: 8px 0 10px;}
#foot #colophon{ 
	color: #ccc; 
	font-size: 10px; 
	margin: 0;
	padding: 9px 10px;
}
/* @end Foot */

/* @group Nav */
#mainNav,
#footerNav{ margin: 0; }

#mainNav{ float: right;}

#footerNav{ float: left; }

#mainNav li,
#footerNav li{ float: left; margin: 0;}

#mainNav li a span,
#footerNav li a span{  
	color: #fff; 
	padding: 5px 8px;
	line-height: 1;	
	display: block;
}

#mainNav li a span{ 
	font-size: 11px;
	font-weight: bold;	
	text-transform: uppercase;
}

#footerNav li a span{ font-size: 12px; }

#mainNav li a:hover span{ background-color: #1c1c1c;}
#footerNav li a:hover span{ background-color: #888;	color: #ccc;}

#mainNav .aboutLink{ margin: 10px 0;}
#mainNav .newsLink{ margin:10px 18px; }
#mainNav .contactLink{ margin: 10px -8px 10px 0;}

#footerNav .aboutLink{ margin: 0 5px 0 2px;}
#footerNav .newsLink{ margin:0 6px; }
#footerNav .contactLink{ margin: 0 0 0 5px;}

/* @end MainNav */

/* @group Tease */
#tease{ margin-top: -1px;}
#tease h2{ padding: 0 0 0 5px;}
/* @end Tease*/

/* @group Film Strip */

#filmStrip{ height: 110px; 	background-color: #efefef;	margin: 35px 0 50px; }

#mycarousel{ width: 880px; }
#mycarousel .jcarousel-item a.video{ width: 118px; height: 88px; display: block;}

#mycarousel .jcarousel-item a.video .shareBtn{ 
	width: 16px;
	height: 16px;
	background: transparent url(../images/shareBtn.png) no-repeat 0px 0px;
	display: block;
	text-indent: -9999px;
	position:relative;
	top:-17px;
	left: 2px;
	width:16px;	
}

#mycarousel .jcarousel-item a.video:hover .shareBtn{ background-position: -25px 0px;}

#mycarousel .jcarousel-item a.video .runTime{ 
	display:block;
	text-align:right;
	margin-top: -33px;
	padding-right: 2px;	
}

#mycarousel .jcarousel-item a.video .runTime span{ 
	background:none repeat scroll 0 0 #000;
	color:#FFFFFF;
	font-size:10px;
	opacity:0.75;
	padding:0px 8px;
	font-family: arial, sans-serif;
	line-height: 14px;
	height: 15px;
	display: inline-block;
}

#mycarousel .jcarousel-item .thumb{ width: 118px; height: 88px;}
/* @end Film Strip*/

/* @end Structure*/

/* @group Components */
/*reusable ruleblocks usually with markup dependencies*/

/* @group Box */
.box .title h3{ color: #333;}
.box .title{border-bottom: 3px solid #333;	padding: 14px 0 4px;}

.viewersBox .title h3{ color: #0083d7;}
.viewersBox .title{ border-color: #0083d7;}

.mediaMakersBox .title h3{ color: #ffd000;}
.mediaMakersBox .title{ border-color: #ffd000;}
/* @end Box */

#tvChannels{ padding: 26px 30px 0 0; margin: 0;  }
#followTwitter{ position: relative; top: 6px; left:47px;}

/* @group Contact */
.contactDetails{ font-size: 12px;}
.contactDetails .meta,
.contactDetails .details{ float: left; }

.contactDetails .meta{ width: 100px; color: #333; position: relative;}
.contactDetails .meta .semicolon{ position: absolute; left: 92px;}
/* @end Contact*/

/* @group Share Tease */
.shareTease{ margin: 15px 0 5px;}
.shareTease p{ margin: 0;}
/* @end Share Tease */

/* @end Components */

/* @group Overrides */
/*special ruleblocks to override the ones above*/


/* @group ThickBox */

/* @group Base */
#TB_window form{ width: 320px; margin: 0 auto;}
#TB_ajaxContent p.error,
#TB_ajaxContent p.success{ padding: 0;}

#TB_window{ border-color: #ccc; -moz-box-shadow: 4px 4px 0 #4E4E4E; -webkit-box-shadow:4px 4px 0px #4E4E4E;}
#TB_window #TB_title{ 	background: none; height: 30px;}
#TB_closeAjaxWindow { padding: 8px 8px 0px 0;}
#TB_window #TB_title #TB_closeWindowButton{ 
	background: transparent url(../images/thickbox/closeBtn.gif) no-repeat 0 0;
	display: block;
	height: 16px;
	width: 17px;
	text-indent: 9999px;
}

#TB_window #TB_title #TB_closeWindowButton:hover{ 
	background-position: 0 -16px;
}


#TB_window #TB_iframeContent,
#TB_window #TB_ajaxContent{ 
	padding:2px 25px 25px;
	overflow: auto;
	color: #666;
}

#TB_window #TB_iframeContent {
	padding-right: 0;
}

#TB_ajaxContent .windowTitle{ 
	border-bottom: 3px solid #333;
	line-height: 1;
	padding-bottom: 5px;
	margin: 0;
	color: #000;
}

#TB_ajaxContent #aboutTitle{ color: #0083d7; border-color: #0083d7;}
#TB_ajaxContent #contactTitle{ color: #6eab24; border-color: #6eab24;}
#TB_ajaxContent #shareTitle{ color: #ffd000; border-color: #ffd000;}

#TB_ajaxContent #videoPreview{ margin: 18px 0 0 0; padding: 0;}
/*#TB_ajaxContent #videoPreview #player{ border-bottom: 1px solid #aaa;}*/
#TB_ajaxContent #videoToolBar{background-color: #efefef; border-bottom: 1px solid #ccc; margin: 0; padding: 3px 10px 0;}

/* @end base*/

/* @group Video */
#videoToolBar li{ padding: 8px 0 8px 25px; float: left; margin: 0 25px 0 0;}
#videoToolBar li.shareOnFB{ background: transparent url(../images/shareFb.gif) no-repeat 0 6px;}
#videoToolBar li.shareOnTW{ background: transparent url(../images/shareTw.gif) no-repeat 0 6px;}
#videoToolBar li.shareOnMY{ background: transparent url(../images/shareMy.gif) no-repeat 0 6px;}
#videoToolBar li.shareMore{ float:right; margin:0; padding-left:0;}
/* @end Video */

/* @end ThickBox */


/* @end Overrides */