/* 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: #fae07f url(../images/back-body.gif) repeat-x; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #242424 } strong {font-weight: bold } h1 {font-size:38px; color: #12a692 } h2 {font-size:20px; color: #3d755e } p { margin-bottom: 23px } a:link {text-decoration: none; color: #3d755e; font-weight: bold } a:visited {color: #0d7365; text-decoration: none;} a:hover {color: #18d9bf} a:active {color: #18d9bf} /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #outershell, #container-shell, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto } #body-shadow {width: 100%; background: url(../images/back-body-bottom.gif) repeat-x center bottom } #shadow {width: 100%; display: table } #container-shell {width: 926px; position: relative; background: url(../images/back-container-shell.jpg) no-repeat center top } #outershell {width: 926px; position: relative; background: url(../images/back-outershell.gif) repeat-y } #container {width: 897px; background: #f7f5e9 url(../images/back-container.gif) repeat-x; padding: 51px 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: 40px; left: 19px; text-indent: -99999px } #logo a { width: 400px; height: 150px; display: block; outline: none } #shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px } #optinbox { position: absolute; top: 178px; right: 12px; width: 289px } #signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 398px; width: 282px } #signupbox form { position: absolute; top: 245px; right: 41px; border: none; width: 220px } #signupbox .textfield { background: transparent ; border: none; color: #010101; width: 180px; height: 20px; font-size: 11px; padding: 7px 10px; margin: 0 0 0 6px } .optin-submit {margin: 0; width: 222px; height: 35px; background: transparent; border: none; cursor: pointer; padding-top: 30px; overflow: hidden } #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: 926px;; min-height: 239px; _height: 239px; background: #539492 url(../images/back-footer.jpg) no-repeat 0 top; font-size: 11px; position: relative } #footer .footer-content {margin: 0 auto; padding: 23px 0 0 34px; color: #fff; font-size: 14px } #footer .footer-content strong {color: #f4d649 } #footer li {color: #FFF; float: left } #footer-chip {background: url(../images/footer-chip.jpg) no-repeat; width: 28px; height: 103px; position: absolute; top: 113px; right: -26px } #copyright { position: absolute; bottom: 15px; left: 60px; width: 850px; text-align: center } a#attribution:link, a#attribution:visited {color: #73b1af !important; font-size: 11px } /* ***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 } /* ***END STYLES*** */ /* *** NAVIGATION *** */ #globalnav { position: absolute; width: 880px; top: 0; right: 16px; height: 33px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; padding:6px 12px 0 0; z-index: 100 } #globalnav ul { float:left } #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: #54a99c; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; line-height:22px; } #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; font-weight: normal } #footer a:active, #footer a:hover {text-decoration: underline; font-weight: normal } .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: #12a692; text-decoration: none; font-size: 28px; font-weight: normal } /* ***END NAVIGATION*** */ /* Start Blog */ #leftcontent {width:550px; padding: 0 0 0 21px; float:left; } .post {border-bottom:1px solid #c4c3b9;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;} #leftcontent .post h1 {color:#12a692;margin-top:14px; font-weight: normal} #leftcontent h1 {font-size:24px; margin:0;padding:0;} #sidebar {width:180px;} #sidebar {float:left;margin:0 10px;padding: 8px 0 0 45px;} #login {position: absolute; top: 0; width: 100%; height: 20px; color: #e1e1e1; font-size: 11px; background:transparent url(../images/login.png) repeat-x; } #login ul {list-style: none; float: right; 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 } .search-sbumit {vertical-align: -5px} #content #sidebar {width: 260px; margin: 242px 0 30px } /*#sidebar h2 {background: url(../images/back-sidebar-title.gif) no-repeat left top; padding: 0 0 6px 46px; color: #444; font-size: 18px; margin-bottom: 14px; width: 235px; text-align: right;color: #696969; font-family: verdana; font-size:22px; } #sidebar ul {list-style: none; margin: 0 0 35px 0; width: 265px; list-style-position:inside; } #sidebar li {background: url(../images/back-sidebar-link.gif) no-repeat left bottom; min-height: 28px; padding: 5px 0 0; margin: 0 0 8px 19px } */ #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: 312px 0 100px } #shadow #header-search {display: inline; width: 160px; right: 25px; top: 7px; margin: 0 0 0 15px; } #shadow #header-search form {display: inline} #shadow #header-search #s {border: 1px solid #acacac; background: #fbfbfb url(../images/back-header-search.gif) repeat-x; width: 120px; font-size: 11px; color: #58413d; font-family: Georgia, "Times New Roman", Times, serif; padding: 3px 5px } .datemeta {float: left; width: 66px; height: 73px; text-align: right; background: #3d755e url(../images/back-datemeta.gif) repeat-x; margin:0 13px 0 0 } #leftcontent .date {font-size: 36px; line-height: 53px; display: block; color: #7a2d00; text-align: center } .month-year {font-size: 11px; line-height: 16px; display: block; color: #ffe594; text-align: center; padding: 2px 0; font-weight: normal } .entry_content {clear: both; margin: 32px 0 0 0; font-size: 13px; color: #4a4a4a } .entry {clear: both; padding: 15px 0 0} #leftcontent h1 {float: left; margin: 5px 0 0 0; width: 370px; font-size: 28px; padding: 5px 15px 0 0 } .editpost {display:block} .comments-box {background: url(../images/back-comment-bubble.png) no-repeat;display:block;float:right;height: 80px;margin:-68px 1px 0 0; padding:23px 10px 0 28px;position:relative;width:98px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/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} .comment {border-bottom: 1px solid #ddd; margin: 0 0 9px 0 } .comment p {margin-bottom: 5px } #commentform #submit {background:#444 ;border:#333 #000 #000 #333;border-style:solid;border-width:1px;color:#fff;cursor:pointer;font-size:11px;padding:3px 6px;} #comment {width:550px;background:#FFFFFF url(../images/textfield.gif) repeat-x center top;border:1px solid #a6a6a6;padding:2px 1px } /* End Blog */tyle:solid;border-width:1px;color:#fff;cursor:pointer;font-size:11px;padding:3px 6px;} #comment {width:550px;background:#FFFFFF url(../images/textfield.gif) repeat-x center top;border:1px solid #a6a6a6;padding:2px 1px } .postmetadata {background:#ccc none repeat ;border:1px dotted #aaa;padding:5px 10px } /* End Blog */