/* 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: #004b86 url(images-innercircle/back-body.jpg); font: 14px Arial, Helvetica, sans-serif; color:#4a4a4a }
	
	strong {font-weight: bold }
		
	h1 {font-size:38px; color: #004b85 }
	
	h2 {font-size:20px; color: #004b85 }
	
	p { margin-bottom: 15px }
	
	a:link {text-decoration: none; color: #134eb0 }
	
	a:visited {color: #153e83; text-decoration: none;}
		
	a:hover {color: #4380e6}
	
	a:active {color: #4380e6}

/* ***END GLOBAL*** */



/* ***LAYOUT*** */

#shadow, #header, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto }

#shadow {background:transparent url(images-innercircle/back-shadow.png) no-repeat center top; width: 100%; display: table; }

#container {width: 780px; position:relative; }

#content-wrapper {background:#fff; width: 779px; margin: 0 0 0 7px;}

#content {width: 740px; background: transparent;  padding: 0 20px 60px 20px }

#left-col { padding: 0 0 0 9px; width: 600px }

body #shadow #header {height: 274px !important }

#logo { position: absolute; top: 30px; left: -10px; text-indent: -99999px  }

#logo a { width: 295px; height: 110px; display: block; outline: none }

#shadow-bottom {background: url(images-innercircle/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px }

#optinbox { position: absolute; top: 116px; right: 21px; width: 311px; height: 375px  }

#signupbox { background: url(images-innercircle/back-optin.jpg) no-repeat; height: 390px }

#signupbox form { position: absolute; top: 270px; 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; background: url(images-innercircle/btn-optin-submit.gif) no-repeat; width: 96px; height: 33px; padding-top: 30px; overflow: none; border: none; cursor: pointer }

#video { margin: 0 10px 50px 0 }

#video-frame { background-color: #dedede; padding: 16px; width: 527px }

.testimonials { background-color: #84aed0; width: 887px }

.testimonials-frametop { background: url(images-innercircle/bak-testimonial-top.gif) no-repeat; width: 887px; height: 15px }

.testimonials-framebottom { background: url(images-innercircle/bak-testimonial-bottom.gif) no-repeat; width: 887px; height: 15px; clear: both }

.testimonials-left { width: 410px; padding: 60px 25px 35px; float: left; color: #353535 }

.testimonials-right { float: right; padding: 10px 30px 0 0 }

#footer { width: 800px; height: 251px; _height: 251px; background: url(images-innercircle/back-footer.jpg) no-repeat 2px top; font-size: 11px; position: relative; padding: 0 0 0px 0 }

#footer .footer-content {width: 780px; margin: 0 auto;  padding: 45px 0 0 0px; color: #fff; font-size: 11px }

#footer li {color: #FFF; float: left }

#copyright { position: absolute; bottom: 10px; left: 17px; width: 750px }

#copyright p {margin-bottom:0;}

#attribution { float: right; text-align: right; display: block; }


/* ***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 }

.guarantee, .signup {position: relative; margin-left:26px; margin-bottom: 35px; padding:25px 77px 25px 290px; width: 520px; height: 277px; color: #fff; font-size: 14px; background: url(images-innercircle/bak-guaranteed.jpg) no-repeat center top }

.signup { padding: 25px 380px 20px 60px; width: 447px; height: 282px; background: url(images-innercircle/bak-signup.jpg) no-repeat center top }

.guarantee p, .signup p { margin-bottom: 15px }

.guarantee a, .guarantee a:visited, .signup a, .signup a:visited { color: #04bde8 }

h1.quote, span.name { color: #002f55; font-size: 48px; padding-top: 25px }

h1.headline-blue24 { color: #04bde8; font-size: 24px; padding: 0; margin-bottom: 15px }

span.name { font-size: 30px }

span.text24 { font-size: 24px }

.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 0 0 -14px; width: 779px }

.txtcenter { text-align: center }

.container-body-med {margin:0 auto; width:550px }
	
ul.youwill li {font-size:14px; margin-left:30px }

.meetme {margin: 0 0 0 10px }

.entry ul, .posts ul {margin:0 0 10px 40px }

.subscribe_me_services a img {width:38px; height:38px }

.subscribe_me_text {padding-top:12px }

h1.pagetop {color:#4a4a4a;font-size:14px;line-height:1.6em;margin-top:0;text-align:left; font-style:italic; font-weight:bold}

.topheading {color:#004b85;font-family:Impact,Helvetica,sans-serif;font-size:36px;padding:0 20px;text-align:center;text-transform:capitalize}

.heading1 {font-size: 40px; color: #004b85; font-weight: bold }
	.heading2 {font-size: 26px; color: #004b85; font-weight: bold }
	.heading3 {font-size: 24px; color: #004b85; font-weight: bold }
	.heading4 {font-size: 22px; color: #004b85; font-weight: bold }
	.heading5 {font-size: 20px; color: #004b85; font-weight: bold }
	
	.yellowhighlight {background: #ff6}
		.list-leftmargin {margin-left: 30px}
		
	.spread-list li {padding: 5px 0}
	
	.underline {text-decoration:underline}
	
	.call-to-action {text-align: center; font-size: 24px}
	
	.call-to-action a {text-decoration:underline}
	
	.standout {font-size:16px}

		.johnson-box {background-color:#F5F5F5; border:3px dashed #000; margin:0 auto; padding:2px 20px; width:575px;}
	ul.checklist {list-style-type:none; margin: 0px; padding: 0px} 
ul.checklist li {padding: 15px 0 15px 60px; background-image:url(images-innercircle/check_mark.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin-right:10px}

.johnson-box p {margin-bottom: 0}

	.wide-col li {padding: 5px 0}
/* ***END STYLES*** */




/* *** NAVIGATION *** */
#globalnav { position: absolute; width: 550px; top: 0; right: 30px; height: 33px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; padding-top:10px; }

#globalnav ul { float:right}

#globalnav ul li.last, #footer ul li.last { border: none }		

#globalnav ul li { display: inline; padding: 0 10px; border-right: 1px solid #00cefb }

#globalnav a:link, #globalnav a:visited { color: #fff; text-decoration: none }

#sidebar a:link, #sidebar a:visited {text-decoration: none }

.entry_content a:link, .entry_content a:visited , .entry a:link, .entry a:visited {text-decoration: underline } 

#footer ul { padding-bottom: 35px; display: block; list-style: none; width:600px }

#footer ul li { padding: 0 5px;  border-right: 1px solid white; height: 14px }

#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: 29px; outline: none  }


	
/* ***END NAVIGATION*** */


/* Start Blog */
#leftcontent {width:579px;}
#leftcontent {float:left; padding: 0 30px 0 30px}
.post {border-bottom:1px solid #AAAAAA;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;}
#leftcontent .post h1 {color:#000000;margin-top:3px;}
#leftcontent h1 {font-size:24px;line-height:26px;margin:0;padding:0;}
#sidebar {width:180px;}
#sidebar {float:left;margin:0 10px;padding:5px 0 0;}
#login {position: absolute; top: 0px; width: 100%; height: 20px; background: url(images-innercircle/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-innercircle/whitedot.png) no-repeat 0 2px; }
#login a:link, #login a:visited {color: #e1e1e1; font-size: 11px }

#content #sidebar {width: 260px; margin: 242px 0 30px }
#sidebar h2 {background: url(images-innercircle/back-sidebar-title.jpg) no-repeat left center; padding: 6px 0 6px 33px; color: #444; font-size: 18px; border-bottom: 5px solid #C8C8C8; margin-bottom: 2px }
#sidebar ul {list-style-image:url(images-innercircle/back-sidebar-bullet.gif); margin: 0 0 35px 0; width: 265px; list-style-position:inside; }
#sidebar li {background: url(images-innercircle/back-sidebar-link.jpg) no-repeat left bottom; min-height: 28px; padding: 5px 0 0; margin: 0 0 0 12px  }

* html #sidebar li {padding: 5px 0 0 6px; margin: 0  }
*+html #sidebar li {padding: 5px 0 0 6px; margin: 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: 60px; height: 62px; text-align: right }
#leftcontent .date {font-size: 34px; line-height: 46px; display: block; color: #fff; text-align: center; background: #0197D4 }
.month-year {font-size: 11px; line-height: 16px; display: block; color: #b1b1b1; text-align: center; background: #000 }
.entry_content {clear: both; margin: 32px 0 0 14px; font-size: 12px; color: #4a4a4a }
.entry {clear: both; padding: 15px 0;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {color:#000; padding-bottom:15px; }
.entry p , .posts p{margin-bottom:1.5em;}
.postmetadata {margin:10px 0;}
.posts {clear: both}
#leftcontent .post h1 {float: left; margin: -10px 0 0 13px; width: 370px; font-size: 24px; padding: 5px 15px 0 0 }
#leftcontent .twopost h1, #leftcontent .threepost h1 {float:left; width: 385px; margin: 5px 0 0 13px; }
.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-innercircle/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 }
.alignleft {float:left}
.alignright{float:right}
#post-optin {background:transparent url(images-innercircle/back-post-optin.jpg) no-repeat; height:220px; margin:10px 0 20px; position:relative; width:560px; }
#post-optin form {left:28px;position:absolute; top:135px;width:403px } 
#post-optin .textfield {width:134px; height: 21px; line-height:21px; padding: 5px; border: none  }
#post-optin .optin-submit {background: url(images-innercircle/btn-make-me-lean.jpg) no-repeat; width:100px;height:39px;margin:-2px 0 0 -5px;padding-top:36px;  }
* html  body #post-optin .optin-submit {margin-top:-35px}
*+html  body #post-optin .optin-submit {margin-top:-35px}
/* End Blog */