/**
*
*
*
* This CSS layouts out the pages
*
*
*
*
*
*
*
*
*
*
*
*/

#topBanner {
	width:1060px;
	height:49px;
	margin:0 auto;
}
#topBanner #oneclickLogo {
	float: left;
	height: 39px;
	width: 141px;
	margin:9px 25px 0 0;
}
#topBanner #scrollingHeadlines {
	width: 740px;
	height: 13px;
	padding-top: 18px;
	padding-bottom: 18px;
	float: left;
}
#topBanner #scrollingHeadlines #scrollingArrow {
	margin:0 16px;
	float:left;
}
#topBanner #scrollingHeadlines .scrolling-level {float:left;}

#topBanner #scrollingHeadlines #scrollup {
	position: relative;
	overflow: hidden;
	height: 25px;
	width: 555px;
	float:left;
	margin-top: -6px;
}
#topBanner #scrollingHeadlines #scrollup .scrolling-headline {
	position: absolute;
	top: 35px;
	left: 5px;
	height: 20px;
	width:545px;
}
#topBanner #scrollingHeadlines a, #topBanner #scrollingHeadlines {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
/*
#topBanner #scrollingHeadlines a .scrolling-level {
	letter-spacing: .05em;
	text-transform: uppercase;
}
#topBanner #scrollingHeadlines a .scrolling-headline {
	letter-spacing: .05em;
}
*/
#topBanner #oneclickNetworkSearch {
	/*
	float: right;
	margin: 6px 0 0 0;
	font-size:12px;
	color:#7FAE2F;
	font-weight: bold;
	width:150px;
	text-align:right;
	*/
	position: absolute;
	top:12px;
	right:20px;	
}
#subContainer {
	width: 1060px;
	background-image: url(../images/layout/subContainerShadow.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
	padding:0 10px;
	min-height:800px;
}
#subContainer #header {
	height: 135px;
}
#subContainer #header #headerGradient {
	height: 135px;
	background-image: url(../images/layout/headerGradientTextured.png);
	background-repeat: no-repeat;
}
.box1 {
	font-size: 12px;
}
#subContainer #header #teamLogo {
	float: left;
	margin-top: 12px;
}
#leaderboard {
	width:728px;
	height:90px;
	margin:22px 22px 0 0;
	float:right;	
}
#subContainer #header #topAd {float:right; margin:10px 72px;}
#subContainer #header a {
	font-size: 14px;
	font-weight: bold;
	color: #E8BC03;
	text-decoration: none;
	display: block;
	float: left;
}
#subContainer #header a:hover { color:#C6C6C6;}
#subContainer #header #searchHeadlineForm {
	float: right;
	padding:14px 38px 0 0;
}
#subContainer #header #searchHeadlineForm #searchHeadlines {
	float: left;
	border: 1px solid #939393;
	height: 17px;
	padding:4px;
	font-size: 15px;
	color: #000;
}
#subContainer #header #searchHeadlineForm #searchButton {
	height: 27px;
	width: 28px;
	background-image: url(../images/searchIcon.png);
	background-repeat: no-repeat;
	border:none;
}
#subContainer #mainNav {
	height: 25px;
	margin-top: 3px;
}
#subContainer #mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#subContainer #mainNav ul li {
	float: left;
}
.contribute { width:160px; height:19px; padding-top:3px; display:block; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; margin-right:3px;}
a.contribute:hover {
	background-image: url(../images/suttleOverlay.png);
	background-repeat: repeat;
}
.current {color:#000 !important;}
.main {font-size:12px; font-weight:bold; color:#FFF; width:532px; display:block; background-color:#A3A3A4; height:22px;  text-transform:capitalize; text-align:center;}
#subContainer #mainNav ul .main a {
	float:left;
	color:#FFF;
	margin:4px 10px 0 11px;
	text-decoration: none;
	display: block;
	float: left;
}
#subContainer #mainNav ul .main a:hover {color:#A50010;}
.refresh, .RSS, .tweet, .video, .schedule, .roster {
	color:#E8BC03; /*old color:#C0C0C0 */
	font-size:12px; 
	font-weight:bold; 
	text-transform:capitalize; 
	display:block; 
	background-color:#606060; 
	text-align:center;
	padding:5px;
	height:12px;
	margin-left:3px;
	background-position:8px center;
	width:77px;
	
}
.refresh:hover, .RSS:hover, .roster:hover, .schedule:hover {background-color:#A50010;}
.refresh {
	background-image: url(../images/refresh.png);
	background-repeat: no-repeat;
	padding-left: 7px;
	cursor: pointer;
}
.RSS {
	background-image: url(../images/RSS.png);
	background-repeat: no-repeat;
	padding-left: 6px;
}
.tweet {
	<!-- 
	background-image: url(../images/tweet.png);
	background-repeat: no-repeat;
	-->
	padding-left: 7px;
}
.video {
	width:79px;
	<!-- 
	background-image: url(../images/youTube.png);
	background-repeat: no-repeat;
	 -->
	padding-left: 6px;
}
.roster {
	background-image: url(../images/schedule-roster-icon.png);
	background-repeat: no-repeat;
	padding-left: 7px;
}
.schedule  {
	background-image: url(../images/schedule-roster-icon.png);
	background-repeat: no-repeat;
	padding-left: 5px;
	text-align:right;
}
a.video, a.tweet {cursor: default;}
#subContainer #subNav {
	height: 17px;
	background-image: url(../images/layout/subNavGradient.png);
	padding-left: 10px;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
	color: #C0C0C0;
}
#subContainer #subNav span {color:#FFF; margin:0 8px;}
#subContainer #subNav a {color:#FFF; margin-right:11px;}
#subContainer #subNav a.current {color:#000 !important;}
#subContainer #subNav a:hover {color:#E8BC03;}

#content {padding:17px; width:1026px;}
#content, #mainContent {background-color:#FFF;}
#subHLRow {height:87px; margin-bottom:15px;}
#subHLBox {
	float:left;
	height:81px;
	margin: 0 0 0 15px;
	width:245px;
	border-top:3px solid #fff;
	padding-top:3px;
}
#subHLBox:hover {border-top:3px solid #A50010;}
#subHLBox.first {margin-left: 0px;}

#subHLBox h2 a {
	color: #222;
	background-color:#F2F2F2;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:36px;
	line-height:19px;
	margin-bottom:3px;
	overflow:hidden;
	padding:11px 8px;
}
#subHLBox span {
	background-image:url(../images/layout/subHL-gradient.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:19px;
	padding:3px 14px 0;
}
#mainContent {
	width:711px;
	clear:both;
	float: left;
	padding-right: 15px;
}
#mainContent h1 {line-height:37px; margin:11px 0 20px;}
#mainContent h1 a {font-size:31px; font-weight:bold; color:#000;}
#mainContent h1 a:hover, #mainContent p a {color:#A50010;}
#mainContent p a:hover {text-decoration:underline;}
#mainContent #inlineNav {font-size:10px; height:17px; margin:20px 0;}
#mainContent .inputBox {border:1px solid #666; padding:2px; background-color:#ECECEC;}
#mainContent p.error {color:#CF0C0C; font-weight: bold;}

#mainContent p#mainHeadlineDetails {
	background-color:#A50010; 
	padding:5px 10px; 
	margin-bottom:15px;
	color:#E8BC03;
	font-size:11px;
}
#mainContent p#mainHeadlineDetails a {color:#E8BC03;}

#mainContent #inlineNav .pageInfo,  
#mainContent #inlineNav a,
#mainContent #inlineNav span {
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:15px;
	padding-top:2px;
}
#mainContent #inlineNav .pageInfo {
	width:431px;
	padding-left:7px;
}
#mainContent #inlineNav .box {
	width:84px;
	margin-left:3px;
	background-color:#797979;
	text-align:center;		
}
#mainContent #inlineNav #prev, #mainContent #inlineNav #next {
	width:46px;
	margin-left:3px;
	text-transform:uppercase;
}
#mainContent #inlineNav #prev {
	background-image:url(../images/arrowLeft.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
	padding-left:14px;
	width:32px !important;
}
#mainContent #inlineNav #next {
	background-image:url(../images/arrowRight.png);
	background-position:38px 4px;
	background-repeat:no-repeat;
	padding-left:8px;
	width:38px !important;
}
#mainContent #inlineNav .disabled {	
	background-color:#D6D6D6;
	cursor: default;
}

/* 
 * Headlines
 */
#headlines h3, #headlines h3 a {
	color: #000;
	font-weight: bold;
	line-height: 22px;
	margin-bottom:3px;
}

#headlines p { padding: 2px 14px;}
#headlines p, #headlines p a {
	color:#000;
	margin-bottom:13px;
	font-size:11px;
	background-color: #F5F5F5;
}
#headlines a, #headlines span {margin:0 2px;}

#headlines a:hover {color:#848484; text-decoration:underline;}
#headlines h3 a:visited {color:#C0C0C0;}
#headlines p span.newHeadline {color:#FF0000 !important; font-weight: bold;}

#ad-468x60 {text-align: center;}

/*
 * Single Headline Page
 */
#headlineDetails h3, #headlineDetails h3 a {color:#737373; margin-bottom:12px;}
#headlineDetails h3 a:hover {text-decoration:underline;}
#headlineDetails p {font-size:15px; margin-bottom: 24px;}
#headlineDetails p a {color:#A50010; font-weight:bold;}
.headlineImage {float:left; margin-right:10px;}
#headlineInfoBar {color:#A50010; font-size:15px; padding:4px 8px; margin:18px 0 0}
#headlineInfoBar.ui-corner-all {-moz-border-radius:5px;}

p.moreHeadlines {font-size:15px; margin:5px 0 5px 17px;}

/*
 * Sidebar
 */
#sidebar {
	width:300px;
	float:right;
	margin-bottom:13px;
}
#sidebar #updateBar {
	font-size:10px;
	font-weight:bold;
	padding:4px 0;
	text-align:center;
	margin-bottom: 3px;
} 
#sidebar #altHeadlineTabs {
	border-bottom:3px solid #A50010;
	height:33px;
	width:300px;
}
#sidebar #altHeadlineTabs div {
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:150px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	
}
#sidebar #altHeadlineTabs div:hover {cursor:pointer;}
#sidebar #altHeadlineTabs .tabOn {
	background-color:#A50010;
	color:#FFFFFF;
	height:17px;
	padding:8px 0;
}
#sidebar #altHeadlineTabs .tabOff {
	background-color:#CDCDCD;
	color:#000000;
	height:16px;
	padding:7px 0;
	width:147px;
}
#sidebar #altHeadlineTabs .tabOff.R {margin-left:3px;}
#sidebar #altHeadlineTabs .tabOff.L {margin-right:3px;}

#sidebar #altHeadlines { margin-bottom:10px;}
#sidebar #altHeadlines #altFirst {
	background-color: #A50010;
	padding: 11px;
	min-height: 48px;
	margin: 2px 0 3px;
	overflow: hidden;
}
#sidebar #altHeadlines #altFirst.gradient {
	background-image: url(../images/layout/altHeadlineGradient.png);
	background-repeat: no-repeat;
}
#sidebar #altHeadlines #altFirst h4 a {
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #FFF;
}
#sidebar #altHeadlines #altFirst p {
	color: #FFF;
	padding:0;
}
#sidebar #altHeadlines p {
	font-size: 11px;
	color:#000;
	padding:10px;
}
#sidebar #altHeadlines p a {
	color: #A50010;
	font-weight:bold;
}

.even {border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}
.odd {background-color: #F4F4F4;}

/* Ads */
#squareAd {margin:10px 0;}
#skyscraper {
	text-align: center;
}
#promo a {
	background-color:#808080;
	display:block;
	color:#FFF;
	text-align:center;
	font-size:23px;
	text-transform:uppercase;
	font-weight:bold;
	padding:15px 0;
	margin: 10px 0;
}
/* Archives */
#archives {
	clear:both;
	border-top:2px solid #C5C5C5;
}
#archives ul {
	list-style-type:none;
	margin:7px 0;
	padding:0;
}
#archives li {
	border-left:1px solid #A9A9A9;
	float:left;
	padding:8px 15px;
	width:180px;
	height:80px;
}
#archives li.first {
	border-left-style:none;
	padding-left:0;
}
#archives li.last {
	padding-right:0;
}
#archives h5 {margin-bottom:6px;}
#archives h5 a {
	font-size:14px;
	color:#424242;
}
#archives p a {
	font-size:10px;
	line-height:18px;
	color:#000;
}

/* Footer */
#footer {
	background-color:#A50010;
	padding:10px 20px 5px;
	margin-bottom:3px;
}
#footer h3 {margin-bottom:8px;}
#footer #description {
	width:295px;
	height: 145px;
	float:left;
	margin-right:68px;
}
#footer #description img {
	float:left;
	margin:0 11px 6px 0;
}
#footer h3 {
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}
#footer #description p {
	font-size:11px;
	line-height:15px;
	color:#FFF;
}

#footer ul {margin:0; padding:0;}
#footer #quickLinks li {list-style:none;}
#footer p, #policy p, #footer ul {
	font-size:9px;
	line-height:14px;
	color:#FFF;
}
#footer p a, #policy p a, #quickLinks a  {
	color:#FFF;
}
#footer #theNetwork {float:right; width:500px;}
#footer p.meta {
	clear:both;
	margin-top: 120px;
	text-align: center;
}
#policy {
	background-color: #000;
	padding:7px 20px;
}
