/*

Title:      CannellChampionTraining.com v2 screen styles
Author:     mike [at] pixelenvymedia.com


----------------------------------------- COMMON & STRUCTURE */
html { background:#d3d4d8 url(../img/htmlBG.gif) repeat-y center }
body { margin:0; padding:0; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, sans-serif; color:#4d4d4d; font-size:12px; background:url(../img/bodyBG.png) no-repeat top center }
h1, h2, h3, h4 { margin:0; padding:0; display:block; font-weight:normal }
h2 { font-size:20px; margin-bottom:15px; font-family:'arial narrow', arial; font-weight:bold; color:#ff9513 }
h2 span { color:#ff9513 }
h3 { padding:3px 0; color:#ff9513; margin-bottom:8px }
#side h3 { border-top:solid 4px #5a5a5a; border-bottom:dotted 1px #5a5a5a }
h3 span { color:#5a5a5a }
h4 { font-size:13px; font-weight:bold; margin-bottom:12px }
#side h3 { margin-top:40px; clear:both }
h3.flickr { color:#007AE3 }
h3.flickr span { color:#FF3096 }
ul { list-style-type:none; margin:0; padding:0 }
ol { list-style-type:decimal; margin:20px 0; padding:0 0 0 20px }
ol li { margin-bottom:10px }
a img { border:none }
a { color:#5183df; text-decoration:none }
a:hover { color:#E6620A }
a:active { border:none }
.fleft { float:left }
.fright { float:right }
hr { clear:both; width:100%; border:none; display:block; color:#ddd; background:#ddd; margin:25px 0; height:1px }
fieldset { border:none; padding:0; margin:0 }
legend { display:none }
span.error { display:block; color:red; margin:8px 0 }
span.caption { font-size:10px }

/*
----------------------------------------- MAIN LAYOUT */
#wrap { width:882px; margin:0 auto }
#header { position:relative; height:500px; background:url(../img/headerBG.gif) repeat-x top }
#navbar { position:relative; top:60px; display:block; height:37px; margin:0; padding:0; list-style:none; background:#343843 url(../img/navBG.gif) repeat-x top }
#banner { position:relative; top:67px; display:block; width:882px; height:335px; border-bottom:solid 1px #939CB8; background:url(../img/banner.jpg) no-repeat; z-index:50 }
#breadcrumb { font-size:10px; display:block; padding:8px 0 13px }
#intro { position:relative; display:block; margin-bottom:35px; width:882px; height:200px; background:url(../img/nbBG.gif) no-repeat }
#content { float:left; width:556px; margin-right:44px }
#side { float:left; width:282px }
#footer { display:block; clear:both; width:883px; margin:35px auto 0; padding:20px 15px; background:#5b606e; font-size:10px; color:#939CB8 }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }

/*
----------------------------------------- HEADER */
span#logo a { position:relative; top:31px; display:block; width:279px; height:59px; background:url(../img/logo.png) }
span#logo a:hover { background:url(../img/logo.png) 0 -59px }
span#training { position:absolute; top:50px; right:0; color:#949FBB; font-family:'century gothic'; font-size:20px }
span#slogan { position:absolute; top:227px; right:0; width:338px; height:212px; background:url(../img/sloganBG.png) no-repeat bottom right; z-index:100 }
span#getstarted a { position:absolute; top:375px; right:37px; width:131px; height:31px; background:url(../img/get-started.png) no-repeat; z-index:200 }
span#getstarted a:hover { background:url(../img/get-started.png) no-repeat 0 -31px }

/*
----------------------------------------- NAV */
ul#nav { position:relative; float:right; top:0; right:20px }
#nav li { float:left }
#nav a  { float:left;display:block;text-indent:-999px;overflow:hidden }
#nav a:hover { background:url(../img/nav.png) no-repeat 0 0 }
#nav a:active { outline:0 }
#nav .training a.top { width:138px; height:37px; background:url(../img/nav.png) no-repeat 0 0 }
#nav .resources a { width:94px; height:37px; background:url(../img/nav.png) no-repeat -138px 0 }
#nav .about a.top { width:67px; height:37px; background:url(../img/nav.png) no-repeat -232px 0 }
#nav .news a { width:70px; height:37px; background:url(../img/nav.png) no-repeat -299px 0 }
#nav .login a { width:74px; height:37px; background:url(../img/nav.png) no-repeat -369px 0 }

#nav .training a.top:hover, #nav li.training:hover { background:url(../img/nav.png) no-repeat 0 -37px }
#nav .resources a:hover { background:url(../img/nav.png) no-repeat -138px -37px }
#nav .about a.top:hover, #nav li.about:hover { background:url(../img/nav.png) no-repeat -232px -37px }
#nav .news a:hover { background:url(../img/nav.png) no-repeat -299px -37px }
#nav .login a:hover { background:url(../img/nav.png) no-repeat -369px -37px }

#nav li { float:left; position:relative }
#nav ul { position:absolute; top:37px; display:none }
#nav li:hover li { margin:0 }
#nav li ul a { border-bottom:solid 1px #46485a; float:left }
#nav li ul a:hover { background:#363845 }
#nav ul ul { top:auto }

#nav li:hover ul { display:block; background:#343843; z-index:100 }
#nav li:hover ul.aboutul { margin-left:6px }
#nav li ul a { background:none; text-indent:10px; line-height:30px; font-size:11px; width:150px; color:#C6CCE4 }
#nav li ul a:hover { color:#fff }

body.training #nav .training a.top { background:url(../img/nav.png) no-repeat 0 -37px }
body.resources #nav .resources a { background:url(../img/nav.png) no-repeat -138px -37px }
body.about #nav .about a.top { background:url(../img/nav.png) no-repeat -232px -37px }
body.news #nav .news a { background:url(../img/nav.png) no-repeat -299px -37px }
body.login #nav .login a { background:url(../img/nav.png) no-repeat -369px -37px }

/*
----------------------------------------- NEWSFLASH */
#newsflash { display:block; margin:0 0 20px; padding:10px 0; background:#ff9513; color:#fff; font-size:14px }
#newsflash span { display:block; margin:0 10px }
#newsflash em { font-size:10px }

/*
----------------------------------------- IE6 SUCKS SHIT */
a#ie6 { display:block; font-family:'comic sans'; font-size:16px; line-height:35px; background:#000; margin-bottom:20px; text-align:center }
a#ie6 span { color:#fff }

/*
----------------------------------------- NEWSFLASH */

/*
----------------------------------------- HOMEPAGE STUFF */
/* WELCOME */
#welcome { display:block; margin-bottom:30px }
img.headshot { float:left; margin-right:10px; padding:3px; border:solid 1px #ccc }
/* NEWS BOXES */
.newsbox { float:left; width:216px; height:175px; padding:0 0 15px; margin:0 6px 0 0 }
.nb_inner { width:206px; margin:35px auto 0; font-size:11px }
.newsbox h3 { padding-left:5px }
.nb_headline a, .nb_date { display:block }
.nb_headline a { line-height:13px; margin-bottom:6px; font-size:12px; font-weight:bold }
.nb_date { font-size:10px; color:#a6a6a6; font-family:arial; font-weight:bold }
.nb_inner p { margin-top:0 }
/* SUBSECTION (for news, articles) */
#rec_posts p { margin-top:0 }
#rec_posts .date { display:block; color:#999; font-weight:bold; font-size:10px; font-family:arial }
#rec_posts a.headline  { display:block; font-weight:bold; font-size:12px; text-transform:capitalize; font-family:arial }
#rec_posts li { padding-bottom:7px }
a.seemore { display:block; float:right; margin-top:3px }
/* TWITTER */
#twitter { position:relative; display:block; width:206px; height:162px }
#twitter ul { position:relative; top:0; left:67px; width:138px }
#twitter ul li:before { content:"Pete " }
#twitter .follow a { position:absolute; bottom:0; right:0; width:140px; height:22px; background:url(../img/follow.gif) no-repeat }
/* IMAGES */
img.about, img.featured { float:left; padding:3px; border:solid 1px #ccc }

/*
----------------------------------------- RECOMMENDED */
.rec_links { display:block; width:282px; height:168px; margin:0 auto; background:url(../img/recommended.png) no-repeat }

/*
----------------------------------------- RESOURCES */
body.resources .date { display:block; font-size:10px; color:#939CB8; font-family:arial; font-weight:bold; margin-top:11px }
body.resources .headline { display:block; font-size:14px; font-weight:bold; margin-bottom:11px }

/*
----------------------------------------- RESOURCES */
body.about fieldset span { display:block; clear:both; margin-bottom:10px }
body.about label { float:left; width:100px }

/*
----------------------------------------- BLOGS */
.bl_date { display:block; font-size:10px; color:#939CB8; font-family:arial; font-weight:bold }

/*
----------------------------------------- TESTIMONIALS */
ul#testimonials li { display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px #ccc }
ul#testimonials ol { margin:15px 0 }
ul#testimonials ol li { border:none; padding:0; margin:0 }
.test_name { display:block; text-align:right; margin-top:10px }

/*
----------------------------------------- ATHLETE PROFILES */
ul#athlete_list li { border-bottom:dotted 1px #939CB8; padding:4px 0 } /* for athlete_list include */
#info { float:left; width:475px }
#info table { margin:0; padding:0 }
td { font-size:12px }
td.nameempty { background:#e8eaf1; border-bottom:solid 3px #fff }
td.name { font-size:13px; font-weight:bold; color:#FD8701; text-transform:uppercase }
td.stat, td.info, td.name { padding:4px 5px; vertical-align:top; }
td.stat { width:100px; background:#f5f5f5; border-bottom:solid 3px #fff }
td.info { line-height:16px }
#side img.profile_pic { padding:3px; border:solid 1px #ccc; width:271px }

/*
----------------------------------------- FOOTER */
#footer a { color:#939CB8 }


/*
----------------------------------------------------------
----------------------------------------- BACKEND STUFF */

#secure_content { display:block }
#secure_content_inner { display:block; width:850px; min-height:700px; margin:0 auto }
#secure_header { position:relative; display:block; height:125px; margin-bottom:50px; background:#333542 url(../img/sec_headerBG.gif) repeat-x top }
span#sec_logo { position:absolute; top:17px; left:15px; display:block; width:226px; height:49px; background:url(../img/logo.png) }
fieldset { border:0; padding:0; margin:0 }
legend { display:none }
fieldset span { display:block; margin-bottom:10px }
fieldset label { float:left; width:100px }
input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, sans-serif; color:#6e6e6e; font-size:12px }
#secure_nav { display:block; position:absolute; top:90px; left:15px; width:800px; height:32px }
#secure_nav li { float:left }
#secure_nav li a { line-height:32px; font-weight:bold; color:#fff; margin-right:30px; font-family:arial }
#secure_nav li a:hover { text-decoration:underline }