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


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.25;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 {font-size:18px;line-height:1;margin-bottom:0.5em;}
h2 {font-size:16px;margin-bottom:0;}
h3 {font-size:14px;line-height:1;margin-bottom:1em;}
h4 {font-size:13px;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
ol,ul { list-style-position: inside; }


/* grid.css */
.container {width:980px;margin:0 auto; padding: 0 9px; border: 1px solid #999; border-width: 0 1px; background: #fff;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3 {float:left;margin-right:10px;}
.span-1 {width:320px;}
.span-2 {width:650px;}
.span-3, div.span-3 {width:980px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:308px!important;}
input.span-2, textarea.span-2 {width:638px!important;}
input.span-3, textarea.span-3 {width:968px!important;}
div.slice-1, div.slice-2, div.slice-3, div.slice-4, div.slice-5, div.slice-6, div.slice-7, div.slice-8, div.slice-9 { float:left; margin-right:10px; }
div.slice-1.border, div.slice-2.border, div.slice-3.border, div.slice-4.border, div.slice-5.border, div.slice-6.border, div.slice-7.border, div.slice-8.border, div.slice-9.border { margin-right: 4px; padding-right: 0px; }
.slice-1 { width: 100px; }
.slice-2 { width: 210px; }
.slice-3 { width: 320px; }
.slice-4 { width: 430px; }
.slice-5 { width: 540px; }
.slice-6 { width: 650px; }
.slice-7 { width: 760px; }
.slice-8 { width: 870px; }
.slice-9 { width: 980px;margin-right:0;}
.last, div.last {margin-right:0;}
div.border {padding-right:4px;margin-right:5px; border-right: 1px solid}
div.colborder {padding-right:169px;margin-right:170px; border-right: 1px solid}
.box {padding:1.5em;margin-bottom:1.5em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:".";display:block;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.clearfix {
	display: inline-block;
}
html .clearfix {
	height: 1%;
}


/****************
**  SUPERFISH  **
****************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu > li {
	margin: 		0;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
	width:			100%;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin-bottom:	1em;
	margin: 0 auto;
}
.sf-menu a {
	padding: 		.5em 1em;
	text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 		2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.75em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
/*
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
} */

/*****************************
** CUSTOM LAYOUT AND DESIGN **
*****************************/
a, a:link, a:visited { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p, .vspace { margin-bottom: 1em; }
.container#header { padding-bottom: 5px; padding-top: 5px; border-top: 1px solid; }
.container#breadcrumbs div.span-2 { padding-top: 12px; padding-bottom: 12px; }
.container#breadcrumbs div, .container#toc, .container#body{ padding-top: 8px; padding-bottom: 8px; }
.container#breadcrumbs div.span-2 { padding-top: 12px; padding-bottom: 12px; }
.container#footer, .container#header, .container#breadcrumbs { border-bottom: 1px solid; } 
.container#alert-ribbon { white-space: nowrap; overflow: hidden; border-bottom: 1px solid; position: relative;height: 15px;}
#site-search button { border: 1px solid; font-weight: bold; width: 70px; font-size: 12px; padding: 2px; }
#site-search input { border: 1px solid; font-size: 13px; font-weight: bold; width: 235px; }
#toc ul { padding: 0; margin: 0; }
#toc-menu li { list-style: none; padding-right: 0.5em; float: left; font-weight:bold;font-size:9.3px;}
#toc-menu li li { padding-left: 1em; float: none; }
#site-menu { width: 1000px; margin: 0 auto; display: block; }
.sectionheader {
border-bottom:2px solid;
padding:6px 5px 5px 10px;
}
.sectionheader, .sectionheader span, .sectionheader a {
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
#shoppingCart { text-align: center; margin-top: 8px; }

#breadcrumbs h1 { margin-bottom: 0; color: #3A5B7E; }
.spacer { margin-bottom: 8px; }

#channels td { text-align: center; vertical-align: top; }

.videoList td { vertical-align: top; padding: 3px;}

#video-widget { height: 60px; overflow:hidden; padding:4px; }
#video-widget div.thumb { margin:2px 6px; float:left;}

.videoTooltip { 
	width: 188px;
	background: #3A5B7E;
	border: 2px solid #497AA2;
	color: #FFFFFF;
	padding: 4px;
}
.videoTooltip .item-title { 
	font-size: 14px;
	font-weight: bold;
}

#video_info p.date { text-decoration: italic; float: left; }
#video_info p.summary { clear: both; }

#mv_videos div.sectionheader { display: none; }

#footer { text-align: center; }

ul#channels-menu { width: 600px; background-color: #497AA2;}
ul#channels-menu li { float: left; width: 200px; }

/**********************
**  ARTICLE DISPLAY ** 
*********************/
ul.headlines { margin: 0; line-height: 2; padding: 0; list-style-type: none; }
.teaser { margin-top: 4px; }
.teaser img { float: left; width: 80px; }
.teaser .right, .teaser h3 { padding: 0 0 0 90px; width: 230px; margin: 0;}

/*****************
** AD POSITIONS **
*****************/
.ad-frame { padding: 10px 10px 0px; margin: 0 0 8px; }
.header-ad, .header-ad-tab { padding: 5px; float: left; }
.header-ad-tab { background: transparent url(http://www.channel3000.com/images/structures/misc/ad_tag_728x90.gif) no-repeat scroll left center; padding: 5px 0 0 10px; }
.footer-ad { margin: 0 auto; width:728px; float: none; padding: 5px 5px 5px 10px; }\
.ad-text { display:block; text-align: right; color: #939393; font-size: 9px;}
.ad-text a { color: #939393; font-size: 9px; }

/*************
**  WEATHER **
*************/
.cityname, .temp, .currents { text-align: center; font-size: 11px; font-weight:bold;}
.temp { font-size: 40px; }
.temp a:hover { text-decoration: none; }
.slice-1 .temp, .slice-1 .currents { position: relative; top: -1px; white-space: nowrap; }
.currents { left: -4px; }
.currents.weatherpage { white-space: normal; } 
.icon img { margin: 0 18.5px; }
.container#alert-ribbon #slider a { margin-right: 50px; }
.weather-day { text-align: center; float:left; width:113px; height:140px; display:table-cell; vertical-align:middle;  }
#alert-ribbon #slider { position: absolute; left: 1000px; }

#rate-box{
height: 17px;
}
.star-rating{
	clear: none;
	list-style:none;
	margin: 0px;
        padding:0px;
        width: 85px;
        height: 17px;
        position: relative;
        background: url(/images/star-rating.gif) top left repeat-x;
}
.star-rating li{
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
}
.star-rating li a{
        display:block;
        width:17px;
        height:17px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
}
.star-rating li a:hover{
        background: url(/images/star-rating.gif) left center;
        z-index: 2;
        left: 0px;
        border:none;
}
.star-rating a.one-star{
        left: 0px;
}
.star-rating a.one-star:hover{
        width:17px;
}
.star-rating a.two-stars{
        left:17px;
}
.star-rating a.two-stars:hover{
        width: 34px;
}
.star-rating a.three-stars{
        left: 34px;
}
.star-rating a.three-stars:hover{
        width: 51px;
}
.star-rating a.four-stars{
        left: 51px;
}
.star-rating a.four-stars:hover{
        width: 68px;
}
.star-rating a.five-stars{
        left: 68px;
}
.star-rating a.five-stars:hover{
        width: 85px;
}
.star-rating li.current-rating{
        background: url(/images/star-rating.gif) left bottom;
        position: absolute;
        height: 17px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
}
