/*********************************************************************   
KING OF WAKE STYLES, AND KING OF WAKE SPECIFIC LAYOUT ELEMENTS 
Client:	Alli Sports
Project: 2010 Redesign
Author:	Jessica Brown http://omniti.com/
Date:	3.28.10

GLOBAL STYLES
**********************************************************************/
body {
background: #569eca url(/images/bkg_body-wake.jpg) top center no-repeat;
color: #fff;
}

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

input {
color: #939598;
}
/*********************************************************************
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.foursquare {
background-position: -118px top;
}

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

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

#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: #61BEDF;
}

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

#header #site-search #search-field {
width: 156px;
height: 20px;
border: 1px solid #939598;
}
/*********************************************************************
MAIN NAV
**********************************************************************/
#main-nav li.border, #main-nav li:last-child {
border-left: 1px solid #007698;
}

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

#main-nav li a {
color: #fff;
}

#main-nav li a.yellow {
color: #FFF100;
font-weight: normal;
}

#main-nav li a:hover {
color: #61BEDF;
}
/*********************************************************************
SECTION NAV
**********************************************************************/
#section-nav {
font-size: 1em;
}

#section-nav li a {
font-weight: bold;
text-shadow: 2px 2px 7px #111;
}

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

#section-nav li a:hover, #section-nav li.active a, #section-nav li.on a:hover {
color: #61BEDF;
background: url(/images/bkg_subnav-wake.png) repeat;
text-shadow: none;
}

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

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

#section-nav ul.sub-nav li a {
color: #465881;
font-weight: normal;
text-shadow: none;
}

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

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

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

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

#cta-small .cta-small-panels div span p.cta-date {
color: #fff;
}

#cta-small .cta-small-panels div span a {
background: none;
padding: 0;
color: #fff;
}

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

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

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

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

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

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

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

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

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

/*********************************************************************
CONTENT COLUMNS
**********************************************************************/
.col h4:first-child {
padding: 8px;
background: #092158;
text-transform: capitalize;
}

/*column header*/
.col-header h2 {
padding: 8px;
background: #092158;
margin: 0;
text-transform: capitalize;
}

.col-header h2 .event-name {
display:block;
margin-top: 3px;
font-size: .689em;
line-height: 1em;
letter-spacing: .055em;
color: #61BEDF;
}

.col-header ul li {
display: block;
position: relative;
text-transform: capitalize;
text-align: center;
background-image: url(/images/bkg_col-nav-sprite-wake.png);
background-repeat: no-repeat;
background-position: right -12px;
font-size: .75em;
margin: 0 -10px 0 0;
padding: 8px 24px 8px 15px;
height: 18px;
}

.col-header ul li.on {
background-position: right -107px;
z-index: 1500;
}

.col-header ul li:hover {
background-position: right -107px;
cursor: pointer;
}

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

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

.col-header ul li:first-child {
z-index: 1100;
}

.col-header ul li:nth-child(2) {
z-index: 1000;
}

.col-header ul li:nth-child(2).on {
z-index: 1500;
}

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

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

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

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

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

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

dl a:hover {
color: #072058;
}

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

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

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

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

.content-list h5 a {
color: #fff;
font-weight: bold;
}

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

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

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

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

dl .rating-stars a.none:hover, dl .rating-stars a.rated, dl .rating-stars a.over {
background-position: 0 0;
cursor: default;
}

/*article leading image*/
#leading-image span {
padding: 8px 14px;
color: #092158;
background: url(/images/bkg_white-80.png) repeat;
}

#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: #092158;
}

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

.content h1 {
font-weight: bold;
}

.content h3 {
color: #092158;
}

.content h5 {
color: #092158;
}

.content blockquote {
border-top: 1px solid #fff;  
border-bottom: 1px solid #fff;
color: #092158;
font-weight: bold;
}

.content blockquote p {
color: #092158;
font-style: normal;
font-weight: normal;
}

.content p.date {
color: #092158;
font-weight: bold;
}
/*********************************************************************
WAKE EVENT NAV
**********************************************************************/
#event-nav {
margin: 0 0 18px 0;
padding: 0;
list-style-type: none;
clear: both;
}

#event-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#event-nav li {
margin: 0 0 8px 0;
line-height: 1em;
}

#event-nav li a {
display: block;
padding: 5px 5px 0 5px;
height: 36px;
overflow: hidden;
border: 1px solid #fff;
background-color:  #00A8CB; 
background-image: url(/images/bkg_nav-card-sprite-wake.gif);
background-position: bottom right;
background-repeat: no-repeat;
color: #fff;
font-weight: bold;
font-size: 1.064em;
}

#event-nav li a:hover, #event-nav li.on a {
background-position: top right;
color: #092158;
}

#event-nav li .event-details {
display: block;
margin: 2px 0 0 0;
line-height: 1;
font-size: .764em;  
color: #092158;                      
}

#event-nav li a:hover .event-details, #event-nav li.on .event-details { 
color: #61BEDF;                      
}

.athlete-registration {
display: block;
background: url(../images/bttn_athlete-register-wake.png) bottom right no-repeat;
font-size: .75em;
color: #092158;
text-transform: uppercase;
float: left;
padding: 8px 18px 15px 10px;
position: relative;
top: -12px;
}

.athlete-registration:hover {
color: #fff;
}

/*********************************************************************
SERIES STANDINGS CALLOUT
**********************************************************************/
#tour-rankings {
margin: 0 0 18px 0;
}

#tour-rankings span {
display: block;
margin: 0 0 6px 0;
line-height: 1em;
}

#tour-rankings dt {
float: left;
width: 93px;
height: 93px;
}

#tour-rankings dd {
float: left;
min-height: 93px;
padding: 0 0 0 10px;
width: 150px;
}

#tour-rankings hr {
margin: 13px 0;
}

#tour-rankings .athlete-place {
font-weight: bold;
font-size: 1.375em;
color: #092158;
}

#tour-rankings .athlete-name {
font-size: 1.375em;
font-weight: bold;
}

#tour-rankings .athlete-name a {
color: #fff;
}

#tour-rankings .athlete-name a:hover {
color: #092158;
}

#tour-rankings .athlete-points {
font-size: .75em;
font-weight: bold;
color: #092158;
}
/*********************************************************************
RANKINGS & RESULTS
**********************************************************************/
table {
width: 100%;
margin: 18px 0 18px 0;
border-bottom: 8px solid #092158;
font-size: .875em;
}

table tr th {
padding: 6px;
border: none;
text-align: left;
font-size: .938em;
color: #092158;
font-weight: bold;
}

table tr th.table-title {
text-align: left;
font-size: 1.375em;
padding: 0;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}

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 span.run {
font-size: .714em; 
display: block;
color: #092158;
font-style: italic;
line-height: 1em;
}

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

table tr.last td {
text-align: right;
padding: 10px 0 20px 0;
border: none;
}

table tr.last td a {
display: inline-block;
font-size: .814em;
padding: 3px 18px 0 4px;
height: 9px;
color: #092158;
text-align: right;
font-weight: bold;
line-height: 1em;
background-image: url(/images/bkg_arrow-sprite-wake.png);
background-repeat: no-repeat;
background-position: top right;
}

table tr.last td a:hover {
color: #fff;
background-position: bottom right;
}

table.results thead {
width: 100%;
}

table.results tbody {
width: 48%;
float: left;
margin-right: 25px;
}

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

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

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

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

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

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

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

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

/*********************************************************************
RATING STARS
**********************************************************************/
.rating-stars {
width: 96px;
height: 16px;
}

.rating-stars a {
width: 15px;
height: 16px;
background-image: url(/images/bkg_rating-star-sprite-wake.png);
}

.rating-stars a.none:hover, .rating-stars a.rated, .rating-stars a.over {
background-position: 0em -16px;
}

/*********************************************************************
PARTNERS
**********************************************************************/
table.partners {
border-bottom: 1px solid #fff;
}

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

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

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

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

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

#ajax-search-results .alt-color {
background: #939598;
}
/*********************************************************************
UTILITIES
**********************************************************************/
.more {
color: #092158;
background-image: url(/images/bkg_arrow-sprite-wake.png);
background-repeat: no-repeat;
background-position: top right;
font-weight: bold;
font-size: .75em;
height: 12px;
padding: 0 18px 0 0;
}

.more:hover {
color: #fff;
background-position: bottom right;
}

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

/* footer */
	#footer
	{
	clear: both;
	width: 960px;
	margin: 30px 0;
	padding: 10px 0;
	color:#fff;
	float:left;
	}
	
	#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:190px;
	font-size:10px;
	}
	
	#footer ul li 
	{
	padding: 0 10px;
	width:190px;
	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:12px;
	margin:20px 0 20px 0;
	}
	
	
	
	
/*********************************************************************
CONVERTIBLE EVENT NAV
**********************************************************************/

	#convertible_event_nav li a
	{
		color:#fff !important;
	}
	
	#convertible_event_nav
	{
		margin-top:-2px;
		background-color:#072058 !important;
	}
			

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

#recent-articles 
{
}