/* Project: "HardBody" 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: #00245c url(../images/back-body.gif) repeat-x; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535 } strong {font-weight: bold } h1 {font-size:38px; color: #004f87 } h2 {font-size:20px; color: #68bf0a } p { margin-bottom: 23px } a:link {text-decoration: none; color: #3f6ce0 } a:visited {color: #153e83; text-decoration: none;} a:hover {color: #4380e6} a:active {color: #4380e6} /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #outershell, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto } #shadow {width: 100%; display: table; background: url(../images/back-shadow.jpg) no-repeat center top } #outershell {width: 917px; position: relative; } #container-wrapper {background: url(../images/back-container-page.jpg) repeat-y center top } #container {width: 897px; background: #fff url(../images/back-container.jpg) no-repeat; padding: 38px 0 0; min-height: 357px; _height: 357px } #content {padding: 0} #left-col { padding: 0 0 0 9px; width: 600px } #header {height: 205px } #logo { position: absolute; top: 96px; left: 0; text-indent: -99999px } #logo a { width: 220px; height: 100px; display: block; outline: none } #shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px } #optinbox { position: absolute; top: 205px; right: 16px; width: 312px } #signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 448px } #signupbox form { position: absolute; top: 308px; right: 43px; border: none; width: 235px } * html #signupbox form { right: 34px } #signupbox .textfield { background: transparent ; border: none; color: #010101; width: 180px; height: 20px; font-size: 11px; padding: 7px 10px } .optin-submit {margin: 0 } #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/bak-testimonial-top.gif) no-repeat; width: 887px; height: 15px } .testimonials-framebottom { background: url(../images/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: 917px; min-height: 251px; _height: 251px; background: url(../images/back-footer.jpg) no-repeat center top; font-size: 11px; position: relative } #footer .footer-content {margin: 0 auto; padding: 45px 0 0 39px; color: #fff; font-size: 14px } #footer .footer-content strong {color: #3f6ce0 } #footer li {color: #FFF; float: left } #copyright { position: absolute; bottom: 2px; left: 60px; width: 787px; text-align: center } a#attribution:link, a#attribution:visited {color: #666 !important} /* ***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/bak-guaranteed.jpg) no-repeat center top } .signup { padding: 25px 380px 20px 60px; width: 447px; height: 282px; background: url(../images/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 auto; width: 777px } .txtcenter { text-align: center } .container-body-med {margin:0 auto; width:550px } ul.youwill li {font-size:16px; margin-left:30px } .postmeta {color: #3183dc; font-weight: bold } /* ***END STYLES*** */ /* *** NAVIGATION *** */ #globalnav { position: absolute; width: 590px; top: 0; right: 0; height: 33px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; padding-top:10px; z-index: 100 } #globalnav ul { float:right} #globalnav ul li.last, #footer ul li.last { border: none } #globalnav ul li { display: inline; padding: 0 10px; background: url(../images/globalnav-divider.gif) no-repeat right center } #globalnav a:link, #globalnav a:visited { color: #fff } #sidebar a:link, #sidebar a:visited {font-weight: bold; color: #3c3b3b; font-size: 12px } #footer ul { padding-bottom: 35px; display: block; list-style: none; width: 401px } #footer ul li { padding: 0 5px; border-right: 1px solid white; height: 14px; margin: 0 0 8px 0 } #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, .editpost a.post-edit-link:link, .editpost a.post-edit-link:visited {font-size: 12px; color: #004bbe } .post h1 a:link, .post h1 a:visited {color: #004bbe; text-decoration: none; font-size: 28px } /* ***END NAVIGATION*** */ /* Start Blog */ #leftcontent {width:550px; padding: 0 0 0 17px; float:left; } .post {border-bottom:1px solid #AAAAAA;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;} #leftcontent .post h1 {color:#3f6ce0;margin-top:14px;} #leftcontent h1 {font-size:24px; margin:0;padding:0;} #sidebar {width:180px;} #sidebar {float:left;margin:0 10px;padding: 8px 0 0 31px;} #login {position: absolute; top: 5px; width: 100%; height: 20px; color: #e1e1e1; font-size: 11px } #login ul {list-style: none; float: left; margin: 4px 0 0 10px } #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: 260px; margin: 242px 0 30px } #sidebar h2 {background: url(../images/back-sidebar-title.gif) no-repeat left center; padding: 5px 39px 0 23px; color: #444; font-size: 18px; color:#fff;margin:0 0 12px;min-height:43px; _height:43px; width:210px; } #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; padding: 3px 0 } * html #sidebar li {padding: 5px 0 0 6px; margin: 0 } *+html #sidebar li {padding: 5px 0 0 6px; margin: 0 } #content #sidebar {width: 281px; margin: 394px 0 100px } #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 #666; background: #333; width: 120px; font-size: 11px; color: #ccc; } .datemeta {float: left; width: 67px; height: 68px; text-align: right } #leftcontent .date {font-size: 35px; line-height: 46px; display: block; color: #fff; text-align: center; background: #3f6ce0; background: url(../images/back-date.gif) repeat-x } .month-year {font-size: 11px; line-height: 16px; display: block; color: #cbcbcb; text-align: center; background: #626262; padding: 2px 0 } .entry_content {clear: both; margin: 32px 0 0 0; font-size: 12px; color: #4a4a4a } .entry {clear: both; padding: 15px 0 0} #leftcontent h1 {float: left; margin: 5px 0 0 13px; width: 370px; font-size: 28px; padding: 5px 15px 0 0; font-weight:normal; } .editpost {display:block} .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.png) no-repeat;display:block;float:right;height: 95px;margin:-68px 1px 0 0; padding:5px 10px 0 28px;position:relative;width:98px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/blog/wp-content/themes/fwf/images/back-comment-bubble.png') } *+html body .comments-box {margin-top: -60px} * html body .comments-box {margin-top: -60px} .comments-box a:link, .comments-box a:visited {font-size:15px} .comment-feet {font-size:15px } .posts {clear: both; padding: 10px 0 0 20px } .side-widget {margin: 0 0 20px 0 } #respond, .commentlist , #comments {margin: 0 0 0 14px } #shadow .catheader {float: none } .videome {margin: 0 0 0 20px} /* End Blog */