/* Project: "Sport" Formula
*  Copyright 2009 All Rights Reserved.
*  Structure of this document:
* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 
*/

/* ***GLOBAL*** */

/*Initialize the browser's CSS Except for table structure*/	
@import url(reset.css);		
body {background: #780101 url(../images/back-body.gif) repeat-x; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #565656 }		
strong {font-weight: bold }
h1 {font-size:30px; color: #ca0000 }		
h2 {font-size:22px; color: #181818 }		p { margin-bottom: 23px }		
a:link {text-decoration: none; color: #ca0000 }		
a:visited {color: #862c2c; }		
a:hover {text-decoration: underline;}		
a:active {color: #ca0000}
/* ***END GLOBAL*** */

/* ***LAYOUT*** */
#shadow, #header, #container, #shadow-bottom, #content, #content-inner, #footer, .guarantee, .signup, .testimonials {margin: 0 auto }
#shadow {width: 100%; display: table;}
#container {width: 1090px; background: url(../images/back-container.png) repeat-y center top; position: relative; }
* html body #container {background: url(../images/back-container.gif) repeat-y center top }

#content {width: 1090px; background: url(../images/back-content.jpg) no-repeat -5px top; }
#content-inner {width: 938px; padding: 0 20px 60px 20px }
#left-col { padding: 0 0 0 9px; width: 600px }
#header {height: 271px }
#logo { position: absolute; top: 0; left: 47px; text-indent: -99999px  }
#logo a { width: 500px; height: 160px; display: block; outline: none }
#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px }
#optinbox { position: absolute; top: 194px; right: 77px; width: 311px; height: 375px  }
#signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 390px }
#signupbox form { position: absolute; top: 275px; right: 40px; border: none; width: 200px }
#signupbox .textfield { background: transparent ; border: none; color: #fff; width: 180px; height: 19px; font-size: 11px; padding: 2px 10px }
.optin-submit {float: right; margin: 9px 0 0 0 }
#video { margin: 0 10px 50px 0 }
#video-frame { background-color: #dedede; padding: 16px; width: 527px }
#footer { width: 986px; min-height: 326px; _height: 326px; background: #2f2f2f url(../images/back-footer.jpg) no-repeat center top; font-size: 11px; position: relative }
#footer .footer-content {padding: 10px 0 0 60px; color: #fff; font-size: 11px; width: 350px }
#footer li {color: #FFF; float: left }
#copyright {width: 850px; color: #F9F9F9; margin: 0 auto; font-size: 11px }
#attribution { float: right; text-align: right; display: block; color: #9F7777 }

/* ***STYLES*** */
#left-col h1 { text-align:center; line-height: 38px }
#left-col h2 { text-align:center; font-style: italic; padding: 20px 0 35px 0px }
.recover {clear: both }
.trainer-name { font-size: 24px; float: left }
.trainer-email, .trainer-email a, .trainer-email a:visited { color: #04bde8; float: right; padding-top: 5px }
.leftalign {float: left }
.wide-col {clear: both; margin: 0 auto; width: 777px }
.txtcenter { text-align: center }
.container-body-med {margin:0 auto; width:550px }	ul.youwill li {font-size:16px; margin-left:30px }
.posts {clear: both }
#content #commentform #comment {width: 70%}

.alignleft {float: left }
.alignright {float: right }
.entry ul, .entry ol, .entry_content ul {margin: 0 0 0 30px }
/* ***END STYLES*** */

/* *** NAVIGATION *** */
#globalnav { position: absolute; width: 592px; top: 0; right: 30px; height: 33px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; padding-top:10px; }
* html body #globalnav { width: 650px }
*+html body #globalnav { width: 650px }
#globalnav ul { float:left; width: 100%}
#globalnav ul li.last, #footer ul li.last { border: none }		
#globalnav ul li { display: inline; padding: 0 10px; border-right: 1px solid #ff7e00 }
#globalnav a:link, #globalnav a:visited { color: #fff; font-weight: bold; text-decoration: none }
#footer ul { padding-bottom: 47px; display: block; list-style: none }
#footer ul li { padding: 0 5px; background: url(../images/divider-footer-links.gif) no-repeat right 5px; height: 14px; margin-bottom:5px }
#footer a:link, #footer a:visited {color: #FFF; text-decoration: none; font-size: 12px }
#footer a:active, #footer a:hover {text-decoration: underline }	.post a.post-edit-link:link, .post a.post-edit-link:visited {font-size: 12px; }
.post h1 a:link, .post h1 a:visited {text-decoration: none; font-size: 30px; color: #CA0000;font-weight:normal; }
#content .editpost a:link, #content .editpost a:visited {font-size: 12px; text-decoration: underline }
#sidebar a:link, #sidebar a:visited {color: #3c3b3b; font-size: 12px; font-weight: bold }
/* ***END NAVIGATION*** */

/* Start Blog */
#leftcontent {width:579px;}
#leftcontent {float:left; padding: 0 30px 0 30px}
.post {border-bottom:1px dashed #aaa;float:left;margin-bottom:20px;padding-bottom:10px;width:100%;}
#leftcontent .post h1 {color:#CA0000;margin-top:3px;}
#leftcontent h1 {font-size:24px; margin:0;padding:0;}
#sidebar {width:180px;}
#sidebar {float:left;margin:0 10px;padding:5px 0 0;}
#sidebar h2 {background: url(../images/back-sidebar-title.gif) no-repeat; color: #fff; min-height: 43px; _height: 43px; padding: 5px 14px 0 20px; width: 237px; margin: 0 0 12px 0; font-size: 16px }
#sidebar div ul {list-style-image: url(../images/icon-file.gif); margin: 0 0 30px 35px }
#sidebar div li {background: url(../images/back-sidebar-item.gif) repeat-x left bottom; width:203px; margin: 0 0 7px 0 }
#login {position: absolute; top: 0px; width: 100%; height: 20px; background: url(../images/login.png) repeat-x; color: #e1e1e1; font-size: 11px }
#login ul {list-style: none; float: right }
#login li {float: left; margin-right: 15px }
#login li.dot {padding-left: 12px; background: url(../images/whitedot.png) no-repeat 0 2px; }
#login a:link, #login a:visited {color: #e1e1e1; font-size: 11px }
#content #sidebar {width: 280px; margin: 305px 0 0 }
#shadow #header-search {display: inline; width: 130px; right: 25px; top: 7px; margin: 0;  }
#shadow #header-search form {display: inline}
#shadow #header-search #s {border: 1px solid #ccc; background: #ccc; width: 120px; font-size: 11px; color: #666;  }
.datemeta {float: left; width: 62px; height: 62px; text-align: right; margin-right: 13px }
#leftcontent .date {font-size: 34px; line-height: 46px; display: block; color: #fff; text-align: center; background: #292929 url(../images/back-date-meta.gif) repeat-x }
.month-year {font-size: 11px; line-height: 21px; display: block; color: #ff9696; text-align: center; background: #ca0000; text-transform: uppercase; }
.entry_content {clear: both; margin: 32px 0 0 14px; font-size: 12px; color: #4a4a4a }
.entry {clear: both; padding: 15px 0 0}
#leftcontent h1 {float: left; margin: 5px 0 0 0; width: 370px; font-size: 24px; padding: 5px 15px 0 0 }
.comments-box a:link, .comments-box a:visited, .comments-box a:hover {color: #918872; font-size: 24px; padding: 18px 0 0 0; display: block; text-decoration: none }
.comments-box {background: url(../images/back-comment-bubble.jpg) no-repeat;display:block;float:right;height: 95px;margin:-50px -10px 0 0;padding:5px 10px 0 28px;position:relative;width:98px }
.comments-box a:link, .comments-box a:visited {font-size:15px}
.comment-feet {font-size:15px }
/* End Blog */