
/*
*******************
        Title:					Cathe Nation Styles
        Description:
        URL:                    http://cateh.com
        Author:                 Josh Seltzer
        Created:                06/2009
*******************
*/                                              

/* MEYER RESET -------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        color:#000;
        vertical-align: baseline;
        background: transparent;
	font-family: Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT",  "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}
body {
        position:relative;
        line-height: 1;
        font-size:14px;
        background: #EBF6FA url(http://cathe.com/workout/images/nation/bodyBg5.jpg) no-repeat top;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* COMMON TAGS --------------------------------------------- */
h1 {
  font-size:3em;
}
h2 {
  font-size:2em;
}
h3 {
  font-size:1.5em;
}
h4 {
  font-size:1.3em;
}
p {
  line-height:1.2em;
}
.clear {
  clear:both;
}
/* BASIC STRUCTURE ----------------------------------------- */
#header, #contentContainer, #footer {
  margin:0 auto;
  width:980px;
}

/* HEADER -------------------------------------------------- */
#header {
  margin-top:20px;
}
#header h1 {
  text-indent:-9999em;
  background: url(http://cathe.com/workout/images/nation/tcnPngSprite.png) no-repeat top left;
  height:80px;
  width:400px;
  margin-bottom:10px;
}

/* CONTENT ------------------------------------------------- */
#contentContainer {
  background:#fff url(http://cathe.com/workout/images/nation/contentBg.jpg) no-repeat top left;
  border:1px solid #ccc;
  
}
ul#globalNav {
  margin:20px;
}
ul#globalNav li {
  float:left;
  font-size:1.2em;
  font-weight:bold;
  margin-right:5px;
}
ul#globalNav li a {
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
ul#globalNav li.current a, ul#globalNav li.current a:hover {
  background:#333;
  color:#fff;
}
ul#globalNav li a:hover {
  background:#0a5376;
  color:#fff;
}

#mainContent {
  width:620px;
  float:left;
  margin:20px;
  clear:left;
  zooom:1;
}
#flashPromo {
  margin-bottom:20px;
  height:340px;
  width:620px;
  border:1px solid #ccc;
  background:#efefef;
  overflow:hidden;
}
#spotlight {
 
  border:1px solid #ccc;
  padding:10px;
  margin-bottom:20px;
  background:#EBF6FA url(../images/spotlightBg.jpg) no-repeat top left; 
}
#spotlight .feedburnerFeedBlock #creditfooter {
  display:none;
}
#story {
 
  width:380px;
  float:left; position:relative;
}
#stories {
   border-left:1px solid #C2E3F0;
  padding-left:10px;
  width:200px;
  float:right;
}
#story h2 {
  padding-left:70px;
}
#story span.headline a {
  font-weight:bold;
  font-size:1.5em;
  display:block;
  margin-top:10px;
  padding-left:90px;
}
#story ul li div {
  margin-top:20px;
  clear:right;
  width:210px;
  line-height:1.2em;
}
#stories p.feedTitle {
  display:none;
}
#stories h3 {
  background: url(../images/stories.png) no-repeat top left;
  margin-bottom:5px;
  padding-left:18px;
  font-size:1.3em;
  color:#0D73A4;
}
#stories ul li {
  padding:5px 0;
  border-top:1px dotted #333;
}
#stories ul li a {
  color:#666;
  text-decoration:none;
}
#stories ul li a:hover {
  color:#333;
}

#spotlight img {
  top:100px;
  right:0;
  position:absolute;

  border:1px solid #ccc;
  background:#efefef;
}
#spotlight p#spotlightDetails {

  margin-top:20px;
  background:#ffffcc;
  padding:10px;
  border:1px dashed #ccc;
}
#shockCardioAd {

  width:200px;

  margin-top:20px;
}
#shockCardioAd h3 {
  background: url(../images/tcnSprite.jpg) -733px -47px;
  width:195px;
  height:51px;
  text-indent: -9999em;
  margin-bottom:10px;
}
#shockCardioAd h4 {
  font-size:1.8em;
  font-weight:normal;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
}
#shockCardioAd p {
  line-height:18px;
}
#shockCardioAd a.goButton {
  display:block;
  text-align:center;
  background:#99cc00;
  padding:10px 10px;
  font-size:1.3em;
  margin-top:10px;
  text-decoration:none;
  color:#fff;
}
#shockCardioAd a.goButton:hover {
  text-decoration:underline;
  background:#89B700;
}
#eventAd {
  margin: 20px 0 30px 0;
  border:none;
  height:220px;
  width:619px;
  clear:both;
  background: url(../images/tcnSprite.jpg) no-repeat -1572px -14px;
}
#eventAd img{
  width:619px;
  height:244px;
}

#stsTestimonials {
  padding:10px 20px 10px 20px;

  background:#EBF6FA url(../images/tcnSprite.jpg) no-repeat -946px 0px;
}
#stsTestimonials h3 {
  color:#000;
  font-size:1.89em;
  margin-bottom:10px;
}
#stsTestimonials h4 {
  margin:0;
  color:#0A5376;
  font-size:1.6em;
  font-weight:normal;
  
}
#stsTestimonials ul {
  margin-top:20px;
}
#stsTestimonials ul li img {
  width:69px;
  height:69px;
  background:#efefef;
  float:left;
  margin-bottom:10px;
  border:1px solid #ccc;
}
#stsTestimonials ul li.firstReview img {
  background: url(../images/tcnSprite.jpg) no-repeat -2838px -118px;
}
#stsTestimonials ul li.secondReview img {
  background: url(../images/tcnSprite.jpg) no-repeat -2921px -118px;
}
#stsTestimonials ul li.thirdReview img {
  background: url(../images/tcnSprite.jpg) no-repeat -3005px -118px;
}
#stsTestimonials ul li {
  clear:left;
  
}
#stsTestimonials blockquote {
  margin-left:80px;
  padding:5px 5px 5px 25px;
  background: url(../images/tcnSprite.jpg) no-repeat -2837px -3px;
  width:450px;
  font-size:1.2em;
  line-height:1.2em;
  font-style:italic;
  color:#fff;
}
#stsTestimonials span.author {
  float:right;
  font-size:1em;
}
#stsTestimonials a.goButton {
  margin:15px  5px 0 5px;
  display:block;
  float:right;
  background:#99cc00;
  padding:7px 10px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  font-size:1em;
  text-align:center;
}
#stsTestimonials a.goButton:hover {
  text-decoration:underline;
  background:#89B700;
}
#roadTrip {
  margin-top:40px;
  background: url(../images/tcnSprite.jpg) -2195px -1px;
  border:1px solid #ccc;
  position:relative;
  padding:20px 20px 0 20px;
}
#roadTrip h2 {
  position:absolute;
  top:-30px;
  width:210px;
  height:210px;
  background: url(../images/tcnPngSprite.png) -2px -83px;
  text-indent:-9999em;
}
#roadTrip #roadTripVideo {
  margin:5px;
  width:320px;
  height:265px;
  float:right;
  background:#efefef;
  border:1px solid #ccc;
}
#roadTrip h3 {
  margin-top:180px;
}
#roadTrip h4 {
  margin-top:10px;
}
#roadTrip p {
  margin:5px;
  line-height:1.25em;
}
/* SIDEBAR ------------------------------------------------- */
#sidebar {
  margin-top:20px;
  float:left;
  width:300px;
  
}
#sidebar h2 {
  color:#EE5F00;
  margin-top:20px;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  font-size:1.7em;
}
#join {
  background: #0D73A4 url(../images/tcnSprite.jpg) no-repeat -1px -1px;
  padding: 0 20px 20px 20px;
}
#join h2 {
  font-size:2.5em;
  color:#fff;
  margin-top:0;
  padding-left:60px;
  line-height:48px;
  margin-bottom:20px;
  border:none;
}
#join p {
  color:#fff;
  line-height:1.3em;
}
#join a.goButton {
  background: #99cc00;
  display:block;
  padding:10px;
  color:#fff;
  text-decoration:none;
  margin-top:10px;
  font-size:1.8em;
  text-align:center;
}
#join a.goButton:hover {
  text-decoration:underline;
  background:#89B700;
}
#join em {
  color:#fff;
}
#sidebar ul li {
  padding:5px 0;
  border-bottom:1px dotted #ccc;
  position:relative;
  height:45px;
  overflow:hidden;
}
#sidebar ul li:hover {
  background:#EBF6FA;
}
#sidebar ul li h3 {
  font-size:1.12em;
  padding-left:10px;
  margin:0;
}
#sidebar ul li p, #sidebar ul li h4 {
  font-size:.90em;
  font-weight:normal;
  
  padding-left:10px;
  margin:0;
}
#sidebar ul li a.avatar, #dvds img {
  display:block;
  float:left;
  margin-right:5px;
  width:36px;
  height:36px;
  overflow:hidden;
  border:none;
  vertical-align:middle;
}
ul#popularThreads span.commentNumber {
  display:block;
  position:absolute;
  height:20px;
  padding:10px 10px 10px 20px;
  right:0;
  top:5px;
  color:#fff;
  font-size:1em;
  background: url(../images/tcnPngSprite.png) -225px -89px;
}
ul#popularThreads h3 {
  display:block;
  width:240px;
}
ul#popularThreads h4 a{
  padding:7px 0;
}
ul.featuredTabs {
  margin:10px 0 0 0;
  padding:0 0 10px 0;
  border-bottom:1px solid #ccc;
}
ul.featuredTabs li {
  display:inline;
  border:none;
}
ul.featuredTabs li a {
  padding:5px 10px;
  text-decoration:none;
  background:#efefef;
  border:1px solid #ccc;
  color:#000;
}
ul.featuredTabs li a.selected {
  background:#333;
  color:#fff;
}
ul.featuredTabs li a:hover {
  background:#0a5376;
  color:#fff;
}
ul.featuredTabs li a.selected:hover {
  background:#333;
}
ul.featuredList {
}
ul.featuredList li {
  margin:0;
  padding:0;
}
ul.featuredList li a, ul#popularThreads li a {
  color:#666;
  text-decoration:underline;
}
ul.featuredList li a:hover, ul#popularThreads li a:hover {
  color:#000;
}
#sidebar .feedburnerFeedBlock ul li {
  display:block;
  height:100%;
  border:none;
}
#sidebar .feedburnerFeedBlock ul li:hover {
  background:none;
}
#sidebar .feedburnerFeedBlock span.headline a{
  font-size:1.3em;
  font-weight:bold;
  color:#666;
}
#sidebar .feedburnerFeedBlock span.headline a:hover {
  color:#000;
}
#sidebar .feedburnerFeedBlock ul li p.date {
  font-style:italic;
}
#sidebar .feedburnerFeedBlock p.feedItemAuthor {
  display:none;
}
#sidebar .feedburnerFeedBlock ul li div {
  margin-top:5px;
  padding:0 10px;
  font-size:1em;
  line-height:1.3em;
}
#sidebar .feedburnerFeedBlock div#creditfooter {
  display:none;
}
ul#connect li, ul#otherSites li {
  margin:3px 0;
  padding:0 0 0 10px;
  height:25px;
  line-height:25px;
}
ul#connect li:hover, ul#otherSites li:hover {
  background:#fff;
}
ul#connect li a, ul#otherSites li a {
  display:block;
  padding: 0 0 0 25px;
  text-decoration:none;
  color:#666;
}
ul#connect li a:hover, ul#otherSites li a:hover {
  color:#000;
}

ul#connect li.facebook a {
  background: url(../images/connectIcons.jpg) no-repeat 0 0 ;
}
ul#connect li.facebook a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -30px ;
}
ul#connect li.twitter a {
  background: url(../images/connectIcons.jpg) no-repeat  0 -60px ;
}
ul#connect li.twitter a:hover {
  background: url(../images/connectIcons.jpg) no-repeat  0 -90px ;
}
ul#connect li.youTube a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -120px ;
}
ul#connect li.youTube a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -150px ;
}
ul#connect li.flickr a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -180px;
}
ul#connect li.flickr a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -211px;
}
ul#connect li.itunes a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -244px;
}
ul#connect li.itunes a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -276px;
}
ul#otherSites li.catheDotCom a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -310px ;
}
ul#otherSites li.catheDotCom a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -343px ;
}
ul#otherSites li.blog a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -375px;
}
ul#otherSites li.blog a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -405px;
}
ul#otherSites li.shop a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -437px;
}
ul#otherSites li.shop a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -467px;
}
ul#otherSites li.wm a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -499px;
}
ul#otherSites li.wm a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -531px;
}
ul#otherSites li.forum a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -562px;
}
ul#otherSites li.forum a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -593px;
}
ul#otherSites li.tv a {
  background: url(../images/connectIcons.jpg) no-repeat 0 -622px;
}
ul#otherSites li.tv a:hover {
  background: url(../images/connectIcons.jpg) no-repeat 0 -650px;
}

/* FOOTER -------------------------------------------------- */
#footer {
  background:#333;
  color:#fff;
  height:50px;
}
p.copyright {
  color:#999;
  padding:10px 5px;
  float:left;
}
ul#footerNav {
  padding:10px 5px;
  text-align:right;
}
ul#footerNav li {
  display:inline;
  margin-left:5px;
}
ul#footerNav li a {
  color:#999;
}
ul#footerNav li a:hover {
  color:#fff;
}

/*---------------- Road Trip Page ------------------------*/

#roadTripPage h2 {
  margin-top:20px;
  margin-bottom:20px;
  width:194px;
  height:169px;
  padding-bottom:10px;
  position:relative;
  background: url(http://cathe.com/workout/images/nation/rt09Logo.png) no-repeat top left;
  text-indent:-9999em;
}

#roadTripPage h3 {
  margin-top:10px;
  font-weight:normal;
  font-size:2em;
  margin-bottom:30px;
}
#roadTripPage h3 span {
  font-size:.8em;
}
#roadTripPage ol, #roadTripPage dl, #roadTripPage dt, #roadTripPage dd {
  margin:0;
  padding:0;
}
#roadTripPage ol li {
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px dotted #666;
}
#roadTripPage ol li span.checkNo {
  display:block;
  float:left;
  font-size:2em;
}
#roadTripPage ol li dt, #roadTripPage ol li p {
  font-size:1.4em;
  font-weight:bold;
}
#roadTripPage ol li dl, #roadTripPage ol li p, #roadTripPage ol li ul li {
  margin-left:30px;
  border:none;
}
#roadTripPage ol li ul {
  margin-top:5px;
  margin-bottom:10px;
}
#roadTripPage ol li ul li {
  margin:0 0 0 35px;
  padding:0;
  display:inline;
}

#roadTripPage p#endGreeting {
  margin-top:30px;
  font-size:20px;
}
#roadTripPage #sidebar h3 {
  margin-bottom:3px;
}
#roadTripPage ul#docs {
  margin:0;
  padding:0;
}
#roadTripPage ul#docs li {
  font-size:14px;
  margin:0;
  padding:10px 0 0 0;
}
#roadTripPage ul#docs li:hover {
  background:none;
}
#roadTripPage ul#docs li span {
  display:block;
  font-size:14px;
  font-weight:bold;
}
#roadTripPage ul#docs li a:hover {
  color:blue;
}
#roadTripPage hr {
  margin:15px 0;
}
#roadTripPage h5.instructions {
  font-weight:normal;
  font-size:12px;
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}


/*---------------- Cathe Fun Page ------------------------*/
#catheFun h2 span#welcome {
  font-size:16px;
  margin-left:10px;
  font-weight:normal;
}
#catheFun .clear {
  clear:both;
}
#catheFun #mainContent {
  width:940px;
}
#catheFun ul.tabNavigation {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
#catheFun ul.tabNavigation li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
#catheFun ul.tabNavigation li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
#catheFun ul.tabNavigation li a:hover {
	background: #ccc;
}	
html #catheFun ul.tabNavigation li.active, html #catheFun ul.tabNavigation li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#catheFun span.section {
  display:block;
  margin:7px 0;
}
#catheFun .tabContent {
        padding-top:20px;
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#catheFun .tabWrapper {
  width:900px;
  margin:20px auto;
}
#catheFun .tickerBox {
  margin: 40px 0 10px 0;
  padding:10px;
  position:relative;
  background:#efefef;
  border:1px solid #ccc;
}
#catheFun .tickerBox span.trigger0, #catheFun .tickerBox span.trigger1, #catheFun .tickerBox span.trigger2 {
  position:absolute;
  display:block;
  right:10px;
  top:-30px;
  padding:10px;
  background:#efefef;
}
#catheFun .tickerBox h3 {
  font-weight:normal;
  padding-bottom:8px;
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
}
#catheFun .tickerBox h3 span.import {
  margin-left:5px;
  font-size:14px;
  color:#Da3838;
}
#catheFun .tickerBox h3 span.import em {
  color:#da3838;
}
#catheFun .tickerBox br {
  margin-bottom:15px;
}
#catheFun form {
  width:400px;
  float:left;
}
#catheFun form fieldset legend {
  font-weight:bold;
  margin-bottom:10px;

}
#catheFun input {
 
}
#catheFun table {
  text-align:left;
}
#catheFun table th {
  font-weight:normal;
  padding:2px;
}
#catheFun input#startW, #catheFun input#currentW, #catheFun input#goalW {
  width:50px;
}
#catheFun #weightTicker th {
  padding-right:20px;
}
#catheFun .preview {
  width:420px;
  float:right;
}
#catheFun .preview span {
  display:block;
  width:420px;
  height:87px;
  background:#ccc;
}
#catheFun .preview textarea {
  width:400px;
  height:50px;
}
#catheFun .preview p.title {
  margin: 5px 0 0 0;
}
#catheFun table#wallpaperTable {
  margin:0 auto;
  padding:0;
}
#catheFun table#wallpaperTable form {
  width:220px;
  margin:0;
  padding:0;
}
#catheFun table#wallpaperTable tr {
  height:200px;
}
#catheFun table#wallpaperTable td {
  width:270px;
  text-align:center;
}
#catheFun table#wallpaperTable form {
  text-align:center;
  width:235px;
}

/*------------ Webcast ------------------ */

#webcast #mainContent {
  width:940px;
}
#webcast h2 {
  margin-bottom:20px;
}
#webcast #webcam {float:left;}

#webcast #webchat {
 
}
#webcast .clear {clear:both;}
#webcast #schedule {
  margin-top:10px;
  float:right;
  width:500px;
}
#webcast #schedule h4 {
  margin-bottom:10px;
  font-size:18px;
}
#webcast #schedule ul {
  font-size:16px;
}
#webcast #schedule ul li {
  margin-top:10px;

}
#webcast #schedule ul li span {
  display:block;
  width:150px;
  font-weight:bold;
  margin-right:10px;
}
#webcast #schedule p.description {
  color:red;
  margin-top:5px;
}

/* road trip live global nav style */
ul#globalNav li.webcast a {
  background:#99cc00;
font-size:18px;
}
ul#globalNav li.webcast a:hover {
 
}
p.notice {
  background:red;
  color:#fff;
  padding:10px;
}

/*------------------ Cathe Fun Login --------------------*/

#catheFunLogin .loginWrapper {
  margin-top:20px;
  width:400px;
  border:10px solid #ccc;
  padding:20px;
  background:#fff;
}
#catheFunLogin .loginWrapper h3 {
  font-size:18px;
  font-weight:normal;
  margin-bottom:20px;
}
#catheFunLogin .loginWrapper h3 span {
  display:block;
  font-size:30px;
  font-weight:bold;
}
#catheFunLogin label, #catheFunLogin input {
  margin:3px 0;
  display:block;
}
#catheFunLogin p#signUp a {
  color:#1d7ca8;
}
p.tickerHelp {
  display:block;
}
p.tickerHelp a{
  color:blue;
float:right;
  font-size:14px;
}
