/* 
 ----------------------------------------------------------------------------
  Author: CSTV Online, Inc.
  CSS Document: main.css
 ---------------------------------------------------------------------------- 
*/

/* reset some main browser defaults
 * ------------------------------------------------------------------------- */

html,body,div { margin:0; padding:0; }

a img, :link img, :visited img, fieldset { border:none; }


/* default type selectors
 * ---------------------------------------------------------------------------- */

body,td { font:11px Verdana, Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-size:1.0em; }

a { color:#c20013; }
a:hover { color:#000; }

pre { position:relative; z-index:0; background-color: #fff; width:800px; overflow:auto; }

body#story-sport #column-right td { position:relative; z-index:1; }


/* default classes
 * ---------------------------------------------------------------------------- */

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.clear { clear: both; height: 0.01em; overflow: hidden; }

.fivevert { line-height:5px; }
.tenvert { line-height:10px; }
.twentyvert { line-height:20px; }

.schedheader { color: #fff; font-weight: bold; }
.storyheadline, .storyteaser { display: block; margin-left: 16px; }
#content .storyheadline, #content .storyteaser { margin-left: 0; }
.storyheadline { color: #d82126; font-size: 13px; font-weight: bold; }
.storyteaser { color: #003; font-weight: normal; }
.sidebartext { background:#eee; border:1px solid #999; margin:8px; padding:6px; }
.sidebartext td { background:#eee; }
.sidebarlink { color: #fff; text-decoration: none; }
.sidebarlink:hover { color: #ccc; }
.sidebartext .sidebarlink { color: #c20013; }
.sidebartext .sidebarlink:hover { color: #000; }


/* layout
 * ---------------------------------------------------------------------------- */

body { background: #003 url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-ribbon.gif") 1000px -50px repeat-y; }


#wrap {
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-bg-wrap-index.gif") repeat-y; 
	width:1000px; 
	}
	
	body#sport #wrap { background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-bg-wrap-sport.gif") repeat-y; }
	body#story-sport #wrap { background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-bg-wrap-story.gif") repeat-y; }
	body#story #wrap { background-image: none; background-color: #fff; }

/* #top {} */

#scoreboard { height: 40px; width: 1000px; }

#mast {
	width: 1000px;
	height: 123px;
	} 
	#mast a { float: left; }
	
#all-access { 
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-aa-bkg.gif") no-repeat;
	width: 301px;
	height: 442px;
	float: left;
	}
	
#more-headlines {
	float: left;
	width: 427px;
	}
	
#ads-index  { float: left; width: 409px; }

#ads-index table { border-collapse: collapse; margin: 0; padding: 0; }
#ads-index table td { padding: 10px 0 0 10px; vertical-align: top; }

#content { margin: 8px 16px; }


/* columns
 * ---------------------------------------------------------------------------- */

#columns {
	border-collapse: collapse;
	clear: both;
	margin: 0; padding: 0;
	width: 1000px;
	}

#column-main, #column-ads, #column-left, #column-right, #column-story {
	margin: 0; padding: 0; vertical-align: top;
	}

#column-main { width: 836px; }
#column-ads { width: 164px; }	
#column-left { width:125px; }
#column-right { width:870px; padding-right: 5px; }
#column-story { width: 955px; padding-right: 5px; }

#column-ads, #column-ads a { color: #fff; }
#column-ads a:hover { color: #ccc; }

#column-mini-left, #column-mini-middle, #column-mini-right { float: left; }

#column-mini-left { width: 125px; }
#column-mini-middle { width: 410px; }
#column-mini-right { width: 301px; margin-top: -20px; position: relative; }

#column-mini-right a { color: #fff; }
#column-mini-right a:hover { color: #ccc; }


/* headers
 * ---------------------------------------------------------------------------- */

#header {
	background-color: #fff;
	height: 19px;
	width: 535px;
	}
	
body#story #header, body#story-sport #header { margin-bottom: 10px; }
	
	#header h2 {
		color:#003;
		font: bold 15px/19px Verdana; 
		margin:0 0 0 8px; 
		padding:0;
		text-transform:uppercase; 
		}
		
		body#story #header h2, body#story-sport #header h2 { margin-left: 16px; }

#hdr-moreheadlines {
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-hdr-headlines.gif") no-repeat;
	height: 24px;
	width: 427px;
	}
	
	body#sport #hdr-moreheadlines { 
		background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-hdr-headlines-sport.gif") no-repeat;
		width: 410px;
		}


/* buttons
 * ---------------------------------------------------------------------------- */

#btn-archives {
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-hdr-archives.gif") no-repeat;
	height: 29px;
	position: relative ;
	width: 427px;	
	}
	#btn-archives a { display: block; position: absolute; top: 0; left: 255px; height: 29px; width: 170px; }
	#btn-archives a span { display: none; }
	
	body#sport #btn-archives {
		background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-btn-archives-sport.gif") no-repeat;
		height: 51px;
		width: 410px;
		}
		
		body#sport #btn-archives a { top: 10px; left: 225px; width: 180px; height: 30px; }
	

/* sidebar
 * ---------------------------------------------------------------------------- */

#sidebar { color:#ccc; font-size: 10px; padding:4px; }
#sidebar table { background: transparent; color: #ccc; width: 125px; }
#sidebar div { margin-bottom:6px; }
#sidebar a { color: #ccc; text-decoration: none; }
#sidebar a:hover { color: #fff; }
#sidebar .topnavlink { font-weight: bold; color: #d82126; }
#sidebar h2 { font-size: 11px; margin-bottom: 6px; padding: 0; }


/* sportnav
 * ---------------------------------------------------------------------------- */

#sportnav, #sportnav * { 
	color: #ccc; 
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
	text-decoration: none; 
	}

#sportnav { margin: 10px 0 0 18px; }
#sportnav li { list-style:disc; line-height:16px; }
#sportnav a:hover { color: #fff; }


/* calendar
 * ---------------------------------------------------------------------------- */

#wrap-calendar { color: #fff; padding:5px; width:94%; }
#wrap-calendar a { color: #fff; }
#wrap-calendar a:hover { color: #ccc; }
#wrap-calendar div.dailydate { color:#fff; font-weight:bold; height:16px; font-size: 12px; line-height:16px; width:100%; }
#wrap-calendar div.dailysport { display: block; margin-bottom:4px; margin-top:8px; font-weight:bold;}
#wrap-calendar div.dailysport2 { display: block; margin-bottom:1px; margin-top:8px;}


/* search
 * ---------------------------------------------------------------------------- */

#search, #search * { margin:0; padding:0; }
#search {
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-top-nav-right.gif");
	float: left;
	height: 25px;
	width: 356px;
	}
	
#search table { border-collapse:collapse; color:#222; }
#search table td { font-size:9px; padding-top: 5px; padding-right: 4px; }
#yahoo { border:1px solid #ccc; font-size:11px; height:18px; width:130px; }

.yahoo-on { background:#fff url("http://graphics.fansonly.com/schools/uri/graphics/yahoo-search5.gif") no-repeat; }
.yahoo-off { background-image:none;	}


/* countdown
 * ---------------------------------------------------------------------------- */

#countdown, #countdown * { margin: 0 !important; padding: 0 !important; }
#countdown {
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-countdown.gif") no-repeat;
	height: 194px;
	position: relative;
	width: 190px;
	}
	
#countdown table {
	position: absolute;
	padding: 4px;
	top: 148px;
	left: 28px;
	}

	#countdown td { padding-right:8px !important; }
	
.numberBox { font-size:10px; font-weight:bold; width:26px; height:20px; color:#fff; background-color:#003; border: 1px solid #ccc; }
.bottomText { font-size:9px; font-weight:bold; color:#003; }


/* pre-footer & footer
 * ---------------------------------------------------------------------------- */

#pre-footer, #pre-footer * { margin: 0; padding: 0; }
#pre-footer {
	border-top: 2px solid #ccc; 
	border-bottom: 2px solid #ccc; 
	margin-left: 270px; 
	margin-top: 15px;
	padding-top: 6px;
	text-align: center;
	width: 480px;
	}

body#story-sport #pre-footer { margin-left: 330px; }

#pre-footer #email-print { margin: 10px 0; }
#email-print li { display:inline; list-style:none; margin:0 30px; padding-left:25px; }
#email-print li#email { background:url("http://graphics.fansonly.com/graphics/oas-icon-email.gif") 0 2px no-repeat; }
#email-print li#print { background:url("http://graphics.fansonly.com/graphics/oas-icon-print.gif") 0 2px no-repeat; }

#footer { 
	background-color: #003;
	border-top: 5px solid #d82126;
	clear: both;
	padding: 15px 0;
	text-align: center;
	width: 1000px;
	}
	#footer a:hover { color: #ccc; }

body#sport #footer, body#story #footer, body#story-sport #footer { margin-top: 15px; }


/* banner ads
 * ---------------------------------------------------------------------------- */

#ad-holder-banner {
	background-color: #d82126;
	height: 105px;
	text-align: center;
	width: 1000px;
	}
	
	#wrap-ad-holder-banner-index {
		background: #d91f2a url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-bg-banner.gif") no-repeat right;
		clear: both; 
		height: 106px;
		width: 836px;	
	}
	
	#ad-holder-banner-index { 
		text-align: center;
		padding-top: 7px;
		}
	
#ad-holder-skyscraper {
	width:164px;
	margin:20px auto;
	text-align:center;
	}

body#story-sport #ad-holder-skyscraper,	
body#story #ad-holder-skyscraper {
	position:absolute;
	top:300px;
	left:1050px;
	}


/* tabs
 * ---------------------------------------------------------------------------- */

#tabs { width: 291px; margin: 0; padding: 0; margin-left: 5px; }

#tabs-all-access, #tabs-all-access * { margin:0; padding:0; }

#tabs-all-access {
	height:27px;
	width:291px;
	}

	#tabs-all-access li, #tabs-all-access a { display:block; height:27px; width: 96px; }
	#tabs-all-access li { float: left; list-style: none; _display: inline; }
	#tabs-all-access span { display:none; }

	#tabs-all-access .first { margin-left: 96px; }

.on-calendar { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-index-tabs.gif") 0 -54px; }
.on-results { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-index-tabs.gif") 0 -27px; }
.on-all-access { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-index-tabs.gif"); }

.on-calendar-sport { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-sports-tabs.gif"); }
.on-results-sport { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-sports-tabs.gif") 0 -27px; }


#tabs #content-results, #tabs #content-calendar, #tabs #content-all-access { 
	height: 260px;
	overflow: auto;
	padding:0 4px 4px 4px; 
	}
	#tabs #content-all-access { padding: 0; }

#content-results { background-color:#485F79; }
	
#content-calendar { background-color:#7e001a; }
	
body#sport #content-calendar { background-color: #003;}
	
#content-all-access { background-color:#003; }


#wrap-all-access, #wrap-all-access * { margin: 0; padding: 0; }
#wrap-all-access {
	border:2px solid #fff;
	border-top: none;
	clear: left;
	width:286px;
	_width: 290px;
	}


/* navigation: #nav
 * ------------------------------------------------------------------------- */

#nav, #nav * { margin: 0; padding: 0; }

#nav {
    background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") no-repeat;	
    float:left;
    height:25px;
	margin-bottom: 5px;
    width:644px;
	}

#nav span { display:none }

#nav li, #nav a { height: 25px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width:75px; }
#nav-02 { width:80px; }
#nav-03 { width:110px; }
#nav-04 { width:161px; }
#nav-05 { width:159px; }
#nav-06 { width:59px; }

#nav-01 a:hover, #nav-01.over { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") 0px -25px  no-repeat; }
#nav-02 a:hover, #nav-02.over { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") -75px -25px  no-repeat; }
#nav-03 a:hover, #nav-03.over { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") -155px -25px  no-repeat; }
#nav-04 a:hover, #nav-04.over { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") -265px -25px  no-repeat; }
#nav-05 a:hover, #nav-05.over { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") -426px -25px  no-repeat; }
#nav-06 a:hover, #nav-06.over { background:url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-08-top-nav.gif") -585px -25px  no-repeat; }


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
	
#nav li ul {
	border-left: 1px solid;
    border-right: 1px solid;
	left:-9999px;	/* Hide sub-menus initially */
    position:absolute;
    z-index:99;
	}

#nav li ul li { 
	height: 18px;	/* Height of each drop down nav item */
	background-color: #dedede;
	border-bottom: 1px solid;
	}
	
#nav li ul, #nav li ul li { border-color: #fff; }	/* Control color of borders on drop down nav */
	
/* Two Column Drop Down using tables */
#nav table { border-collapse: collapse; position:absolute; width:240px; z-index:99; }	
#nav li td, #nav li td ul, #nav li td ul li { width:120px; }
#nav li ul li.category { background-color:#d82126; color:#fff; font-weight:bold; cursor:normal; text-transform: uppercase; }
#nav li ul li.category span { padding-left:6px; display: block; line-height: 18px; }

#nav li ul li a {
	color:#222;
	font-size: 10px;
	height: 18px;				/* Height of each drop down nav item, should match above */
	line-height: 18px;			/* Height of each drop down nav item again, should match above */
	text-decoration: none;
	width: 100%;
	}
	
#nav li ul li a:hover { background-image: none; background-color: #50667E; color: #fff; }
	
#nav li ul li a span {
	display: block;
	padding-left: 5px;
	}
	
#nav li:hover ul, #nav li.over ul	{ left: auto; }

/* width of drop down nav - choose width that allows items to display on one line */
#nav li ul, #nav li ul li { width: 165px; }


/* Son of Suckerfish: 2nd Tier Drop Down
 * ------------------------------------------------------------------------- */

#nav li ul li ul  {
	display: none;
	width: 165px;
	margin-left: 165px; /* width of drop down nav +2 */
	margin-top: -19px; /* height of drop down nav item +1 */
	}
	
#nav li ul li:hover ul, #nav li ul li.over ul { display: block; }

#nav li ul li ul li a {
	height: 18px;
	width: 100%;
	}
	
	#nav li li.tall, #nav li li.tall a {
		height:30px;
		line-height:14px;
		}
	
	
/* bsi
 * ---------------------------------------------------------------------------- */

#wrap-lead-headlines, #wrap-lead-headlines * { margin: 0; padding: 0; }

#wrap-lead-headlines { 
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-main-bkg.gif") no-repeat;
	height: 442px;
	float: left;
	width: 535px;
	
	_display: inline;
	}
	
	body#sport #wrap-lead-headlines { background: none; width: auto; height: auto; float: none; }
	body#sport #wrap-lead-headlines div.content-lead { margin: 8px 6px; }
	
#wrap-lead-headlines, #wrap-lead-headlines a { color:#fff; }
#wrap-lead-headlines a:hover { color:#ccc; }

	#wrap-lead-headlines h2 { 
		font-size: 12px; 
		margin-bottom: 4px;
        margin-top:8px;
		}

	#wrap-lead-headlines h3, #wrap-secondary-headlines h3 { margin-bottom: 4px; font-weight: normal; }

	#wrap-lead-headlines a, #wrap-secondary-headlines a {
		text-decoration: none;
		}

#headlines-sport {
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-bg-story-sport.gif") repeat-y;
	width: 410px;
	}

#photo-stories { float: left; width: 400px;}

#relativeFrame { 
	height: 155px;
	position: relative; 
	z-index: 1; 
	}

	#relativeFrame div { 
		margin: 6px;
		position: absolute; 
		visibility: hidden;
		z-index: 1;
		width: 515px;
		}

	#relativeFrame div#frm0 { visibility: visible; }

#frame_photo { margin: 16px 0 10px 10px; }
body#sport #frame_photo { margin: 3px 0 0 2px; }

#wrap-secondary-headlines, #wrap-secondary-headlines * { margin: 0; padding: 0;}

#wrap-secondary-headlines { 
	background: url("http://graphics.fansonly.com/schools/duqu/graphics/duqu-06-headline-slice.jpg") repeat-x;
    _background-attachment: fixed;
	height: 347px;
	overflow: auto;
	width: 427px;
	}
	body#sport #wrap-secondary-headlines { width: 405px; }
	
	#wrap-secondary-headlines, #wrap-secondary-headlines a { color:#003; }
	#wrap-secondary-headlines a:hover { color:#d82126; }

        #wrap-secondary-headlines div.content-secondary {
		margin: 6px;
		}
	
	#wrap-secondary-headlines h2 { font-size: 11px; margin-bottom: 4px; } 
	
	#wrap-secondary-headlines p { margin-bottom: 12px; }

		

/* navigation: #nav-bsi
 * ------------------------------------------------------------------------- */

#nav-bsi, #nav-bsi * { margin: 0; padding: 0;}

#nav-bsi {
	height: 19px;	
	width: 80px;
	margin-left:295px;
    margin-top:8px;
        }

#nav-bsi li { 
	float: left;
	list-style: none;
	 
	_display: inline;
	}


/* bsi mini
 * ------------------------------------------------------------------------- */	

#wrap-mini, #wrap-mini * { margin: 0; padding: 0; }

#wrap-mini { 
	float: left;
	width: 100px;
    margin-top:35px;
    margin-left:35px;
	
	_margin-left: 20px;
	_display: inline;
	}

#wrap-mini a { 
	height: 65px;
	float: left;
	position: relative;
	width:86px;
	}

#wrap-mini a img {
	border: 1px solid #000;
	height: 53px;
	width: 68px;
	z-index: 0;
	}

#wrap-mini a:hover img {
	border:1px solid #fff;
	display: block;
	height: 70px;
	left: -10px;
	position: absolute;
	top: -8px; 
	width: 90px;
	z-index: 1;
	}

#wrap-mini div.miniOn a img { 
	border: 1px solid #fff; 
	}

/* ie hacks */
#wrap-mini a:hover { _display:block; _z-index:1; }

/* booster
 * ------------------------------------------------------------------------- */	

 #booster-wrap, { 
	 
	padding: 8px; 
	overflow: auto;  
	background:#ffffff url("http://grfx.cstv.com/schools/duqu/graphics/duqu-08-booster-background.gif"); 
border:1px solid #fff;
	
	}
	
#duqu-ticker{
width:1000px;
height:22px;
display:block;
padding:0;
clear:both;
position:relative;
top:-5px;
}
