/*   
Theme Name: triathlon theme: based on thematic
Theme URI: 
Description: triathlon theme based off thematic framework.
Author: Ben Nowacky
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic, child theme, triathlon site

*/


/*********************************************************************************************

0.   CSS Reset
1.   CSS Reset for Plugins
2.   Basic Setup (Body, Fonts, etc.)
3.   Header Styles
4.   Navigation and Menu Styles
5.   marquee Styling
6.   Image Gallery Styles
7.   Widget Styling
8.   Stories Div styling.
9.   pagination
10.  Single Page Style
11.  Calendar Styling
11a. Calendar widget styling
	
**********************************************************************************************/

#share-links {
float:right;
margin: 5px 0px 5px 5px;
}

.video {
background-image: url('images/video-icon.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
width: 250px;
height: 25px;
padding-left: 36px;
}

#bg-link-left, #bg-link-right {
	width: 300px; 
	height: 90%; 
	position: fixed; 
	cursor: hand; 
	display: block; 
	z-index: 0;
}
#bg-link-left {
	margin-left: -300px; 
}
#bg-link-right {
	margin-left: 950px; 
}



/********************************************************************************************* 

0. CSS Reset 

*********************************************************************************************/

/*
h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		font-weight: normal;
}

*/


.clear {
font-size: 1px;
line-height:0px;
margin: 0px;
clear: both;
height: 0px;
}

a {
border: none;
text-decoration: none;
}

a:hover {
color: #D057D2;
}


/*********************************************************************************************

1. CSS Reset for Plugins (overrides) 

*********************************************************************************************/

div.sexy-bookmarks { 
margin-top: 30px !important;
margin-bottom: 0px !important;
}


/*********************************************************************************************

2. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
body {
margin:0px;
padding: 0px;
font-family: Arial;
background-color: whitesmoke;
background-attachment:fixed;
background-position: 40px center;
background-repeat: no-repeat;
}

.container {
width:985px;
margin: 0px auto;
padding: 0px;
}

#gallery .container-div  a:hover {
color: #D057D2;
text-decoration: none;
}

#gallery #content .widget a, #gallery #content .widget a:visited {
color: skyBlue;
text-decoration: none;
}

#gallery #content .widget a:hover {
color: #D057D2;
text-decoration: none;
}

#gallery #content .body-left #post-taxonomy{
background-color:gray;
}

#content {
background: url(images/menu-bkg2.png) repeat-y scroll center top;
width: 945px;
margin: 0px;
padding: 0px 20px 0px 20px;
color:#333;
}

#content .body-left {
width: 630px;
margin: 0px;
padding-left: 10px;
float: left;
position: relative;
}
#content .body-right {
width: 301px;
margin: 0px;
padding: 0px;
float: left;
position: relative;
background-color: transparent;
top:-48px;
}

/**** home page columns ****/

#content .column-left {
width: 300px;
margin: 0px 5px 0px 10px;
padding: 0px;
float: left;
}

#content .column-right {
width: 300px;
margin: 0px 0px 0px 10px;
padding: 0px;
float: left;
}

/***** button styling ****/
.buttons a, .buttons button{
font-size: 14px;
display:inline;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #666666;
border-top:1px solid #888888;
border-left:1px solid #888888;
text-decoration:none;
font-weight:normal;
color:#064475;
cursor:pointer;
padding:2px 2px;
}

.buttons button{
display: inline;
width:auto;
overflow:visible;
padding:2px 6px; /* IE6 */
}

.buttons button img, .buttons a img{
padding:0;
border:none;
width:16px;
height:16px;
}

/* STANDARD */
button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#064475;
}

.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
color:#064475;
}

.buttons a.positive:hover, button.positive:hover{
background-color: #9db0cf;
border:1px solid #064475;
color: #FFFFFF;
}

.buttons a.positive:active{
background-color:#529214;
border:1px solid #064475;
color:#fff;
}

.buttons .positive img {
border: none !important;
}

/* NEGATIVE */
.buttons a.negative, button.negative{
color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}

.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
color:#336699;
}

.buttons a.regular:hover, button.regular:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}

.buttons a.regular:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

/*********************************************************************************************

3. Header Style (logo, leader board, etc... ) 

*********************************************************************************************/

.header {
width: 966px;
height: 95px;
margin: 0 auto;
padding: 2px 0px 0px 0px;
position: relative;
z-index: 8;
top: 0px;
background: url(images/menu-bkg3.png) repeat-y scroll center top;
/* background: url(images/header-bkg2.png) no-repeat scroll center bottom; */
}

.site-logo {
width: 220px;
height: 50px;
float: left;
}

.leaderboard {
width: 728px;
height: 90px;
border: solid 1px #000;
padding: 1px;
margin: 0px;
float: left;
}

/*********************************************************************************************

4. Navigation and Menu Style

*********************************************************************************************/

.menu {
background: url(images/menu-bkg2.png) repeat-y scroll center top;
width: 985px;
height: 90px;
}

.menu-left{
background: url(images/menu-left.png) no-repeat scroll right top;
margin: 0px;
padding: 0px;
height: 83px;
width: 18px;
float: left;
}

.menu-center{
width: 947px;
height: 39px;
float: left;
background: url(images/menu-bkg-center.png) repeat-x scroll left top;
margin-top: 7px;
padding: 0px;
font-size: 17px;
}

.menu-right{
background: url(images/menu-right.png) no-repeat scroll left top;
margin: 0px;
padding: 0px;
height: 83px;
width: 20px;
float: left;
position: absolute;
margin-left:965px;
}

.menu-center ul {
padding: 0px;
margin: 0px 0px 0px 0px;
height: 34px;
}

.menu-center li {
display:inline-block;
line-height: 18px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
padding-top: 9px;
margin: 0px;
border-right: solid 1px #000;
}

.menu-center .last{
border: none;
}

.menu a{
color:#FFF;
}

.menu a:hover {
border-bottom: none;
color: #D057D2;
}

#gatorade-header-nav a{
background: transparent url("images/g-nutrition-button.png") no-repeat -5px -6px; 

}

/*** Sub Menu ****/

.sub-menu {
height: 36px;
width: 947px;
margin: 0 0 0 0px;
background: url(images/menu-sub-shadown.png) repeat-x scroll left bottom;	
float: left;
}

.sub-menu-inside .social {
display: inline; 
width: 200px;
float: left;
margin: 0 0 0 10px;
padding: 0px;
}

.sub-menu-inside{
background: url(images/menu-sub-bkg.png) repeat-y scroll left top;
height: 31px;
width: 947px;
margin: 0px;
font-size: 13px;
}

.sub-menu-inside a{
color:#064475;
}

.sub-menu-inside a:hover{
color: #D057D2;
}

.sub-menu-inside ul {
margin: 3px 0px 0px 5px;
padding: 5px 0px 0px 5px;
width: 400px;
float: left;
}

.sub-menu-inside li {
display:inline;
margin: 0 7px 0 0;
padding: 0px 7px 0px 0px;
border-right: solid 1px #064475;
}

.sub-menu-inside .last {
border: none;
}

#subscribe1{
background-color: white;
position: absolute;
z-index: 200;
top: 207px;
border: 1px solid gray;
}

/**** social links ****/
.social .follow {
font-size: 15px;
margin: 8px 0 0 0;
padding: 0px;
float: left;
color: #666;
}

.social img {
width: 2px;
margin-left: 35px;
margin-top: 5px;
}

.social .rss {
background: url(images/social.png) no-repeat scroll left top;
border: none;
width: 31px;
height: 30px;
margin: 3px 0px 0px 0px;
padding: 0px;
display: table-cell;
float: left;
}

.social .rss:hover {
background: url(images/social.png) no-repeat scroll left -30px;
width: 31px;
height: 30px;
border: none;
}

.social .twitter {
background: url(images/social.png) no-repeat scroll -32px top;
border: none;
width: 31px;
height: 30px;
margin: 3px 0px 0px 0px;
padding: 0px;
display: table-cell;
float: left;
}

.social .twitter:hover {
background: url(images/social.png) no-repeat scroll -32px -30px;
width: 31px;
height: 30px;
border: none;
}

.social .facebook {
background: url(images/social.png) no-repeat scroll -62px top;
border: none;
width: 31px;
height: 30px;
margin: 3px 0px 0px 3px;
padding: 0px;
display: table-cell;
float: left;
}

.social .facebook:hover {
background: url(images/social.png) no-repeat scroll -62px -30px;
width: 31px;
height: 30px;
border: none;
}


/********************************************************************************************* 

6. Image Gallery Styles

*********************************************************************************************/

.gallery {
margin: 1em 0em;
clear: both;
}

.gallery dl {
float: left;
}

.gallery-item img {
width: 96px !important;
height: 96px !important;
-webkit-box-shadow: 1px 1px 2px #333;
-moz-box-shadow: 1px 1px 2px #333;
box-shadow: 1px 1px 2px #333;
margin: 25px;
}

.gallery-item .gallery-caption {
display: none;
}

#gallery-content h1 {
float: left;
max-width: 410px;
}

#gallery-nav {
float: right;
font-weight: bold;
margin: 5px 0px;
}

#page-nav, #page-index {
display: block;
font-size: 12px;
}

#page-index {
margin: 6px 5px;
text-align: right;
}

#page-nav {
text-align: center;
clear: both;
padding: 10px 0px 10px 205px;
}

#page-nav a {s
margin: 6px 18px;
}

#gallery-nav li {
display: inline;
float: left;
}

#gallery-nav li a, #page-nav a {
display: block;
margin-left: 10px;
padding: 3px 9px;
background-color: #004276;
color: white;
}

span#page-nav a, #page-nav li { display: inline-block; }

#gallery-nav li a:hover, #page-nav li a:hover, #page-nav a:hover {
background-color: black;
color: white;
text-decoration: none;
}

#gallery #page-nav a:hover{
background-color: #04AFB9;
}

#gallery-photo {
margin: 0 0 0 10px;
-webkit-box-shadow: 1px 1px 2px #333;
-moz-box-shadow: 1px 1px 2px #333;
box-shadow: 1px 1px 2px #333;
}

#gallery-photo a {
display: block;
width: 100%;
height: 100%;
}

#content .body-left #gallery-content h1 {
margin: 0px 0px 5px 10px;
padding: 0px;
font-size: 17px;
border-bottom: solid 2px #333;
}

#content .body-left #gallery-content h1 a {
color:#333;
}

#content .body-left #gallery-content h1 a:hover {
border:none;
color:#333;
}

#content .body-left #gallery-content p {
margin: 10px 0px 10px 10px;
padding: 0px;
font-size: 15px;
}

#gallery-category{
margin-left:15px;
}

#gallery-category li { 
float: left; 
display: inline; 
width: 120px; 
min-height: 200px; 
word-wrap: break-word; 
overflow: hidden; 
margin-right: 30px; 
font-size: 12px; 
line-height: 16px; 
}

#gallery-category li img { 
border: 1px solid #555; 
height: 100px; 
padding: 5px; 
width: 100px; 
}

#gallery-category li a:hover img { 
background-color: white; 
}

/*********************************************************************************************

7. Widget Style

*********************************************************************************************/
/*** content home page ***/
.column-left .widget, .column-right .widget {
margin-bottom: 10px;
}

.gatorade-widget{
padding:40px 5px 5px 5px;
border: 1px ridge gray;
background-color:orange;
border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.inside-cat-posts{
background-color:white;
padding:1px 5px 5px 5px;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid gray;
}

.widget h3 {
border-bottom: 2px solid #333; 
color: #333;
font-size: 17px;
height: 18px;
width: 100%;
margin: 5px 0px;
padding: 0px;
font-weight: normal; 
}

.widget h3 .sponsor {
float: right;
border: none;
margin-bottom: 5px;
margin-top: -2px;
margin-right: -2px;
}

.gatorade-widget h3 .sponsor {
float: right;
border: none;
margin-bottom: 5px;
margin-top: -47px;
}

.content-widget {
clear: both;
margin-bottom: 10px;
width: 290px;
}

.widget a {
color:#064475;
}

.widget a:hover {
color: #D057D2;
}

.widget a:visited {font-weight: bold;}

.widget img {
margin: 2px;
padding: 0px;
}

.widget .article {	
width: 100%;
font-size:11px;
border-top: 1px #999 dotted; 
margin: 0px 0px 7px 0px;
padding: 5px 0px 0px 0px;
clear: both;
}

#content .body-left .column-left .widget .article p { font-size: 11px;}

.widget .article-first {	
font-size:11px;
margin: 0px 0px 5px 0px;
padding: 0px;
clear: both;
}

.widget .article h4 {
margin: 0px;
padding: 0px;
line-height: normal;
font-weight: bold;	
}

.widget .meta{
margin: 0px;
color: #333;
padding: 0px;
font-size: 11px;
}

#right_ad {
margin: 10px 0px;
padding: 0px;
}

.cmr {
width: 290px;
background: url(images/cmr-logo.png) no-repeat scroll center center;
}

.cmr h4 {
color: #990000;
margin: 0px;
padding: 0px;
font-size: 15px;
}

.cmr p {
font-size: 11px;
margin: 2px 0px 4px 0px;
padding: 0px;
}

/*** for widges with <p> tags ***/
#content .body-left .column-left p, #content .body-left .column-right p { 
font-size: 12px;
}

.body-right .search, .nutrition-top-right .search {
background: url(images/search-bkg.png) no-repeat scroll left top;
margin: 0px;
padding: 0px;
height: 84px;
width: 308px;
position: relative;
}

.body-right .search p, .nutrition-top-right .search p {
font-size: 15px;
color: #fff;
margin: 0px;
padding: 5px 5px 0px 10px;
}

.body-right .search form, .nutrition-top-right .search form {
width: 300px;
height: 45px;
position: relative;
top: 22px;
left: 14px;
}

.body-right .search .searchbox, .nutrition-top-right .search .searchbox {
border: none;
width: 184px;
height: 33px;
color: #333;
font-family:Verdana;
font-size: 18px;
margin: 0px;
padding: 0px;
}

.body-right .search button, .nutrition-top-right .search button {
width: 89px;
text-align: center;
height: 30px;
border:none;
color: #FFF;
font-size: 18px;
background:none;
margin: 0px;
padding: 0px;
cursor: pointer;
cursor: hand;
}

.body-right .search button:hover, .nutrition-top-right .search button:hover {
color: #000000;
}

/********************************************************************************************* 

8. Stories Div Styling

*********************************************************************************************/
#content .blog-roll {
clear: both;
}

#content .blog-roll .more-stories {
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 10px;
width: 585px;
border-bottom: dashed 1px #000;
color: #333;
}

#content .blog-roll h1 {
margin: 0px 0px 5px 22px;
padding: 0px;
border-bottom:solid 2px #333;
font-size: 17px;
font-weight: bold;
width: 587px;
}

#content .blog-roll .more-stories h2 {
margin: 0px 0px 3px 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
}

#content .blog-roll .more-stories .date {
font-size: 12px;
margin: 0px 0px 5px 0px;
}

#content .blog-roll .more-stories p {
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 14px;
}

#content .blog-roll .more-stories .credits {
font-size: 12px;
color: #666;
margin: 5px 0px 5px 0px;
padding: 0px;
}

.divider {
position: relative;
background:url(images/divider-sub.png) no-repeat scroll top left;
color: #FFF;
font-size: 18px;
width: 635px;
height: 40px;
margin: 0px;
padding: 5px 0px 0px 30px;
left: -20px;
float: left;
clear: both;
}

/********************************************************************************************* 

9. Pagination

*********************************************************************************************/

.wp-pagenavi {
margin-left:10px;
}

.page-link {
float: left;
clear: both;
margin: 10px 0px 20px 0px;
padding: 0px;
line-height: normal;
}

.page-link a{
padding: 3px 6px;
margin: 0 5px;
color:#064475;
}

.page-link a:hover {
color: #D057D2;
}

.contentjumpnumber, .contentjumplink{
display: inline;
margin: 0px 4px 0px 0px;
padding: 0px;
font-size: 12px;
}

.contentjumpall {
display: inline;
margin: 0px 0px 0px 8px;
padding: 0px;
font-size: 12px;
}

#post-content .before {
display: inline;
margin: 0px 4px 0px 0px;
padding: 0px;
font-size: 12px;
}

#table-of-contents { 
float: left; 
width: 205px; 
margin: 0px 10px 0px 0px;
}

#content #post-content #table-of-contents li { 
padding: 0px; 
margin: 0px; 
overflow:hidden;
}

#table-of-contents li a { 
background: lightgray url('images/tabbed-sprite.png') no-repeat 0px -50px; 
color: black; 
display: block; 
height: 50px;
width: 205px; 
font: normal normal bold 12px/16px Georgia, serif; 
} 
#table-of-contents #first-page a {
background-position: 0px -100px;  
}
#table-of-contents #last-page a { 
background-position: 0px -150px; 
} 
#table-of-contents #current-page a { 
background-color: #04AFB9; 
color: white;
background-position: 0px 0px;  
} 
#table-of-contents li a span { 
vertical-align: middle; 
display: inline-block; 
max-width: 180px; 
word-wrap: break-word; 
overflow: hidden; 
margin: 8px 0px 8px 8px; 
} 
#table-of-contents li a:hover, #table-of-contents #first-page a:hover, #table-of-contents #last-page a:hover { 
background: #04AFB9 url('images/tabbed-sprite.png') no-repeat 0px 0px; 
color: white; 
text-decoration: none; 
opacity: 0.7;
filter: alpha(opacity = 70);
zoom: 1;
} 
#table-of-contents #current-page a:hover { 
cursor: default; 
}

#page-nav a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #04AFB9;
color: white;
display: block;
margin-left: 10px;
padding-bottom: 5px;
padding-left: 9px;
padding-right: 9px;
padding-top: 5px;
font-size: 10pt;
}

/********************************************************************************************* 

10. Single Page Style.

*********************************************************************************************/

#content .body-left h1 {
margin: 0px 0px 5px 10px;
padding: 0px;
font-size: 17px;
font-weight: bold;
}

#content .body-left h1 a {
color:#333;
}

#content .body-left h1 a:hover {
border:none;
color:#333;
}

#content .body-left h2 {
margin: 0px 0px 3px 0px;
padding: 0px;
font-size: 13px;
font-weight: bold;
}

#content .body-left .date {
font-size: 11px;
margin: 0px 0px 15px 10px;
}

#content .body-left p {
margin: 0px 0px 15px 0px;
padding: 0px;
font-size: 13px;
line-height: normal;
}


#content .body-left .credits {
font-size: 10px;
color: #666;
margin: 5px 0px 5px 0px;
padding: 0px;
}

#content .body-left #post-taxonomy {
margin: 0px 0px 0px 10px;
border:1px solid #666;
background:#E6E6E6;
padding: 4px;
width: 596px;
clear: both;
}

#content #post-content {
margin: 0px 0px 0px 10px;
width: 600px;
}

#content #post-content h2 {
font-weight: bold;
width: 600px;
margin: 0px;
border-bottom: 2px Solid #dddddd;
font-size: 18px;
}

#content #post-comments {
padding: 0px 10px;
}

#single-ad-insert {
clear: left;
float: left;
margin: 1em 1em 1em 0em;
border: solid 1px #999;
padding: 2px;
}

#content .body-left .wp-caption-text{
font-size: 10px;
font-style: italic;
font-weight: normal;
}

/********************************************************************************************* 

11. Calendar Styling

*********************************************************************************************/

#content .body-left #calendar h2 {
font-size: 30px;
font-weight: normal;
color: #cccccc;
float: right; 
clear: both;
border-bottom: solid 2px #cccccc;	
margin: 10px 0 10px 0;
width: 100%;
padding: 0px;
text-align: right;
}

#content .body-left #calendar .odd {
display: table-row;
margin: 1px 0px;
padding: 4px 0px;
clear: none;
float: left;
}

#content .body-left #calendar .even {
clear: none;
float: left;
background-color: #ecede5;
display: table-row;
margin: 1px 0px;
padding: 4px 0px;
}

#content .body-left #calendar .event-day {
display: table-cell;
width: 100px;		
}
#content .body-left #calendar .event-name {
display: table-cell;
width: 300px;
}
#content .body-left #calendar .event-location {
display: table-cell;
width: 200px;
}

#calendar .pagination {
width: 600px;
float: left;
clear: both
margin: 10px 0px;
padding:0px;
}

#calendar .paging25 {
display: table-cell;
padding: 3px;
font-size: 13px;
float: left;
border: solid 1px #cccccc;
margin: 10px 10px 0px 0px;
}

#calendar .inactive {
display: table-cell;
padding: 3px;
font-size: 13px;
float: left;
border: solid 1px #999999;
margin: 10px 10px 0px 0px;
}


/**** seearch ***/
#content .body-left #basicSearch {
font-size: 16px;
width: 594px;
background: #dddddd;
border: solid 1px #777777;
margin: 5px 0px 10px 0px;
padding:3px;
border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-box-shadow: 1px 1px 2px #333;
-moz-box-shadow: 1px 1px 2px #333;
box-shadow: 1px 1px 2px #333;
}

#content .body-left #basicSearch form {
margin: 0px; 
padding: 0px;
}

#content .body-left #basicSearch select {
width: 150px;
height: 20px;
display: inline;
margin: 0 20px 0 0;
padding: 0px;
}

#content .body-left #basicSearch label {
display: inline;
margin: 0 5px 0 0;
padding: 0px;
color: #777777;	
}

#content .body-left #basicSearch .buttons {
display: inline;
}


#content .body-left .details .name-date {
font-size: 25px;
font-weight: normal;
float: right; 
clear: both;
border-bottom: solid 2px #cccccc;	
margin: 10px 0 10px 0;
width: 100%;
padding: 0px;
text-align: right; 
}

#content .body-left .details h3 {
font-size: 25px;
font-weight: normal;
color: #555555;
clear: both;
padding: 0px;
text-align: right; 
}

#content .body-left .details .date {
font-size: 18px;
font-weight: normal;
color: #666666;
clear: both;
padding: 0px;
margin: 0px;
text-align: right; 
}

#content .body-left .details h4 {
font-size: 18px;
font-weight: normal;
color: #555555;	
margin: 0px 0px 5px 0px;
padding: 0px;
width: 600px;
}

#content .body-left .details .odd {
margin: 1px 0px;
padding: 4px 0px;
background-color: #ecede5;
}

#content .body-left .details .even {
margin: 1px 0px;
padding: 4px 0px;
}

#content .body-left .details p {
font-size: 15px;
margin: 5px 0px;
padding: 0px;
}


/********************************************************************************************* 

11a. Calendar widget  Styling

*********************************************************************************************/

#content .widget .event-widget {
 font-size: 11px;
 width: 294px;
 padding: 3px;
 border-top: solid 1px #EEEEEE;
 border-right: solid 1px #555555;
 border-bottom: solid 1px #555555;
 border-left: solid 1px #EEEEEE;
 -webkit-box-shadow: 1px 1px 2px #333;
 -moz-box-shadow: 1px 1px 2px #333;
 box-shadow: 1px 1px 2px #333;
}

#content .widget .event-widget h4 {
font-weight: bold;
padding: 0px;
margin: 0px 0px 3px 0px;
}

#content .widget .event-widget .eh_event {
padding: 3px 0px;
}

#content .widget .event-widget .eh_event-odd {
background-color: #ecede5;
padding: 3px 0px;
}

#content .view-more {
font-weight: bold;
width: 100%;
font-size:11px;
clear: both;
text-align: right;
font-style: italic;
margin: 3px 0px;
padding: 0px;
}

#content .widget .eh_event_date .date {
display: table-cell;
width: 70px;
}
#content .widget .eh_event_date .location {
display: table-cell;
width: 190px;
}

.viewAllImage{
background:url("images/viewAll.png");
background-repeat:no-repeat;
width:17px;
height:17px;
display: inline-block;
padding-right: 10px;
vertical-align: sub;
}

.replay-arrow{
height: 38px;
left: 78px;
position: absolute;
top: -3px;
width: 50px;
z-index: 100;
background:url("images/replay_arrow.png");
}
.image-backward{
background:url("images/backward-arrow.png");
background-repeat:no-repeat;
}

.nutrition-left, .nutrition-center, .nutrition-right{
width:605px;;
display:inline-block;
vertical-align:top;
font-size:11px;
margin-right:5px;
margin-bottom: 10px;
}
.nutrition-left-fb, .nutrition-center-fb, .nutrition-right-fb {
font-size: 11px;
margin-bottom: 10px;
vertical-align: top;
width: 510px;
}
.nutrition-left ul li, .nutrition-center ul li, .nutrition-right ul li {
padding-bottom:5px;
margin-left: 0;
float: left;
padding: 2px;
margin: 2px;
height:195px;
width: 190px;
background-color: transparent;
}

.nutrition-left img {
padding-bottom:5px;
margin-left: 0;
}

.nutrition-left h4, .nutrition-center h4, .nutrition-right h4{
padding-bottom:5px;
}
.video-player{
width:625px;
display:inline-block;	
}
.nutrition-top-right{
display:inline-block;
width:305px;
vertical-align:top;
position: relative;
top: -47px;
}

.nutrition-left-header {
background-image: url('images/widget-g.png');
height: 55px;
background-color: transparent;
width:605px;
}

.nutrition-left ul, .nutrition-center ul, .nutrition-right ul{
background-color: #E7E7E7;
padding: 5px;
float: left;
position: relative;
top: -4px;
}
.nutrition-left ul li, .nutrition-center ul li, .nutrition-right ul li{
height:195px;	
}
.nutrition-left #prime{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("images/01prime.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
height: 55px;
margin-bottom: -3px;
}
.nutrition-center #perform{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("images/02perform.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
height: 55px;
margin-bottom: -3px;
}
.nutrition-right #recover{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("images/03recover.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
height: 55px;
margin-bottom: -3px;
}
.nutrition-left-fb #prime-fb{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("images/widget-g-fb.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
height: 55px;
margin-bottom: -3px;
}
.nutrition-center-fb #perform-fb{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("images/02perform-fb.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
height: 55px;
margin-bottom: -3px;
}
.nutrition-right-fb #recover-fb{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("images/03recover-fb.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
height: 55px;
margin-bottom: -3px;
}
#more-gatorade-link{
background-color: transparent;
background-image: url("images/g-nutrition-more.png");
background-repeat: repeat-x;
height: 40px;
width: 605px;
clear: both;
position:relative;
top:-4px;
}
#more-gatorade-link-fb{
background-color: transparent;
background-image: url("images/more-g-fb.png");
height: 40px;
width: 510px;	
}

.gatorade-fb-divider {
background-color: transparent;
background-image: url("images/widget-g-fb-divider.png");
background-postion: bottom center;
height: 5px;
min-hight: 5px;
}

.gatorade-fb-more-link {
	background-color: #606060;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #ffff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px;
	padding: 5px;
	float: left;
}

#stickyAdFooter{
width:100%;
}
html > body #stickyAdFooter{
height: 70px;
position: fixed;
bottom: 0;
z-index: 200;
background: #fff;
text-align: center;
font-size:120%;
background-color: transparent;
}

#anchor-ad {
clear: left;
width: 950px;
margin-left:auto;
margin-right:auto;
}

#footer {
padding-bottom:80px;
}