﻿/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: PRODUCER'S NAME HERE
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background: #1c2a43;
	font: 12px/18px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

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: #1c2a43; text-decoration: underline }
a:hover, a:active { color: #000; text-decoration: underline }

a { outline: none }

.bulletinBoard a
{
	font-family: Calibri, Garamond, Arial;
	color:White;
	font-size:14px;
}

.printerfriendly a
{
	color:#000;
	font-size: 11px
}

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

.bulletinBoard 
{
	font-family: Calibri, Garamond, Arial;
	color:White;
	font-size:medium; 
	}


/* 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: #fff url("http://grfx.cstv.com/schools/uri/graphics/yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}


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

#wrap { 
	background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bg.gif") repeat-y;
	width:1050px;
	margin:auto;
	}

#container
{
	width:1050px;
}
#flashcontainer
{
	width:1050px;
	height:auto;
	text-align:center;
	background-color:#1c2a42;
	border:0;
}


#mast-L
{float:left;}


#mast 
{
	width:1050px;
	height:140px;
	float:left;
	display:block;
	margin:0;
	padding:0;
}
#mast-rndmR
{
	width:384px;
	
	float:left;
	margin:0;
	padding:0;
	display:block;
}

 #mast-rndmL
{
	float:left;
	width:666px;
	height:140px;
	background:url("../Images/WMDY.gif") no-repeat; 
	display:block;
}


#scoreboard-wrap
{ 
	width:1050px;
	background:url("http://graphics.fansonly.com/schools/pitt/graphics/pitt-07-bg-scoreboard.gif");

	
}
#scoreboard
{
	padding-left:25px;
}

#index-content
{
	border-left:3px;
	
}
#top-ad
{
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bg-top.jpg") no-repeat;

	text-align:center;
	
}

.vid-comp-ad
{
	padding:5px 0px 5px 1px;
}
/* columns
 * ---------------------------------------------------------------------------- */
#content-wrap
{
width:1050px;
margin-left:25px;
margin-right:29px;
}


#columns 
{
	width:994px;
	margin-top:15px;
}


#column-1 
{ 	
	width:486px;
	margin-right:5px;
	padding-left:5px;
	
	
}
#column-2 
{ 
	width:258px;
	margin-right:4px;

}

#column-3 
{
	width:234px; 
	margin-right:4px;
	background:#1c2a43;
}
#sport-columns 
{
	width:994px;
	margin-top:15px;
}


#sport-column-1 
{ 	
	width:486px;
	margin-right:5px;
	padding-left:5px;
	
	
}
#sport-column-2 
{ 
	width:258px;
	margin-right:4px;

}

#sport-column-3 
{
	width:234px; 
	margin-right:4px;
	background:#1c2a43;
}

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

#events-tab ul.tabset
{ 
	margin:0; 
	padding:0; 
}

#events-tab ul.tabset li 
{ 
	float: left; 
	list-style: none; 
	text-indent: -9999px; 
}

#events-tab ul.tabset span 
{ 
	display: none; 
}


#events-tab ul.tabset
{ 
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-events2.gif"); /*change to your button image*/
	height: 27px; 
	width: 486px;
}


#events-tab ul.tabset li, #events-tab ul.tabset a { display: block; height: 27px; }


/* tabs: #events-tab
 * ---------------------------------------------------------------------------- */


/* tabs: #store-tab
 * ---------------------------------------------------------------------------- */
#store-tab ul.ticketstabset
{ 
	margin:0; 
	padding:0; 
}

#store-tab ul.ticketstabset li 
{ 
	float: left; 
	list-style: none; 
	text-indent: -9999px; 
}

#store-tab ul.ticketstabset span 
{ 
	display: none; 
}


#store-tab ul.ticketstabset
{ 
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-store2.gif"); /*change to your button image*/
	height: 26px; 
	width: 258px;
}


#store-tab ul.ticketstabset li, #store-tab ul.ticketstabset a { display: block; height: 26px; }

/* tabs: #store-tab
 * ---------------------------------------------------------------------------- */


#av-events, #av-events * { margin:0; padding:0; }

#av-events {
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-btn-av.gif") no-repeat; /*change to your button image*/
	height: 31px;
	width: 234px;
	}

	#av-events li, #tab-events a {display:block; height: 31px; } /**/

	#av-col3-video {width:121px;}
	#av-col3-audio {width:113px;} 

	#av-events li { float: left; list-style: none; _display: inline; }
	#av-events span { display: none; }

#av-events.on-col3-video #av-col3-video { background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-btn-av.gif")  0px -31px; } 
#av-events.on-col3-audio #av-col3-audio { background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-btn-av.gif") -168px -31px; }

#wrap-events {
	width: 234px;
	height: 100px;
	overflow: auto;
	} /*dimensions of the box your content appears in*/

	#wrap-events div ul li {
		list-style-type:none;
		}

	#wrap-events ul {
		margin:0;
		padding-left:20px;
		padding-top:6px;
		}	


#wrap-events a { color:#d0b27d;text-decoration:underline; }/*any links displayed within content area*/
#wrap-events a:hover {text-decoration:none;}

/* tabs: #av-tab
 * ---------------------------------------------------------------------------- */



/*EVENT TABS*/
#tab-events { width: 161px; } /*change #tab-schedule to #tab-YOURBUTTONNAME - do the same for all your buttons*/
#tab-results { width: 164px; } 
#tab-photos { width: 161px; }
/*EVENT TABS*/

/*TICKETS TABS*/
#tab-store { width:86px; } 
#tab-tickets { width: 86px; } 
#tab-auctions { width: 86px; }
/*TICKETS TABS*/

/*VIDEO TABS*/
#tab-video { width:121px; } 
#tab-audio { width:113px; } 
/*VIDEO TABS*/

/*change on-schedule #tab-schedule to on-YOURBUTTONNAME #tab-YOURBUTTONNAME - do the same for all your buttons */
#events-tab.on-events #tab-events { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-events2.gif") 0 -27px; }
#events-tab.on-results #tab-results { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-events2.gif") -161px -27px; }	
#events-tab.on-photos #tab-photos { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-events2.gif") -326px -27px; }

#store-tab.on-store #tab-store { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-store2.gif") 0 -26px; }
#store-tab.on-tickets #tab-tickets { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-store2.gif") -86px -26px; }	
#store-tab.on-auctions #tab-auctions { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-tabs-store2.gif") -172px -26px; }

#av-tab.on-video #tab-video { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-btn-av.gif") 0 -31px; }
#av-tab.on-audio #tab-audio { background: url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-btn-av.gif") -122px -31px; }	


/*change to YOURBUTTONNAME*/
#events, #results, #photos
{
	height: 300px;
	width:476px;
	
	padding:5px 5px 0px 5px;
	overflow: auto; 
	background:#fff;
}


#store, #tickets, #auctions 
{
	height: 150px;
	width:246px;
	_width:246px;
	padding:5px 5px 0px 5px;
	overflow: auto; 
	background:#fff;
	border-top:none;
	border-bottom:none;
	border-left:1px solid #1c2a43;
	border-right:1px solid #1c2a43;
}

#audio, #video
{
	height:100px;
	width:224px;
	_width:224px; 
	padding:5px 5px 0px 5px;
	overflow: auto; 
	background:#1c2a43;
}

#audio a, #video a
{
	color:#d0b27d;
	font-size:10px;
}

#fanpoll
{
	width:246px;
	border:1px solid #1c2a43;
	padding:5px 5px 5px 5px;
	border-bottom:none;
	border-top:none;
}



/* lead-headlines-block & relativeFrame & transparency
 * ---------------------------------------------------------------------------- */

#lead-headlines-block 
{ 
	width:486px;
	height:410px;
	background:#d0b27d;
	_width:482px;
	
}
#lead-photo
{
	padding:2px 0 0 2px;
	
}

#relativeFrame 
{
	position: relative; 
	top:0px;
	z-index: 1; 
}

#relativeFrame div 
{
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	padding:7px 10px 7px 10px;
	width:466px;
}

#relativeFrame div#frm0 
{ 
	visibility: visible;
}



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

.lead-headlines, .lead-headlines * 
{ 
	margin: 0; 
	padding: 0;
	color:#1c2a43;
	font-size:11px;
}

.lead-headlines div { 
	color: #1c2a43;
	width: 486px;
	position: absolute;
	top:0px;
	left:0px;
	
	}

.lead-headlines h2 a
{
	font-size: 13px;
	color:#1c2a43;
	font-weight:bold;
	
}

.lead-headlines h2 a:hover
{
	font-size: 13px;
	color:#000;
	font-weight:900;
	text-decoration:none;
	
}


.lead-headlines p.date {
	font-size:11px;
	font-weight: bold;
	margin: 0;
	color:#1c2a43;
	}


	
.sec-date
{
	font-size:10px;
	font-weight: bold;
	color:#000;	
}

.sec-headline a
{
	font-size:11px;
	color:#1c2a43;	
}

.sec-headline a:hover
{
	font-size:11px;
	color:#000;
	text-decoration:none;	
}

#controls
{
	margin-left:2px;
	_margin-left:2px;
	_margin-right:0px;
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bsi-controls-bg.gif") no-repeat;
	width:482px;
	_width:478px;
	height:31px;
	padding:3px 0 0 7px;
}


#control-numbers
{
	float:right;
	position:relative;
	top:-20px;
	left:-10px;
	_left:-10px;
}





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

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

#nav {
	background: url("../Images/WMDYMenu.gif") no-repeat;
	height: 29px;
	position: relative;
	width: 1050px;
	z-index: 99; 
	}
	
#nav span { display:none; }

#nav ul.multi 
{ 
	float:left; 
	margin-left: 122px; 
}

#nav li, #nav a {
	font-size: 11px;  
	height: 29px;
	display: block;
	}

#nav li { float: left; }


#nav-01 { width:138px; }
#nav-02 { width:155px; }
#nav-03 { width:93px; }
#nav-04 { width:117px; }
#nav-05 { width:118px; }
#nav-06 { width:134px; }
#nav-07 { width:138px; }
#nav-08 { width:156px; }

#nav-01 a:hover { background: url("../Images/WMDYMenu.gif") 	0 	-29px }
#nav-02 a:hover { background: url("../Images/WMDYMenu.gif") -138px -29px }
#nav-03 a:hover { background: url("../Images/WMDYMenu.gif") -293px -29px }
#nav-04 a:hover { background: url("../Images/WMDYMenu.gif") -386px -29px }
#nav-05 a:hover { background: url("../Images/WMDYMenu.gif") -503px -29px }
#nav-06 a:hover { background: url("../Images/WMDYMenu.gif") -621px -29px }
#nav-07 a:hover { background: url("../Images/WMDYMenu.gif") -755px -29px }
#nav-08 a:hover { background: url("../Images/WMDYMenu.gif") -893px -29px }

#nav-01:hover>a { background: url("../Images/WMDYMenu.gif") 	0 	-29px }
#nav-02:hover>a { background: url("../Images/WMDYMenu.gif") -138px -29px }
#nav-03:hover>a { background: url("../Images/WMDYMenu.gif") -293px -29px }
#nav-04:hover>a { background: url("../Images/WMDYMenu.gif") -386px -29px }
#nav-05:hover>a { background: url("../Images/WMDYMenu.gif") -503px -29px }
#nav-06:hover>a { background: url("../Images/WMDYMenu.gif") -621px -29px }
#nav-07:hover>a { background: url("../Images/WMDYMenu.gif") -755px -29px }
#nav-08:hover>a { background: url("../Images/WMDYMenu.gif") -893px -29px }


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

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

	#nav ul {
		border: solid #1c2a43;
		border-width: 0 1px;
		left: -9999px;
		top: 29px;
		position:absolute;
		z-index:99;
		display:block;
		}


	#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; background-color: #1c2a43; color: #fff;}

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


	#nav li li a {
		background: #fff;
		color: #1c2a43;
		display: block;
		padding: 3px;
		text-decoration:none;

		_width: 100%
		}

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

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

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

.nav-hdr li
{
	background: #1c2a43; 
	color: #fff	
}

	/* 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;background-color: #1c2a43; color: #fff; }

	#nav li ul li ul li a {
		height: 18px;
		width: 100%;
		}

	#nav li li.tall, #nav li li.tall a {
		height:29px;
		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: #1c2a43; color: #fff; font-weight: bold }
/* navigation: #nav 
*/



/*SPORT BODIES*/

#sport-header-nav
{
	width:1050px;
	height:40px;

}
#sport-header
{
	width:516px;
	height:40px;
	float:left;
}

#sport-nav
{
	height:30px;
	width:534px;
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bg-sport-nav.gif");
	float:right;
	padding-top:10px;
}

#sport-body-nav
{
	height:30px;
	width:534px;
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bg-sport-nav.gif");
	float:right;
	padding-top:10px;
	
}
#sport-body-nav a
{
	font-size:12px;
	color:#d0b27d;
	text-decoration:none;
}
#sport-nav a
{
	font-size:12px;
	color:#d0b27d;
	text-decoration:none;
}


#sport-nav a:hover
{
	color:#fff;
}

#flashcontainer
{
	width:1050px;
	background:#000;
	display:block;
}

#sport-lead-headlines-block 
{ 
	width:486px;
	background:#d0b27d;
	
}
#sport-lead-headlines-block img{
display:block;
}

#lead-sport-photo
{
	padding:2px 0 0 2px;
}

#second-lead
{
	background:#fff;
	width:486px;
	height:130px;
}

#lead-headline1
{
	width:466px;
	padding:10px 10px 0 10px;
}

.sport-headline
{
	color:#1c2a43;
	font-size:12px;
	font-weight:bold;
}

.sport-headline a:hover
{
	color:#000;
}


.sport-date
{
	color:#1c2a43;
	font-size:11px;	
}

.sport-synopsis
{
	color:#1c2a43;
	font-size:11px;	
}


#secondary-headlines-blocks
{
	width:466px;
	padding:10px 10px 10px 10px;
}

#lead-headline2
{
	width:466px;
	padding:10px 10px 10px 10px;
}

#sec-sport-photo
{
	width:75px;
	float:left;
	padding:15px 10px 15px 0;
}

#lead-headline2
{
	float:right;
	width:386px;
	padding:15px 10px 10px 0px;
}
#sport-lead-bottom-curve{
margin:0;
padding:0;
background:url('http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bsi-bottom-round.gif') no-repeat;
width:486px;
height:10px;
display:block;
}

#panth-pieces-wrap
{
	border-left:1px solid #1c2a43;
	border-right:1px solid #1c2a43;
	background:#fff;
	padding:5px 5px 5px 5px;
	overflow:auto;
	width:246px;

}

#panth-pieces-wrap a
{
	color:#1c2a43;
	font-size:11px;
}


#story-wrap
{
	width:970px;
	margin:10px 15px 10px 15px;
	color:#000;
	font-size:11px;
}
#story-wrap a
{
	color:#1c2a43;
}

#story-wrap h2
{
	color:#1c2a43;
	font-size:13px;
	font-weithg:bold;
}

#non-sport-header
{
	width:1000px;
	background:#16243e;
	background:url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bg-sport-nav.gif");
	height:40px;
	
}

/*CALENDAR*/
.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0px; 
	padding: 0px;
	  
}

.calendar { width: 100%;}
.calendar td { padding: 1px 3px; }
.calendar td.dailydate { color: #1c2a43; font-weight: bold;font-size:14px; }
.calendar tr.categories td { height:15px; background-color: #1c2a43; color: #d0b27d; font-weight: bold;font-size:12px;}
.calendar tr.calendar-info td {color: #000; font-size:11px;}

.calendar tr.calendar-info td a:active{color: #000; font-size:11px;text-decoration:none;}
.calendar tr.calendar-info td a:visited{color: #000; font-size:11px;}
.calendar tr.calendar-info td a:link{color: #000; font-size:11px;}
/*CALENDAR*/


#galleryblock {
        width: 456px;
        background:#FFF;
        font: 10px Arial, san-serif;
        margin:auto 0;
padding:0 0 0 20px;

        }
#galleryblock ul li {
        list-style-image: url("http://grfx.cstv.com/schools/pitt/graphics/spacer.gif");
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        color:#fff;
       	width:1px;
		height:1px; }
#galleryblock li {
        float: left;
        margin: 0px;
        padding:0 8px 0 0;
        width: 140px;
        text-align: center;
		list-style-image: url("http://grfx.cstv.com/schools/pitt/graphics/spacer.gif");
	height:125px; }
#galleryblock li a:link, #galleryblock li a:visited { /*VIEW LINK FORMATTING*/
        font-family:Arial;font-size:11px;
        color:#000;
        text-decoration: none;
        }
#galleryblock img {     
        display: block;
        border: none;
        width: 140px;
        height: 100px;
       float:left;
        }
        



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

#sport-search, #search, #search * 
{
 	margin:2px 0 0 7px; 
	padding:0;
}


#sport-search
{
	float:right;
	position:relative;
	top:-25px;
	left:0px;
}	



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


/* 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 {
	
	padding:10px 34px 10px 30px;
	text-align: center;
	width: 986px
	}
	

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	background: #fff url("http://grfx.cstv.com/schools/pitt/graphics/pitt-07-bg-footer.gif") no-repeat;
	color: #000;
	padding: 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #444 }
	#footer a:hover, #footer a:active { color: #666 }
