/* 
 ----------------------------------------------------------------------------
	Company: CBS College Sports
	Author: Kristin V. Hart
 	CSS Document: wast-08-display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background: #616060 url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg.jpg") repeat-x;
	color: #000;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

body#story-page, body#sport-body {
	background: #767475 url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg-sport-pages.gif") repeat-x;
	}	
	

td {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #222;
	}

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

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

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

a:link, a:visited { color: #000; text-decoration: underline }
a:hover, a:active { color: #333; 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;
        display:none;
	}

#revLayeredAd .revClickText  {
	color:#fff;
	}

.sponsoredText {background:#fff;}

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

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

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

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

.yahoo-on { background-image: none	}
.yahoo-off { background-image: none	}
.wrap { float:left; }


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

#wrap { 
	width: 996px;
	position:relative;
	}
	
#mast { 
	width:996px;
	height:130px;
	}
	
#mast-header {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-header.jpg") no-repeat;
	width: 714px;
	height: 130px;
	float:left;
	}
	
#mast-scoreboard {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg-scoreboard.jpg") no-repeat;
	width: 282px;
	height: 130px;
	float:left;
	}
	
#nav-wrap {
	width:996px;
	height:37px;
	}	

#mast-nav {
	width: 714px;
	height: 37px;
	float:left;	
	}

#mast-yahoo {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg-yahoo.gif") no-repeat;
	width:282px;
	height:37px;
	color: #fff;
	float:left;
	}
	
#mast-yahoo table {
	padding:5px 0px 0px 10px;
	}	
	
#search-wrap {
	float:right;
	padding-right:10px;
	}	


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

#columns {
	padding:0;
	margin:0;
	border-collapse:collapse;
	clear:both;
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg-body.gif") repeat-y 0px 0px;
	width: 996px;
	}
	
body#story-page #columns {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg-body-story.gif") repeat-y 0px 0px;
	}	

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

#column-1 { width:602px;}

body#story-page #column-1 {
	width:843px;
	margin:0;padding:0;	
	}
	
#story-container {
	width:814px;
	padding:20px;
	}	
	
#column-1-bsi {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-top-story.gif") no-repeat;
	width: 602px;
	height: 377px;
	margin: 0px 0px 0px 2px;
	position:relative;
	}
	
#column-1-headline-tabs {
	margin: 0px 0px 0px 2px;	
	}	


/* column-2
 * ---------------------------------------------------------------------------- */

#column-2 {width: 241px;}

#column-2-hdr-all-access {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-09-hdr-all-access.gif") no-repeat;
	width: 241px;
	height: 56px;
	margin: 0px 0px 0px -2px;
	}
	
#column-2-all-access {
	margin: 0px 0px 0px -2px;
	padding: 0px 0px 0px 3px;
	height: 396px;
	}
	
#sport-all-access img{
	border-top:1px solid #600;
	border-bottom:1px solid #600;
	}	
	
#video-links {
	width:194px;
	height:106px;
	margin:0;
	padding-left:32px;
	padding-right:8px;
	padding-top:8px;
	margin-right:8px;
	overflow:auto;
	}

#video-links li{
	list-style-image: url("http://grfx.cstv.com/schools/wast/graphics/icon-video-fff.gif");
	padding-top:2px;
	padding-bottom:2px;
	}
	
#video-links li a {
	color:#fff;
	text-decoration:none;
	_padding-left:5px;
	}
	
#video-links li a:hover {
	text-decoration:underline;
	}
	
#video-ad {
	width:234px;
	height:60px;
	background:#222;
	margin-top:4px;
	}				
	
#column-2-club-tabs {
	margin: 0px 0px 0px -2px;	
	}

body#story-page #column-2 {
	width:142px;
	margin:0;padding:0;
	}	

/* column-3
 * ---------------------------------------------------------------------------- */

#column-3 { width: 142px;}

#column-3-hdr-tickets {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-hdr-tickets.gif") no-repeat;
	width: 142px;
	height: 35px;
	margin: 0px 0px 0px -2px;
	}
	
#column-3-tickets {
	width: 142px;
	height: 115px;
	margin: 0px 0px 0px -2px;
	}

#column-3-store {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-hdr-store.gif") no-repeat;
	width: 142px;
	height: 193px;
	margin: 0px 0px 0px -2px;
	}
	
#store-portal {
	padding-top:6px;
	}	
	
#column-3-forum {
	width: 142px;
	height: 91px;
	margin: 0px 0px 0px -2px;
	}

#column-3-hdr-poll {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-hdr-poll.gif") no-repeat;
	width: 142px;
	height: 35px;
	margin: 0px 0px 0px -2px;
	}
	
#column-3-poll {
	width: 142px;
	height: 215px;
	margin: 0px 0px 0px -2px;
	overflow:auto;
	}
	
#column-3-poll .pollquestion {
	text-align:center;
	}	
	
/* sport-hdr 
 * ------------------------------------------------------------------------- */

#sport-hdr-wrap {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bar-titles.gif") no-repeat;
	width:992px;
	height:29px;
	border-left:2px solid #900;
	border-right:2px solid #900;
	}
	
#sport-hdr {
	width:385px;
	height:29px;
	float:left;
	}	

/* sport-nav 
 * ---------------------------------------------------------------------------- */

#sport-nav {
	width:597px;
	height:29px;
	float:right;
	color:#fff;
	padding-right:10px;
	}
	
#sport-nav ul {
	margin:0;
	padding:0;
	float:right;
	padding-top:8px;
	}

#sport-nav li {
	display:inline;
	}

#sport-nav li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

#sport-nav li a:hover {
	text-decoration:underline;
	}

#sport-nav .divider {
	padding-right:3px;
	padding-left:3px;
	}


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

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

#nav {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") no-repeat;
	height: 37px;
	position: relative;
	width: 714px;
	z-index: 99; 
	}

#nav span { display:none; }

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

#nav li { float: left; }

#nav-01 { width:66px; }
#nav-02 { width:126px; }
#nav-03 { width:129px; }
#nav-04 { width:101px; }
#nav-05 { width:85px; }
#nav-06 { width:98px; }
#nav-07 { width:109px; }

#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") 0 -37px }
#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -66px -37px }
#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -192px -37px }
#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -321px -37px }
#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -422px -37px }
#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -507px -37px }
#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -605px -37px }

#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") 0 -37px }
#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -66px -37px }
#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -192px -37px }
#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -321px -37px }
#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -422px -37px }
#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -507px -37px }
#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-navigation.gif") -605px -37px }

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

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

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

#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 #900; text-indent: 0; }


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

	_width: 100%
	}

#nav li li a:hover { 
	background: #900; 
	color: #fff 
	}

#nav .right { text-align: left; margin-left: 151px; _margin-left:157px; }

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


/* relativeFrame
 * ---------------------------------------------------------------------------- */

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

#relativeFrame {
	position: relative; 
	width:503px;
	z-index: 1
	}

#relativeFrame div {
	width:483px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	padding-left:10px;
	padding-right:10px;
	}

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame h1 a {
	font-size:13px;
	color:#900;
	text-decoration:none;
	}

#relativeFrame h1 a:hover {
	text-decoration:underline;
	}

/* minis
 * ---------------------------------------------------------------------------- */

#main-photo-container {
	width:602px;
	height:310px;
	}

#main-photo {
	width:503px;
	height:265px;
	float:left;
	}

#frame_photo {
	padding-top:3px;
	}

#minis {
	margin:0;
	padding:0;
	width:86px;
	padding-top:12px;
	float:left;
	padding-left:7px;
	}

#minis div{
	width:86px;
	height:63px;
	background:#fff;
	border:1px solid #600;
	overflow:hidden;
	margin-bottom:4px;
	}

#minis a img {
	opacity: .50;
	filter: alpha(opacity=50);
	width:86px;
	height:63px;
	}

#minis a:hover img, #minis div.miniOn a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	
#numbers-wrap {
width:1px;
height:1px;
display:block;
	}
#numbers div {
	float:left;
	padding-right:4px;
	}
	
#numbers {
	height:13px;
	position:absolute;
	top:275px;
	left:415px;
	}


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

#controls {
	width:45px;
	position:absolute;
	top:310px;
	left:535px;
	}

#minis #controls img{
	border-width:0;
	}

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

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

#headlines-tab ul.headline-1 { margin:0; padding:0 }
#headlines-tab ul.headline-1 li { float: left; list-style: none; text-indent: -9999px; }
#headlines-tab ul.headline-1 span { display: none }

#headlines-tab a {color:#900;text-decoration:none;}
#headlines-tab a:hover {color:#900;text-decoration:underline;}

/* Headline tabs: #headlines-tab
 * ---------------------------------------------------------------------------- */	

#headlines-tab ul.headline-1 { 
	background:url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-5.gif");
	height: 39px; 
	width: 602px;	
	}

#headlines-tab ul.headline-1 li,
#headlines-tab ul.headline-1 a { display: block; height: 39px }

#tab-headlines { width: 118px;}
#tab-features { width: 124px }
#tab-schedules { width: 119px }
#tab-blog { width: 121px }
#tab-wsu-on-fsn { width: 120px }

#headlines-tab.on-headlines #tab-headlines { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-5.gif") 0 -39px }
#headlines-tab.on-features #tab-features { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-5.gif") -118px -39px }	
#headlines-tab.on-schedules #tab-schedules { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-5.gif") -242px -39px }
#headlines-tab.on-blog #tab-blog { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-5.gif") -361px -39px }
#headlines-tab.on-wsu-on-fsn #tab-wsu-on-fsn { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-5.gif") -482px -39px }

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


#headlines h1 {
	padding-bottom:8px;
	}
	
#headlines h1 a {
	font-size:11px;
	font-weight:100;
	text-decoration:none;
	color:#222;
	}
	
#headlines h1 a:hover {
	font-size:11px;
	font-weight:100;
	text-decoration:underline;
	color:#222;
	}	
	
#headlines .pubdate {
	color:#900;
	font-weight:bold;
	}	

#headlines, #features, #schedules, #blog, #wsu-on-fsn { 
	width:279px;
	height: 242px;
	padding: 8px; 
	overflow: auto;  
	float:left;
	}
	
#holder-story {
	width:300px;
	height:250px;
	float:left;
	}
	
	/* ----------------- BLOG-TAB ----------------- */
	.blog_category {
		width: 270px;
		margin: 0px auto;
	}
	.blog_category ul {
		padding: 0px;
		list-style-type: none;
	}
	.blog_category h2 {
		padding: 0px;
		margin: 5px 0px 0px 0px;
		font-size: 12px;
	}
	.blog_category p {
		padding: 0px 5px 5px 5px;
		margin: 0px;
	}
	/* ----------------- END BLOG-TAB ----------------- */

	/* features
	 * ---------------------------------------------------------------------------- */	

	.features, .features *{
		margin:0;
		padding:0;	
		}	

	.features .date {
		font-size:11px;
		color:#900;
		font-weight:bold;
		}

	.features {
		padding-bottom:8px;
		}

	#features .features h1 a {
		font-size:11px;
		color:#000;
		font-weight:100;
		}	

	.features h1 a:hover{
		text-decoration:underline;
		}			


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

.calendar, .calendar * { margin: 0; padding:0 }

.calendar h3, .calendar p, .calendar ul { padding-left: 10px }

.calendar h3 {font-size:12px;}

.calendar p { margin-bottom: 4px }

.calendar p.date { 
	color: #222;
	height: 18px;
	margin-bottom: 0; 
	line-height: 18px
	}

.calendar ul { list-style-type: none;padding-bottom:6px; }

.calendar li { display: inline; padding-right: 4px }
			

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

#club-tab ul.headline-2 { margin:0; padding:0 }
#club-tab ul.headline-2 li { float: left; list-style: none; text-indent: -9999px; }
#club-tab ul.headline-2 span { display: none }

#club-tab a {color:#900;text-decoration:none;}
#club-tab a:hover {color:#900;text-decoration:underline;}


/* club tabs: #club-tab
 * ---------------------------------------------------------------------------- */	

#club-tab ul.headline-2 { 
	background:url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-3.gif");
	height: 39px; 
	width: 241px;	
	}

#club-tab ul.headline-2 li,
#club-tab ul.headline-2 a { display: block; height: 39px }

#tab-club { width: 82px;}
#tab-posters { width: 76px }
#tab-wallpaper { width: 83px }

#club-tab.on-club #tab-club { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-3.gif") 0 -39px }
#club-tab.on-posters #tab-posters { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-3.gif") -82px -39px }	
#club-tab.on-wallpaper #tab-wallpaper { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-3.gif") -158px -39px }

#club, #posters, #wallpaper { 
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-3-bg.gif") no-repeat;
	height: 210px; 
	padding: 8px; 
	overflow: auto;  
	width:225px;
	}

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

#cougar-tab ul.headline-3 { margin:0; padding:0 }
#cougar-tab ul.headline-3 li { float: left; list-style: none; text-indent: -9999px; }
#cougar-tab ul.headline-3 span { display: none }

/* cougar tabs: #cougar-tab
 * ---------------------------------------------------------------------------- */	

#cougar-tab ul.headline-3 { 
	background:url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-2-sport.gif");
	width: 241px;
	height: 39px; 	
	}

#cougar-tab ul.headline-3 li,
#cougar-tab ul.headline-3 a { display: block; height: 39px }

#tab-cougar { width: 120px}
#tab-promos { width: 121px}

#cougar-tab.on-cougar #tab-cougar { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-2-sport.gif") 0 -39px }
#cougar-tab.on-promos #tab-promos { background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-2-sport.gif") -120px -39px }	

#cougar, #promos { 
	background: #ccc url("http://grfx.cstv.com/schools/wast/graphics/wast-08-tabs-3-bg.gif") no-repeat;
	width:225px;
	height: 210px; 
	padding: 8px; 
	overflow: auto; 
	_background-attachment:fixed; 
	}
	
/* sidebar
 * ---------------------------------------------------------------------------- */

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

#sidebar ul {padding-left:20px;padding-top:1px;}

#sidebar ul a {text-decoration:none;color:#900;}

#sidebar ul a:hover {text-decoration:underline;}

#sidebar h3 {color:#000;padding:8px 0px 2px 0px;font-size:11px;}

#sidebar div {color:#000;font-size:11px;font-weight:bold;padding-left:5px;padding-top:12px;}

/* 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 }


/* 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
 * ---------------------------------------------------------------------------- */


#footer-wrap {
	width:996px;
	height:90px;
	margin-top:10px;
	}
	
#banner-wrap {
	padding-top:5px;
	width:996px;
	height:95px;
	}	

#holder-banner {
	width: 728px;
	height: 90px;
	float:left;
	}
	
#holder-skyscraper {
	width:160px;
	height:600px;
	position:absolute;
	top:135px;
	left:1000px;
	}	
	
#banner-ads {
	width:268px;
	float:left;
	padding-top:4px;
	}
	
#banner-ads img {
	display:block;
	padding-left:8px;
	float:left;
	}

#ncaa-logo {
	padding-top:7px;
	}
	
#pac10-logo {
	padding-top:10px;
	}
	
#wsu-edu {
	padding-top:12px;
	}		
	
/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	color: #222;
	padding: 20px;
	text-align: center;
	clear: both;
	}

#footer-disclaimer
{
	position:relative;
	margin:0 auto;
	width:1000px;
}

#disclaimer-wrap
{
	position:absolute; 
	width:1000px;
	z-index:1;
}

#sponsor-disclaimer
{
	position:absolute;
	left:470px;
	top:10px;
	z-index:100;
}


#footer-btn {
	background: url("http://grfx.cstv.com/schools/wast/graphics/wast-08-bg-footer.gif") repeat 2px 0px;
	width: 995px;
	height: 177px;
	}
	
#footer-btn img {
	float:left;
	padding-top:41px;
	padding-left:13px;
	}	
	
	#footer a:link, #footer a:visited { color: #fff; text-decoration: underline;}
	#footer a:hover, #footer a:active { color: #fff; text-decoration: none; }