/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Justin Sepulveda 
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


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


/* import
 ---------------------------------------------------------------------------- */

@import "nav.css";
@import "tabs.css";


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

body { 
	background: #333 url("okla-07-bg-body.gif") repeat-x;
	color: #222;
	font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
	margin:0; 
	padding:0 
	}

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

#adimages img {
	display:block;
	border:0px;
}

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

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

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

a { outline: 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 
	}


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

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

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

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

.yahoo-on { background: #fff url("yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}

.bio-table { background-color: #fff; border: 1px solid #fff }
.bio-table, .bio-table * { background-color:#fff !important; color:#222; line-height: normal !important;  }

.bio-table table table table img { display: none; }

.player-number, #player-number { font-size: 12px; font-weight:bold; padding-left: 8px  }

.player-name { font-size: 12px; font-weight:bold; }


#player-photo{
border:1px solid #000;
}



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

#wrap { 
	margin: auto;
	width: 1000px
	}

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

#mast, #mast a { height: 165px; width: 575px }
	
#mast { 
	background: url("head.jpg");
	float: left;
	text-indent: -9999px;
	width:1000px;
	}
	
	#mast a { display: block }

#block-search-tickets {
	float: left;
	width: 425px
	}

#tickets {
	background: url("okla-07-bg-tickets.gif");
	height: 90px
	}
	
#top-tickets {
	background: url("okla-07-top-tickets.gif");
	clear: both;
	height: 24px;
	}	
	
#store-portal { margin-bottom: 8px } 


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

#columns { 
	background: url("okla-07-bg-wrap.gif") repeat-y;
	clear: both;
	width: 1000px;
	}
	
	#columns:after {
		clear: both;
 		content: ".";
    	display: block;
    	height: 0;
    	visibility: hidden
		}
	
	body#page-story #columns { background: url("okla-07-bg-wrap-story.gif") repeat-y; }

#column-1, #column-2, #column-3 { float: left; _display: inline; }

#column-1 { margin: 9px; width: 382px }
#column-2 { margin: 9px; width: 300px }
#column-3 { margin: -1px; width: 277px }

body#page-story #column-1 { width: 702px }
body#page-sport #column-2 { _margin: 10px 9px }

#block-signup { width: 192px }
#block-multimedia { width: 190px }

body#page-story #column-1 pre { width: 650px; overflow: auto }


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

#hdr-headlines, 
#hdr-features,
#hdr-features-other,
#hdr-news,
#hdr-signup,
#hdr-multimedia {
	border: 1px solid #fff;
	height: 19px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;	
	}

#hdr-headlines { background: url("okla-07-hdr-headlines.gif"); clear: both; margin-bottom: 8px; }
	
#hdr-features { background: url("okla-07-hdr-features.gif"); clear: both }

#hdr-features-other { background: url("multimedia-features-header.gif"); clear: both }

#hdr-news { background: url("okla-07-hdr-news.gif"); border: none }
	
#hdr-signup { background: url("okla-07-hdr-signup.gif") }
	
#hdr-multimedia { background: url("okla-07-hdr-multimedia.gif"); border-left: none }

.hdr-sport { border: 1px solid #fff;
 clear: both;
 margin-bottom: 8px;
 height:25px;
 background-color:#7e0202;
 color:#ffffff;
 line-height:25px;
 font-weight:bold;
 text-align:center;
 }

#hdr {
	background: url("okla-07-bg-hdr.gif") repeat-y;
	border:1px solid #fff;
	color: #fff;
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	margin: 0;
	padding: 10px 5px;
	width: 370px;
	}
	
	body#page-story #hdr {
		background: url("okla-07-bg-hdr-story.gif") repeat-y;
		}


/* headlines
 * ---------------------------------------------------------------------------- */

#headlines { position: relative }

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

#stories .photo { display: none }
#stories h2, #stories p, #stories ul, #stories li { visibility: hidden }

#stories #panel-1 .photo { display: block; }
#stories #panel-1 h2, #stories #panel-1 p, #stories #panel-1 ul, #stories #panel-1 li { visibility: visible }

body#page-sport #stories .photo { display: block }
body#page-sport #stories h2, body#page-sport #stories p, body#page-sport #stories ul, body#page-sport #stories li { visibility: visible }

body#page-sport #headlines { margin-top: 0 }

#headlines .photo img { border: 1px solid #fff }

#headlines a:link, #headlines a:visited,
#headlines a:hover, #headlines a:active,
#secondary-headlines a:link, #secondary-headlines a:visited,
#secondary-headlines a:hover, #secondary-headlines a:active,
#features a:link, #features a:visited,
#features a:hover, #features a:active,
#features-sport a:link, #features-sport a:visited,
#features-sport a:hover, #features-sport a:active { text-decoration: none; font-size: 10px; }

#headlines h2 a:link, #headlines h2 a:visited,
#headlines h2 a:hover, #headlines h2 a:active { font-size: 18px; font-weight: bolder; }

#headlines #stories h2 { margin-top: 30px; margin-bottom: 4px; }
#headlines #stories p { margin-bottom: 12px }

#features h3, #features-sport h3 { margin-bottom: 8px; margin-top: 0; }

body#page-sport #stories h2 { margin-top: 10px }

#bar-headlines { position: absolute; top: 202px; }

#secondary-headlines h3, #secondary-headlines p,
#features-sport h3, #features-sport p { margin: 0; padding: 0 }
#secondary-headlines p, #features-sport p { margin-bottom: 13px }

#logo-headlines {
	background: url("okla-07-logo-headlines.gif");
	border: 1px solid #fff;
	display: block;
	float: left;
	margin-right: 71px;
	height: 0;
	overflow: hidden;
	padding-top: 19px;
	width: 149px
	}
	
#logo-headlines, #nav-headlines, #controls-headlines { _display: inline; border-top: none; }


/* videos
 * ---------------------------------------------------------------------------- */
	
#btn-all-access {
	background: url("okla-07-btn-all-access.gif");
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 69px;
	margin-bottom: 1px;
	width: 277px
	}

#video {
	background-color: #000
	}
	
	#video table { border-collapse: collapse; padding: 4px 0 0 0; margin: auto; text-align:center; }
	
#list-videos, #list-videos * { margin: 0; padding: 0; list-style-type: none }

#list-videos {
	background: #000 url("okla-07-btm-video.gif") no-repeat bottom;
	padding: 10px;
	color:#ffffff;
	}
	
	
	#list-videos li { 
		background:url("okla-07-video-icon.gif") no-repeat 0 5px;
		padding-left: 18px;
		margin-bottom: 0px 
		}
	
	#list-videos a:link, #list-videos a:visited { color: #fff; text-decoration: none; font-size: 10px; }
	#list-videos a:hover, #list-videos a:active { color: #ccc; text-decoration: none; font-size: 10px; }

#btn-videos {
	background: url("okla-07-btn-video.gif");
	display: block;
	border-bottom: 1px solid #fff;
	height: 0;
	overflow: hidden;
	padding-top: 12px;
	width: 277px;
	}	
	

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

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

#search { font-size: 10px; height: 30px; float: right; }
	
	#search form { color: #fff; margin-top: 11px; _margin-top: 9px; }
	
	#search input { 
		border: 0;
		height: 19px;
		vertical-align: middle;
		width: 130px 
		}
		
		#search input.radio { 
			border: none;
			height: 10px;
			width: 10px
			}
			
		#search input.submit { 
			background: #9b0000 url("okla-07-btn-submit.gif") -2px -2px no-repeat;
			border: 1px solid #fff;
			border-bottom: none;
			color: #fff;
			cursor: pointer;
			margin-left: -4px;
			height: 19px;
			width: 18px
			}


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

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

#sidebar { margin: 10px 0 20px 0; color: #222; }

#sidebar h3 { margin-top: 15px }

#sidebar ul { 
	clear: both; 
	list-style-type: square;
	margin-left: 16px;
	_margin-left: 2px;
	}
	
#sidebar ul.inline li {
	border-left: 1px solid #9b0000;
	float: left; 
	list-style-type: none; 
	margin-bottom: 4px;
	_margin: 0;
	padding: 0 6px;
	_display: inline;
	line-height: 12px;
	}	
	
#sidebar ul.inline li.first { 
	border: none; 
	list-style-type: square; 
	padding-left: 0
	}
	
	#sidebar a:link, #sidebar a:visited,
	#sidebar a:hover, #sidebar a:active { font-size: 10px; text-decoration: none }


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

.photo-table { 
	border-collapse: collapse;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 160px 
	}

.photo-table ul { width: 160px; margin: 0; padding: 0; }
	
.photo-table .email-print li { 
	display: block; 
	margin: 3px 0
	}
	
.photo-table .caption { font-size: 10px; margin-top: 2px; line-height: 12px; }

.photo-table img { border:1px solid #000; }


/* 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("oas-icon-email.gif") 0 2px no-repeat }
	.email-print li.print { background: url("oas-icon-print.gif") 0 2px no-repeat }
		
		
/* pre-footer 
 * ---------------------------------------------------------------------------- */

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

/* footer & disclaimer
 * ---------------------------------------------------------------------------- */
	
#footer {
	width:998px;
	background-color:#222222;
	border:1px solid #FFFFFF;
	border-bottom:none;
	margin:0 auto;
	clear: both;
	position: relative;
	height: 71px
	}
		
#disclaimer {
	clear: both;
	margin: 20px auto;
	text-align: center;
	width: 500px;
	}
#footer a{
	color:#ffffff;
	}

#disclaimer a:link, #disclaimer a:visited { color: #ddd }
#disclaimer a:hover, #disclaimer a:active { color: #fff }


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

#ads-column-3 {
	background: url("okla-07-top-ads.gif") no-repeat top;
	padding-top: 24px;
	}
#ads-column-3 img{ border:0px; display:block; clear:both;}

#ad-box { margin-bottom: 10px }

.ad-box {
	background-color: #fff;
	border: 1px solid #9b0000;
	margin: 10px auto;
	height: 100px;
	width: 255px;
	}
	
.ad-box-content { padding: 0 5px }

#ad-footer { width: 1001px; margin: 20px auto }

#ad-banner { float: left; border: 1px solid #fff }
#ad-footer-special { border: 1px solid #fff; float: left;}

/***************** Photo Gallery *********************************/

td.boxborder {border: #000000 0px solid; font-size:10px; color:#000000; background-color:#ffffff;}
td.boxborderrecent {border: #000000 1px solid; font-size:10px; background-color:#FFFFFF;}
td.gallerynav {border: #000000 1px solid; margin-left:20; font-size:10px; background-color:#ffffff;}
.mostrecent {color:#000000; font-size:10px;  font-weight:600; text-decoration:underline;}
.mostrecent:hover {text-decoration:none;}
.gallerydate {font-size:10px; font-weight:bold; color:#000000;}
.gallerysport {font-size:10px; color:#000000;}
.gallerymainlinks {width:128; margin-left: 6; color:#000000; font-size:10px; text-decoration:none; font-weight:600;}
.gallerymainlinks:hover {text-decoration:underline;}
.galleryseasonlink {color:#ffffff; font-size:10px; text-decoration:none;}
.galleryseasonlink:hover {text-decoration:underline;}
.galleryseason {width:100; margin-left:20; color:#eeeeee; font-size:10px;}

/***************** Photo Gallery *********************************/