/* Theme: HardBody * Copyright Since 2009 Fitness Website Formula. 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: #003245 url(../images/back-body.gif) repeat-x; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4f4949 } h1 {font-size:40px; color: #1799bb } h1 span.accent {color: #00baff } h1 span.gray {color: #4e4e4e } h2 {font-size: 24px; color: #00baff; padding: 20px 0 35px 0; } h3 {font-size: 18px; color: #4b4646 } h4 {font-size: 16px; color: #c0c0c0 } h5 {font-size: 14px; color: #f8d20c } h6 {font-size: 13px; color: #f8d20c } p {margin-bottom: 23px; } strong {font-weight: bold } a:link {color: #1796b7; font-weight: normal; text-decoration: underline } a:visited {color: #147790; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #58c1dc; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container-shadow, #container, #footer {margin: 0 auto; } #outer-shadow {width: 100%; display: table; background: url(../images/back-shadow.jpg) no-repeat center 12px } #shadow {width: 995px; position: relative; } #container-shadow {background: url(../images/back-container-shadow.gif) repeat-y center top; width: 925px; padding: 0 14px } #container {background: #fff url(../images/back-container.jpg) no-repeat center top; width: 897px; padding: 120px 0 0 } * html body #container {width: 891px } #optin-container {width: 335px; height: 450px; background: url(../images/back-optin.jpg) no-repeat; position: absolute; top: 190px; right: 32px } #best-testimonial {width: 572px; position: relative; margin: 0 0 28px } .video-container {background: url(../images/watch-this-video.gif) no-repeat center top; padding: 37px 0 0} .left-col {width: 530px; float: left; padding: 15px 0 0 26px } #header {height: 204px } #logo {position: absolute; top: 36px; left: 15px; text-indent: -99999px } #logo a {width: 500px; height: 160px; display: block; outline: none; /*background: url(../images/logo-tagline.png) no-repeat left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/logo-tagline.png')*/ } #header-photo {background: url(../images/header-photo.png) no-repeat right top; position: absolute; top: 39px; right: 8px; width: 340px; height: 165px } #shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto } #optin-container form {position: absolute; top: 300px; left: 40px; border: none; } #optin-container .textfield {width:200px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px } #optin-container #subscriber_name {margin:0 0 12px 8px;} #optin-container #subscriber_email {margin:0 0 8px 8px;} .sidebar {float: right; width: 290px; background: #dadada url(../images/bak-sidebar.gif) no-repeat left top; margin: 15px 27px 0 0; color: #4d4d4d; padding: 24px 0 10px } .wide-col {clear: both; } #footer {position: absolutte; bottom: 0; margin: 80px 0 21px; background: #001420 } #footer .footer-content {width: 857px; margin: 0 auto; background: url(../images/back-footer.jpg) no-repeat center top; min-height: 256px; _height: 256px; padding: 76px 0 0 40px; color: #F8E330; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin:0 0 33px -8px; width: 427px; } #footer ul.footerlinks li {color: #fff; float: left; margin:0 4px; padding: 0 8px 1px 0; background: url(../images/footer-divider.gif) no-repeat right center } #copyright {position: absolute; top: 228px; left: 40px } #footer-logo {float: right; background: url(../images/footer-logo.png) no-repeat right top; width: 600px; height: 260px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/footer-logo.png'); margin: 0 12px 0 0 } .before-after {margin: 16px 0 0 0 ; background: url(../images/back-best-testimonial.jpg) no-repeat left bottom; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #00baff; font-size: 18px; font-weight: bold; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 175px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #credits {width: 800px; margin: 0 auto; text-align: center } /* *** END LAYOUT*** */ /* ***STYLES*** */ #best-testimonial h1 {margin: 0 0 0 33px; padding: 0 0 0 93px; background: url(../images/heading-bug.png) no-repeat; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/heading-bug.png') } .left-col h1.weight {background: url(../images/heading-mark.jpg) no-repeat left top; min-height: 93px; _height: 93px; padding: 0 0 0 110px; color: #00baff; font-size: 24px; font-weight: bold; font-style: italic; line-height: 1em } .left-col h2 {padding: 15px 0 15px 12px; color: #4b4646; font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em } h1.tagline {color: #00baff; font-size: 36px; text-align: center; font-style: italic; line-height: 2em } .recover {clear: both; line-height:0 } .italic {font-style: italic; } .handwriting-must-read {position: absolute; top: 570px; left: -20px; width:71px; height: 86px; background: url(../images/handwriting-must-read.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/handwriting-must-read.png') } .handwriting-loaded {position: absolute; top: 650px; right: -50px; width:102px; height: 237px; background: url(../images/handwriting-loaded.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/handwriting-loaded.png') } .whatyouget {font-size: 14px; margin: 0 } .txtcenter {text-align: center } .forFree {font-size: 24px } .picture-frame {border: 2px solid #00baff; padding: 4px } .testimonialName {font-size: 18px; color: #00baff; } .side-divider {display: block; background: url(../images/side-divider.gif) no-repeat center 50% } .testimonial-divider {display: block; background: url(../images/side-testimonial-divider.gif) no-repeat center 50%; height: 28px } .sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px } .before-after-sign {position:relative; margin: -37px 0 0; z-index: 5; height: 46px; background: url(../images/before-after-sign.png) no-repeat center bottom } .wide-col p {padding: 0 0 0 27px } .container-body-med {margin:0 auto; width:550px } ul.youwill li {font-size:16px; margin-left:30px } .alignright {float: right} .alignleft {float: left} .navigation {font-size: 26px; text-align: center} .navigation .prev-link {margin-right: 40px} .navigation a {text-decoration: none } .dashed-line {border: 1px dashed #ccc; height: 1px } #comment {width: 505px} /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 212px; height: 52px; width: 555px; left: 64px; background: url(../images/back-globalnav.jpg) no-repeat left center } #globalnav ul {list-style: none; padding: 10px 0 0 10px } #globalnav ul li {float: left; padding: 0 18px 0; line-height: 30px; background: url(../images/globalnav-divider.gif) no-repeat right center } #globalnav ul li.last {background: none } #globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; height: 30px } #globalnav a:hover {color: #0086fe } #sidebar a:link, #sidebar a:visited {color: #9d4f13; font-size: 12px; } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #00baff; text-decoration: underline; } a.attribution:link, a.attribution:visited, a.attribution:hover {color: #666; text-align: center; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px; font-size: 11px } a.post-edit-link:link, a.post-edit-link:visited {font-size: 12px !important; text-decoration: none !important} /* ***END NAVIGATION*** */ /* START BLOG */ #container #leftcontent {width:520px;float:left } #leftcontent { padding: 0 23px 0 30px} .post {border-bottom:1px solid #AAAAAA;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;} #leftcontent .post h1 {color:#1898bb;margin-top:3px;} #leftcontent h1 a:link, #leftcontent h1 a:visited {color: #1898bb; font-size: 30px; text-decoration: none; } #leftcontent h1 {font-size:24px;line-height:26px;margin:0;padding: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 } #container #sidebar {width: 302px; margin: 324px 10px 0 0; padding:5px 0 0; float: right } #sidebar h2 {background: url(../images/back-sidebar-title.jpg) no-repeat left center; padding: 5px 39px 0 23px; color: #444; font-size: 18px; color:#fff;margin:0 0 12px;min-height:43px; width:237px; } #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 } #shadow #header-search {display: inline; width: 151px; margin:14px 0 0; } #shadow #header-search #s {border: none; background: url(../images/back-search.gif) no-repeat; width: 107px; padding: 4px 15px; font-size: 12px; color: #0e6f8b; font-weight: bold } .datemeta {float: left; width: 60px; height: 62px; text-align: right } #leftcontent .date {font-size: 34px; line-height: 46px; display: block; color: #f8e330; text-align: center; background: #1898bb;font-weight:bold; } .month-year {font-size: 10px; line-height: 16px; display: block; color: #18bbe6; text-align: center; background: #003346; font-weight:bold; } .entry_content {clear: both; margin: 32px 0 0 0; font-size: 12px; color: #4a4a4a } .entry {clear: both; padding: 15px 0 0} .posts {clear: both} #leftcontent .post h1 {float: left; margin: 5px 0 0 13px; width: 315px; font-size: 24px; padding: 5px 15px 0 0 } .comments-box a:link, .comments-box a:visited, .comments-box a:hover {color: #fbe532; font-size: 24px; padding: 18px 0 0 0; display: block; text-decoration: none; font-weight: bold; font-style: italic } .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 } #get-this-first {background: url(../images/get-this-first.png) no-repeat; position: absolute; width: 116px; height: 87px; top: 408px; right: -73px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='wp-content/themes/fwf_rethinking/images/get-this-first.png') } #post-optin {width: 484px; height: 220px; background: url(../images/back-post-optin.jpg) no-repeat; margin: 10px 0 20px; position:relative } #post-optin form {position: absolute; top: 107px; left: 53px; width: 250px; text-align:center; } #post-optin .textfield {width: 180px; text-align:left; border: none; background: transparent; margin:0 0 10px } /* END BLOG */