/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Taylor Neilson
 	CSS Document: wtam-07-display.css
 ---------------------------------------------------------------------------- 
*/


/* colors
 ----------------------------------------------------------------------------
	text: #222
	link: #444
 	link.hover: #666
 ----------------------------------------------------------------------------
*/


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

body { 
	background: #ffffff url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-bg-repeat.gif");
	color: #000;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	margin:0; 
	padding:0 
	}
body#sport{}
body#nonsport{}
body#story{}
td{
font: 11px Verdana, Helvetica, Arial, sans-serif;
color: #000;
}


h1 { font-size: 16px }
h2 { font-size: 14px }
h3 { font-size: 12px }

h4,h5,h6 { font-size: 12px }

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

a:link, a:visited { color: #480408; text-decoration: underline }
a:hover, a:active { color: #480408; text-decoration: underline }

a { outline: none }

#columns pre {font-family:monospace; font-size:11px;}
#columns .presmall {font-family:monospace; font-size:11px;}
#columns pre a{font-family:monospace; }
#columns a:hover{text-decoration:none;}

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

.center {text-align: center;}

.img-left {float:left; margin: 0 6px 4px 0 }
.img-right {float:right; margin: 0 0 4px 6px }

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

#revLayeredAd .revClickText {color:#fff;}

/* CSTV specific
 * ---------------------------------------------------------------------------- */

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #222; 
	font-weight: bold; 
	font-size: 16px 
	}

.storyteaser, 
.StoryTeaser { color: #222; font-weight: bold }

.pubdate { font-size:10px; }
.sportname { font-size:10px; }
.topheadline { font-size:14px; }
.topsportname { font-size:10px; }
.toppubdate { font-size:10px;}
.topsynopsis { font-size:11px;}
a.topheadline { font-size:14px; font-weight:bold;}
.secheadline,.secheadline a, a.secheadline { font-size: 12px; color:#480408; font-weight:bold; }
.secheadline:hover,.secheadline a:hover, a.secheadline:hover { text-decoration:none; }
.secteaser { font-size: 10px; }
.secmore a { font-size: 10px; }
.sportheadline {font-size:12px; font-weight:bold;}
.sportsynopsis { font-size:10px; }

.StoryHeadline {font-size:13px; font-weight:bold; color:#480408;}
.StoryTeaser { color:#000000;}

.LiveEventDate {color:#480408; font-weight:bold;}
a.LiveEvent1 {font-weight:bold;}
.LiveEvent1 {color:#480408;}

.twovert {line-height:2px; background:#fff; }
.fivevert { line-height: 5px }
.tenvert { line-height: 10px }
.twentyvert { line-height: 20px }

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


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

#wrap { 
	background:#ffffff;
	width:995px;
	border:1px solid #000000;
}
	
#mast {width:995px; height:110px;}
#mast img {border:0px; margin:0px; padding:0px; display:block;}
#mast-top {width:995px; height:41px; background: url('http://grfx.cstv.com/schools/wtam/graphics/wtam-07-masthd-top.gif');}
#mast-left {width:507px; height:110px; float:left;}
#mast-right {width:488px; height:110px; float:right;}
#hdr { }

#scoreboard {width:689px; height:40px; border-left:1px solid #000000; border-right:1px solid #000000; }
body#story-body #skyscraper-wrap{ width:160px; padding-top:20px; margin:auto;}
#skyscraper-wrap{ width:160px; height:600px; margin:40px auto auto;}

#sportnav-wrap{font-size:12px; font-weight:bold; margin-top:10px; margin-right:5px; float:right; height:15px; color:#480408; text-decoration:none;}
#sportnav-wrap a{text-decoration:none;}
#storyPadding{width:670px; padding:10px;}

#SportNavLink{color:#fff}
#sidebar-element { color:#fff; width:280px; padding-left:10px; padding:5px;}
#sidebar-element a { color:#fff; padding:5px; font-size:11px;}



#holder-skyscraper
{position:absolute;
top:0px;
left:1000px;}


/* top nav
 * ---------------------------------------------------------------------------- */
#top-nav {width:995px;}


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

#columns {padding:0; margin:0; border-collapse:collapse;}

#column-1, #column-2 {padding:0; margin:0; vertical-align:top; }

#column-1 {width:693px; background:#ffffff;}
#column-2 {width:302px; background:#ffffff;}
body#story-body #column-2 {width:302px; background:#480408;}

#column-1-bsi{width:689px; height:366px; border:1px solid #000; background:#e4e4e4;}
body#sport-body #column-1-bsi {width:689px; height:286px; border:1px solid #000; background:#480408;}
#column-1-bsi-photo{width:466px; height:286px; border-right:1px solid #000000; background:#e4e4e4;float:left;position:relative;display:block;}
#column-1-bsi-content{width: 222px; height:286px; background:#e4e4e4;float:left; position:relative; display:block;}
#column-1-bsi-thumbs{
	width:609px; 
	height:81px;
	background:url('http://grfx.cstv.com/schools/wtam/graphics/wtam-07-bg-bsi-thumbs.gif');
	position:relative;
	padding-left:80px;
}
#column-1-headlines{width:460px; height:350px; background:#e4e4e4; float:left; margin-top:2px; position:relative; padding:3px;}
#headlines-wrap{padding-top:10px; padding-bottom:40px; display:block;}

#column-1-more{width:464px; margin-top:2px; border:1px solid #000; float:left; background:#e4e4e4;}
#column-1-more img {display:block;}
body#sport-body #column-1-more{width:464px; margin-top:2px; border:1px solid #000; background:#e4e4e4;}
body#sport-body #column-1-more img {display:block;}
#secondary-wrap{width:456px; height:370px; padding:4px; overflow:auto; margin:0px;}
body#sport-body #secondary-wrap{width:456px; height:270px; padding:4px; overflow:auto; margin:0px;}
#column-1-features{width:464px; margin-top:2px; border:1px solid #000; float:left; background:#e4e4e4;}
#column-1-features img {display:block;}
#features-wrap{width:456px; height:202px; padding:4px; overflow:auto; margin:0px;}
#column-1-store{width:223px; display:block; border-left:2px solid #ffffff; border-right:2px solid #ffffff; border-top:2px solid #ffffff; background:#480408; float:right;}
body#sport-body #column-1-store{width:223px; height:665px; border-left:2px solid #ffffff; border-right:2px solid #ffffff; border-top:2px solid #ffffff; background:#480408; float:right;}
#column-1-store img {border-top:2px solid #ffffff; display:block; margin:0px;}

#column-2-promo1{width:300px; height:157px;background:#ff0000; margin-bottom:2px; margin-top:2px;}
#column-2-promo1 img{display:block;}
#column-2-promo2{width:300px; height:250px; background:#999999; margin-bottom:2px;}
#column-2-promo2 img{display:block;}
#column-2-allaccess{width:300px; background:#480408; text-align:center; margin-top:2px;}
#column-2-calendar{width:300px; background:#e4e4e4; margin-top:2px;}
#column-2-calendar img {display:block;}
#calendar-wrap{width: 290px; height:237px; padding:4px; overflow:auto; margin:0px; border:1px solid #000;}  
#column-2-sidebar{width:300px; background:#480408; margin-bottom:2px; margin-top:2px;}
body#sport-body #column-2-sidebar{width:300px; background:#480408; margin-bottom:2px; margin-top:2px;}
body#sport-body #column-2-sidebar img{}
body#story-body #column-2-sidebar{width:300px; height:680px; background:#480408; margin-bottom:2px; margin-top:2px; text-align:center;}
#column-2-sponsored {width:300px; height:148px; margin-top:2px;}

#relativeFrame{position:relative;height:286; width:220px;}

/*    headline panels  */
#frm0{position:absolute; margin-left:2px; margin-right:2px; width:216;}
#frm1{position:absolute; visibility:hidden;margin-left:2px; margin-right:2px; width:216;}
#frm2{position:absolute; visibility:hidden;margin-left:2px; margin-right:2px; width:216;}
#frm3{position:absolute; visibility:hidden;margin-left:2px; margin-right:2px; width:216;}
/*    headline panels  */

/*    Minis  */
#mini0,#mini1,#mini2{border:1px solid #000000; margin-top:7px; margin-right:80px;}
#mini3{margin-top:7px; border:1px solid #000000;}
#mini0{position:relative; width:65px; height:65px; float:left;}
#mini1{position:relative; width:65px; height:65px; display:none; float:left;}
#mini2{position:relative; width:65px; height:65px; display:none; float:left;}
#mini3{position:relative; width:65px; height:65px; display:none; float:left;}
/*    Minis  */

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

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

#nav {
	background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") no-repeat;
	height: 30px;
	position: relative;
	width: 995px;
	z-index: 99; 
	}
	
#nav span { display:none; }

#nav li, #nav a {
	font-size: .95em;  
	height: 30px;
	display: block;
	}

#nav li { float: left; }


#nav-01 { width:128px; }
#nav-02 { width:120px; }
#nav-03 { width:122px; }
#nav-04 { width:121px; }
#nav-05 { width:120px; }
#nav-06 { width:126px; }
#nav-07 { width:128px; }
#nav-08 { width:130px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") 0 -30px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -128px -30px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -248px -30px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -370px -30px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -491px -30px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -611px -30px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -737px -30px }
#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -865px -30px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") 0 -30px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -128px -30px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -248px -30px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -370px -30px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -491px -30px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -611px -30px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -737px -30px }
#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-nav.gif") -865px -30px }


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

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

	#nav ul {
		border: solid #480408;
		border-width: 0 1px;
		left: -9999px;
		top: 30px;
		position:absolute;
		z-index:99
		}

	#nav-08 ul { margin-left: -15px }

	#nav ul, 
	#nav li li { width: 140px }

	#nav li li, 
	#nav li li a { height: auto; }

	#nav li:hover ul, 
	#nav a:hover ul { left: auto; }

	#nav li li { border-bottom: 1px solid #480408; text-indent: 0; }


	#nav li li a {
		background: #ffffff;
		color: #000000;
		display: block;
		padding: 3px;
		text-decoration:none;

		_width: 100%
		}

	#nav li li a:hover { 
		background: #e4e4e4; 
		color: #480408; 
		}

	#nav .right { text-align: left; margin-left: 150px }

	#nav .header a, #nav .header a:hover { 
		background: #0258c5; 
		color: #fff; 
		font-weight: bold
		}



	/* 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:21px;
		line-height:14px;
		}

	#nav ul.right { margin-left: 150px; text-align: left }
	#nav li li.header a, #nav li li.header a:hover { background-color: #BF3130; color: #fff; font-weight: bold }
/* navigation: #nav 
*/



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

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

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


/* photo-table
 * ---------------------------------------------------------------------------- */

.photo-table { 
	border-collapse: collapse;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 160px 
	}
.photo-table .email-print li { display: block; margin: 3px 0}
.photo-table .caption { font-size: 10px }

.photo-left-sm {float:left; width:75px; height:125px; margin:5px; position:relative;}


/* email-print
 * ---------------------------------------------------------------------------- */

.email-print { margin: 10px 0 }

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

#pre-footer {
	border: solid #aaa; 
	border-width: 2px 0;
	display: block;
	padding-top: 6px;
	text-align: center;
	width: 460px
	}
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: #480408 url("http://grfx.cstv.com/schools/wtam/graphics/wtam-07-bg-index-promos.gif");
	height:93px;
	width:995px;
}
#footer-wrap {width:975; height:73px; padding:10px;}
#footer-wrap img {position:relative; float:left; padding:6px;}
#disclaimer-wrap {width:995px; padding-top:20px;}
#disclaimer {width:400px; text-align:center; margin-left:130px;}
#footer a:link, #footer a:visited { color: #000 }
#footer a:hover, #footer a:active { color: #000 }