/*********************************************************************   
GATORADE FREE FLOW STYLES, AND GATORADE FREE FLOW SPECIFIC LAYOUT ELEMENTS 
Client:	Alli Sports
Project: 2010 Redesign
Author:	Jessica Brown http://omniti.com/
Date:	3.30.10

GLOBAL STYLES
**********************************************************************/
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#new_footer_gfft{
		display:none;
		
	}
	
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	#new_footer_gfft{
		display:none;
		
	}
	
	
}


body {
background: #000 url(/images/GFFT-background.jpg) fixed top center no-repeat;
color: #fff;
}

a {
color: #fff;
text-decoration: none;
}

input {
color: #000;
}

/*********************************************************************
PAGE STRUCTURES
**********************************************************************/
#container {
background: url(/images/bkg_black-80.png) repeat;
}
/*********************************************************************
HEADER - holds logo, main nav, ad, login, site search, section nav
**********************************************************************/
#header #social-nav li a.facebook {
background-position: top left;
}

#header #social-nav li a.twitter {
background-position: -40px 0px;
}

#header #social-nav li a.hookit {
background-position: -80px 0px;
}

#header #social-nav li a.rss {
background-position: top right;
}

#header #user-login {
color: #fff;
}

#header #user-login li.border {
border-right: 1px solid #fff;
}

#header #user-login li a {
color: #fff;
}

#header #user-login li a:hover {
color: #F47735;
}

#header #site-search #search-submit {
background-position:  0px -72px;
}

#header #site-search #search-field {
width: 156px;
height: 20px;
border: 1px solid #000;
}

/*********************************************************************
MAIN NAV
**********************************************************************/
#main-nav li.border, #main-nav li:last-child {
border-left: 1px solid #58595B;
}

#main-nav li:first-child {
background: url(/images/icon_alli-nav-gatorade.gif) top left no-repeat;
}

#main-nav li a {
color: #58595B;
}

#main-nav li a.yellow {
color: #E1B325;
}

#main-nav li a:hover {
color: #999;
}

/*********************************************************************
SECTION NAV
**********************************************************************/
#season {
padding:0;
margin:0;
height:21px;
background: url(/images/bkg_nav-gatorade.jpg) bottom left no-repeat;
}
#season a {
border:0;
}
#season img {
padding:0;
margin:0 4px 0 0;
}
#section-nav {
padding-top:5px;
}

#section-nav li {
font-size: 1em;
}

#section-nav li a {
letter-spacing: .05em;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#section-nav li {
/*border-right: 1px solid #fff;*/
background: url(/images/gfft_nav_pipe.gif) bottom right no-repeat;
}

#section-nav ul.sub-nav li, #section-nav ul.tertiary-nav li  {
border: none;
background: url(null);
}

#section-nav li.on a {
background: none;
color: #F47735;
}

#section-nav li a:hover, #section-nav li.active a, #section-nav li.on a:hover {
color: #F47735;
background: url(/images/bkg_subnav-gatorade.png) repeat;
}

#section-nav ul.sub-nav {
background: url(/images/bkg_subnav-gatorade.png) repeat;
top:55px;
}

#section-nav ul.sub-nav li:hover {
background: url(/images/bkg_tertnav-gatorade.png) repeat;
}

#section-nav ul.sub-nav li a {
color: #fff;
font-weight: normal;
letter-spacing: .05em;
font-family: "GatoradeMed", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#section-nav ul.sub-nav li:hover a {
color: #F47735;
background: none;
}

#section-nav ul.tertiary-nav {
background: url(/images/bkg_tertnav-gatorade.png) repeat;
}

#section-nav ul.sub-nav ul.tertiary-nav li a {
color: #fff;
}

#section-nav ul.sub-nav ul.tertiary-nav li:hover a {
color: #F47735;
}
/*********************************************************************
CTA - small
**********************************************************************/
#cta-small .cta-small-panels div span {
bottom: 0;
background: url(/images/bkg_black-50.png) repeat;
font-size: 28px;
line-height: 1em;
padding: 8px 14px;
width:620px;
}

#cta-small .cta-small-panels div span p.cta-date {
color: #fff;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#cta-small .cta-small-panels div span a {
background: none;
padding: 0;
color: #fff;
letter-spacing: .03em;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#cta-small .cta-small-panels div span a:hover {
color: #F47735;
}

/*********************************************************************
SEARCH RESULTS
*********************************************************************/
.filter-search {
background: #000;
border-bottom: 1px solid #F9A350;
}

#search-results ul li {
border-bottom: 1px solid #F9A350;
}

#search-results a {
color: #fff;
}

#search-results a:hover {
text-decoration: underline; 
}

#search-results span {
color: #F47735;
}

#search-results p a {
color: #F47735;
}

#search-results p a:hover {
color: #fff;
}

#featured-search-result {
color:#fff;
border-bottom:1px dashed #F9A350;
border-top:1px dashed #F9A350;
}

/*********************************************************************
CONTENT COLUMNS
**********************************************************************/
/*column header*/
.col-header h2 {
padding: 7px 0 9px 44px;
margin: 0 0 6px 0;
text-transform: uppercase;
background: url(/images/icon_gatorade.gif) top left no-repeat;
border-bottom: 1px solid #F9A350;
letter-spacing: .05em;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

.col-header h2 .event-name {
display:block;
font-size: .689em;
line-height: 1em;
letter-spacing: .055em;
color: #F47735;
}

.col-header ul li {
border-right: 1px solid #fff;
font-size: .75em;
font-family: "GatoradeMed", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

.col-header ul li.last {
border: none;
}

.col-header ul li.on a, .col-header ul li a:hover  {
color: #F47735;
}

.col-header ul li a {
color: #fff;
}

dl hr {
color: #F9A350;
background-color: #F9A350;
}

dl .ie-rule {
border-bottom: 1px solid #F9A350;
}

#on-alli hr {
color: #000;
background-color: #000;
}

#on-alli .ie-rule {
border-bottom: 1px solid #000;
}

#on-alli .date {
color: #666;
}

dl h3 {
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
letter-spacing: .03em;
line-height: 1.1em;
}

dl a {
color: #fff;
font-weight: normal;
}

dl a:hover {
color: #999;
}

dl p a {
color: #fff;
font-style: italic;
font-weight: normal;
}

dl p a:hover {
color: #999;
}

dl .date {
color: #F9A350;
font-weight: bold;
}

.content-list li {
border-bottom: 1px solid #F9A350;
}

.content-list h5 {
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
letter-spacing: .03em;
}

.content-list h5 a {
color: #fff;
line-height: 1.1em;
font-weight: normal;
}

.content-list h5 a:hover {
color: #999;
text-decoration: underline;
}

.content-list p a {
color: #fff;
font-style: italic;
font-weight: normal;
}

.content-list p a:hover {
color: #999;
}

.content-list .date {
color: #F9A350;
font-weight: bold;
}

/*article leading image*/
#leading-image span {
padding: 8px 14px;
color: #fff;
background: url(/images/bkg_black-80.png) repeat;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#leading-image h3 {
padding: 0;
line-height: 1em;
background: none;
}

#leading-image.left-align span {
width: 300px;
}

#leading-image.right-align span {
width: 300px;
text-align: right;
}

#leading-image.bottom-align span {
height: 90px;
}

.content a {
color: #999;
}

.content a:hover {
color: #fff;
}

.content h1 {
color: #F47735;
text-transform: uppercase;
letter-spacing: .03em;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

.content h2 {
letter-spacing: .03em;
font-family: "GatoradeMed", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

.content h3 {
color: #F9A350;
}

.content h5 {
color: #F9A350;
}

.content blockquote {
border-top: 1px solid #F9A350;  
border-bottom: 1px solid #F9A350;
font-weight: bold;
text-transform: uppercase;
}

.content blockquote p {
font-style: normal;
font-weight: normal;
text-transform: capitalize;
}

.content p.date {
color: #fff;
font-weight: bold;
}

/*********************************************************************
GATORADE EVENT NAV
**********************************************************************/
#event-tabs {
margin: 0 0 18px 0;
padding: 0;
text-transform: uppercase;
width: 100%;
position: relative;
}

#event-tabs strong {
font-weight: bold;
}

#event-tabs ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#event-tabs #event-tab-nav li {
position: relative;
float: left;
font-size: .814em;
}

#event-tabs #event-tab-nav li a {
display: block;
color: #000;
background: #F47735;
padding: 8px 13px;
font-family: "GatoradeMed", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#event-tabs #event-tab-nav li a:hover {
/*background: #F9A350;*/
color: #fff;
} 

#event-tabs #event-tab-nav li.ui-state-active a, #event-tabs #event-tab-nav li.ui-state-active a:hover {
color: #000;
}

#event-tabs #event-tab-nav li.ui-state-active a {
background-color: #fff;
background-image: url(../i/bkg_event-tabs-sprite-gatorade.gif);
background-repeat: no-repeat;
background-position: left -41px;
}

#event-tabs #event-tab-nav li:first-child.ui-state-active a {
background-position: top right;
}

.slider {
border-top: 22px solid #fff;
border-bottom: 22px solid #fff;
border-right: 7px solid #fff;
border-left: 7px solid #fff;
padding: 0 9px;
height: 295px;
width: 268px; 
clear: both;
background: #000;
}

#slider-2 {
position: absolute;
top: 31px;
}

#slider-1 {
*position: absolute;
}

.slider ul, .slider li {
margin:0;
padding:0;
list-style:none;
height: 295px;
width: 268px; 
}

.slider li { 
height: 295px;
width: 268px; 
overflow: hidden;
}
	
#slider1next, #slider2next { 
position: absolute;
bottom: 5px;
left: 47%;
z-index: 1000;
}
	
#slider1prev, #slider2prev { 
position: absolute;
top: 37px;
left: 47%;
z-index: 1000;
}														

#slider1next a, #slider2next a, #slider1prev a, #slider2prev a {  
color: #fff;
text-align: center;	
background-image: url(../images/bkg_event-scroll-sprite-gatorade.gif);
width: 13px;
height: 11px;
background-repeat: no-repeat;
overflow: hidden;
text-indent: -9999px;
line-height: 0em;
display: block;
}	

#slider1next a, #slider2next a {  
background-position: bottom center;
}

#slider1prev a, #slider2prev a {
background-position: top center;
}

#event-tabs .event-tab li div {
padding: 13px 0;
border-bottom: 1px solid #fff; 
text-align: center;
font-size: 1.437em;
}

#event-tabs .event-tab li div a {
letter-spacing: .05em;
font-family: "GatoradeBlack", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

#event-tabs .event-tab li div a:hover, #event-tabs .event-tab li div.on a {
color: #F47735;
}

#event-tabs .event-tab li div.last {
border: none;
}

#event-tabs .event-tab li .event-details {
display: block;
font-size: .608em;
letter-spacing: .05em;
font-family: "GatoradeMed", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}

/*********************************************************************
RANKINGS & RESULTS
**********************************************************************/
table {
width: 100%;
margin: 0 0 18px 0;
font-size: .75em;
text-transform: uppercase;
}

table tr th {
padding: 20px 0 3px 0;
border: none;
font-size: 1.083em;
font-weight: bold;
text-align: left;
}

table tr th.table-title {
font-size: 1.375em;
padding: 0 0 4px 0;
color: #fff;
font-weight: normal;
border-bottom: 1px solid #F9A350;
}

table tr th.table-title strong {
font-weight: bold;
}

table tr th.place-number, table tr td.place-number {
width: 20px;
}

table tr th.athlete-name, table tr td.athlete-name {
width: 120px;
text-align: left;
}

table tr td {
padding: 10px 5px 5px 5px;
border-bottom: 1px solid #fff;
}

table.results thead {
width: 100%;
}

table.results tbody {
width: 25%;
float: left;
}

table.results tbody td {
background: #fff;
color: #000;
padding: 5px 0;
}

table.results td.place-number {
padding: 5px 0 5px 5px;
}

table.results tbody.last {
margin-right: 0;
}

table.results tbody tr td.athlete-name {
width: 140px;
text-align: left;
}

table tr.stripes td {
background: #D0D2D3;
}

/*********************************************************************
SOCIAL UTILITIES 
**********************************************************************/
.social-utils {
color: #fff;
}

.social-utils a {
color: #fff;
}

.social-utils a:hover {
color: #666;
}

.social-utils .addthis_toolbox .custom_images .addthis_button_expanded {
border-left: 1px solid #fff;
}
/*********************************************************************
PAGER
**********************************************************************/
.pager li a {
color: #fff;
}

.pager li a:hover, .pager li.on a {
color: #666;
}

.pager li.on a, .pager li.on a:hover {
color: #F9A350;
}

/*********************************************************************
RATING STARS
**********************************************************************/
.rating-stars a {
background-image: url(/images/bkg_rating-star-sprite-gatorade.gif);
}
/*********************************************************************
PARTNERS
**********************************************************************/
table.partners {
border-bottom: 1px solid #F9A350;
}

table.partners tr th.table-title {
color: #fff;
}

table.partners p a {
color: #fff;
}

table.partners p a:hover {
color: #F47735;
}
/*********************************************************************
FOOTER
**********************************************************************/
#footer {
/* border-top: 1px solid #fff; */
color: #fff;
}

#footer li a {
color: #fff;
}
/*********************************************************************
AJAX SEARCH
**********************************************************************/
#ajax-search-results {
border: 1px solid #fff;
background: #000;
color: #B9BBBD;
}

#ajax-search-results a {
color: #F47735;
}

#ajax-search-results .alt-color {
background: #333;
}
/*********************************************************************
UTILITIES
**********************************************************************/
.ui-tabs .ui-tabs-hide {
visibility: hidden;
} 

.more {
color: #fff;
font-weight: bold;
font-size: .814em;
text-transform: uppercase;
letter-spacing: .05em;
font-family: "GatoradeMed", Arial, sans-serif;
font-weight: normal;
font-style: normal;

}

.more:hover {
color: #999;
}

/**********************************************************************
added by alli
***********************************************************************/

/* footer */
	#footer
	{
	clear: both;
	width: 960px;
	padding: 10px 0;
	color:#fff;
	float:left;
	margin:0px;
	}
	
	#footer span
	{
	clear:both;
	display:block;
	float:left;
	font-size:14px;
	}

	#footer ul
	{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align:left;
	width:170px;
	font-size:10px;
	}
	
	#footer ul li 
	{
	padding: 0 10px;
	width:170px;
	float:left;
	}
	
	#footer .mtvlinks .col-header
	{
	font-weight:bold;
	font-size:12px;
	}
	
	#footer ul li.last 
	{
	border-right: none;
	}
	
	#footer .mtvlinks
	{
	clear:both;
	border-top: 1px solid #fff;
	}

	
	.copyright 
	{ 
	color: #fff;
	float:right;
	font-size:10px;
	margin:2px 0 3px 2px;
	}

#nbc_logo{
	margin-top:20px;
	margin-left:34px;
	float:left;	
}
	
	
    
/*********************************************************************
FONTS
**********************************************************************/
@font-face {  
font-family: 'GatoradeMed';  
src: url('/static/fonts/Gatorade-Medium.eot'); /* IE */
src: local('Gatorade Medium'),  
url('/static/fonts/Gatorade-Medium.ttf') format('opentype'); 
font-weight: normal;
font-style: normal; 
} 
 
@font-face {  
font-family: 'GatoradeBlack';  
src: url('/static/fonts/Gatorade-Black.eot'); /* IE */ 
src: local('Gatorade Black'), 
url('/static/fonts/Gatorade-Black.ttf') format('opentype'); 
font-weight: normal;
font-style: normal; 
}

/******************************
* Recent Articles
******************************/
#recent-articles-h
{
font-size:.8em;
}

#recent-articles 
{
}