/* 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: #9b9b9b url(../images/back-body.jpg) repeat-x center -13px; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535 } strong {font-weight: bold } h1 {font-size:38px; color: #e60202 } h2 {font-size:20px; color: #383839 } p { margin-bottom: 23px } a:link {text-decoration: none; color: #52a1d1; outline: none } a:visited {color: #52a1d1; text-decoration: none; outline: none} a:hover {color: #6cb7e4;} a:active {color: #6cb7e4;} /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #outershell, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto } #wrapper {background: url(../images/back-wrapper.jpg) repeat-y center center; width:100%; } #shell {width:100%; display: table } #shadow {width: 100%; display: table; background: url(../images/back-shadow.jpg) no-repeat center -13px; } #outershell {width: 897px; position: relative } #container {width: 940px; padding: 0px 0 0 0; min-height: 357px; _height: 357px } * html body #container {width: 943px } #content {padding: 0} #left-col { padding: 0 0 0 9px; width: 600px } #header {height: 155px } #logo { position: absolute; top: 25px; left: 15px; text-indent: -99999px } #logo a { width: 176px; height: 80px; display: block; outline: none } #shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px } #optinbox { position: absolute; top: 157px; right: -23px; width: 306px } * html body #optinbox { right:0} #signupbox { background: url(../images/back-optin.png) no-repeat; height: 371px } #signupbox form { position: absolute; top: 264px; left: 70px; border: none; width: 200px } #signupbox .textfield { background: transparent ; border: none; color: #010101; width: 180px; height: 15px; font-size: 11px; padding: 6px 7px; margin-left:5px } .optin-submit {margin: 5px -35px } #optin-horiz { position: relative; right: 0px; width: 580px } #signupbox-horiz { background: url(../images/back-optin-horiz.jpg) no-repeat; height: 238px } #signupbox-horiz form { position: absolute; top: 151px; left: 25px; border: none; width: 403px } #signupbox-horiz .textfield { background: transparent ; border: none; color: #010101; width: 180px; height: 15px; font-size: 11px; padding: 6px 7px; } #signupbox-horiz .optin-submit {margin: 5px 80px } #video { margin: 0 10px 50px 0 } #video-frame { background-color: #dedede; padding: 16px; width: 527px } /*.testimonials { background-color: #d1d1d1; width: 100% } .testimonials-body { background: url(../images/bak-testimonial-top.gif) no-repeat; width: 100%; height: 15px } .testimonials-bottom { background: url(../images/bak-testimonial-bottom.gif) no-repeat; width: 100%; 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 } */ .beforePhoto { color:#1A1A1A; float:left; font-size:18px; line-height:150%; padding:0 8px; text-align:left; } .afterPhoto { color:#E32727; float:left; font-size:18px; font-weight:bold; line-height:150%; text-align:right; } .picture-frame, .picture-frame2 { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFDFF none repeat scroll 0 0; border:2px solid #52A1D1; padding:4px; } /*Marc Perry inputted css classes*/ .bigger {clear: both; margin: 15px 0 0 0; font-size: 15px; color: #303030 } .successname {font-family: verdana; font-size: 18pt; font-weight: bold; color: black; background-image: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-width: 0px; margin-height: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px} .successweight {font-family:verdana; font-size: 12pt; font-weight: bold; font-style: italic; color: #000099; background-image: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-width: 0px; margin-height: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px} .successbody {font-family:verdana; font-size: 9pt; font-weight: normal; font-style: normal; color: black; background-image: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-width: 0px; margin-height: 0px; padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px} a.body:link { color: black; text-decoration: underline} a.body:active { color: black; text-decoration: none} a.body:visited { color: black; text-decoration: underline} a.body:hover { color: black; text-decoration: none} /*End of Marc Perry inputted css classes*/ #footer { width: 978px; min-height: 183px; _height: 183px; background: url(../images/back-footer.jpg) no-repeat center top; font-size: 11px; position: relative } #footer .footer-content {margin: 0 auto; padding: 10px 0 0 45px; color: #fff; font-size: 13px width: 890px;} #footer .footer-content strong {color: #fff; } #footer li {color: #FFF; float: left } #searchsubmit {position:absolute;width: 25px; height:21px; top:5px;right:-2px ;background:none;text-indent:-9999px;border:none; cursor:pointer; overflow:hidden; padding-top:17px} /* ***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 } .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 } .alignleft {float: left;padding: 5px 10px 5px 0; } .alignright {float: right; padding: 5px 0 5px 10px; } /* ***END STYLES*** */ /* *** NAVIGATION *** */ #globalnav { position: absolute; width: 100%;*width:97%; top: 90px; left: 0;*left:20px; height: 33px; color: #fff; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; margin-top:5px; _margin-top: 15px; z-index: 100 } #globalnav ul { float:left; } #globalnav ul li.last, #footer ul li.last { border: none } #globalnav ul li { display: inline; padding: 0 15px; border-right:1px solid #82beff; } #globalnav a:link, #globalnav a:visited { color: #fff; font-weight:bold; } #globalnav a:hover {color:#82BEFF;} #sidebar a:link, #sidebar a:visited {color:#52a1d1; font-size:13px; font-weight: bold} #footer ul { padding-bottom: 25px; display: block; list-style: none; } #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 } #copyright { position: absolute; bottom: 5px; left: 45px; width: 890px; font-size:10px; } #copyright p {margin-bottom:10px; padding-top: -30px;} #copyright .note {font-style:italic;} a#attribution:link, a#attribution:visited {color: #fff !important; float:right;font-size:10px;} .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: 26px; } .next_prev_posts {font-size:24px; font-weight:bold; margin-bottom:40px; color:#fff } .next_prev_posts a {color:#333; text-decoration:none; margin-right:20px; font-family:Arial, Helvetica, sans-serif; } .next_prev_posts a:hover {color: #F84506;} .prev_next_page { text-align: center; } .datemeta a:link, .datemeta a:visited, .datemeta a:hover {color:#2e2e2e; font-weight:bold } /* ***END NAVIGATION*** */ /* Start Blog */ #intro {background: url(../images/never-waste-your-time.png) no-repeat 50px top;font-size:13px; margin-top:0px;*margin-top:0;padding:65px 0 0; } #intro img {margin:-10px 65px} #intro p {padding:0 15px; margin:20px 0; } #leftcontent {width:570px;float:left; padding: 0; margin: 0 0 0 0px;*margin:0 0 0 10px;position:relative; } .posts, .testimonials {background: transparent url(../images/back-post.jpg) no-repeat scroll center top;} .post,.posts, .posts-first {float:left;margin-bottom:10px;padding:15px 15px 10px;*margin-left:5px;width:100%; position:relative;} #leftcontent .post h1 {color:#52A1D1;float: left;display:block;} #leftcontent h1 {font-size:24px; margin:0;padding:0; color:#52A1D1} #login {position: absolute; top: 0; width: 100%; height: 20px; color: #fff; font-size: 10px; } #login ul {list-style: none; float: left; margin: 0px 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: #fff; font-size: 10px } #content #sidebar {width: 308px;*width:285px; margin: 355px 0 30px;float:right; padding: 0 0 0 0px; } *+html body #content #sidebar {margin-right: 22px } #sidebar h2{background: url(../images/back-sidebar-title.gif) no-repeat left center; padding: 23px 32px 0 45px;color: #444; font-size: 16px; color:#fff;margin:0 0 0px;min-height:48px; _height:48px; width:210px; } #sidebar div ul {list-style-image:url(../images/icon-arrow.gif);margin:0 0 30px 20px;width:268px;} #sidebar div li {width:250px; margin: 0 0 7px 0; background:transparent url(../images/back-sidebar-item.gif) repeat-x left bottom; list-style-type:none;} * html #sidebar li {padding: 5px 0 0 6px; margin: 0 } *+html #sidebar li {padding: 5px 0 0 6px; margin: 0 } #shadow #header-search {background:url(../images/back-search.jpg) no-repeat center center; display: inline; width: 185px; height:25px; margin: -6px 0; } #shadow #header-search form {display: inline} #shadow #header-search #s {border:none; float:left; width: 135px; font-size: 11px; color: #8c8c8c; margin:5px 10px; } *+html body #shadow #header-search #s {border-right-color:#fff;border-top-color:#fff;border-left-color:#fff;border-bottom-color:#fff} .headermeta {clear:both; min-height:30px;bottom:0px;*bottom:-30px;*+bottom:-30px;padding:10px 0 0;margin:0 0 20px 0; *margin: 0 0 50px; position:relative; width:100%; border-bottom:1px dotted #c4c4c4 } .datemeta {color:#888; clear:both; float: left; width: 300px; height: 40px; position:absolute; left:0; bottom:0; font-size:13px } #leftcontent .date {font-size: 18px; display: block; color: #0d3e67; text-align: center; font-weight:bold; height: 30px; width:40px; padding: 4px 0; float:left; } .month-year {font-size: 12px; display: block; color: #fff; text-align: center; padding: 7px 0 0 0px; font-weight: normal; width:65px; height:30px; float:left; text-transform:uppercase;} .entry_content {clear: both; margin: -5px 0 0 0; font-size: 13px; color: #303030 } .entry_content a.more-link, .entry_content a {color: #317ca9; text-decoration: underline } .entry_content a.more-link {font-size:1.1em; font-weight:bold; } .entry_content a.more-link:hover, .entry_content a:hover {color:#62a8d2;} .entry {clear: both; padding: 15px 0 0} #leftcontent h1 { margin: 0;*margin:0; width: 100%; font-size: 26px;} .editpost {display:block} .post-edit-link {font-size:0.5em;} .rightmeta {width:124px;position:absolute;right:0;bottom:0;} .rightmeta .author {color:#a3a3a3;float:right;font-style:italic;font-size:.9em;text-align:center;} .comments-box a:link, .comments-box a:visited, .comments-box a:hover {color: #fff; font-size: 24px; padding:3px 0 0 0; display: block; text-decoration: none; } .comments-box {background: url(../images/back-comment-bub.jpg) no-repeat;display:block;float:right;height: 41px;margin:0; padding:0;width:110px;right:0;text-align:center } *+html body .comments-box {margin-top: -60px} * html body .comments-box {margin-top: -60px} .comments-box a:link, .comments-box a:visited, .comments-box a:hover, .comments-box a:active {font-size:14px; font-weight:bold } .comment-feet {font-size:15px } .side-widget {margin: 0 0 0px 0 } #respond, .commentlist , #comments {margin: 0 0 0 14px } #shadow .catheader {float: none } .videome {margin: 0 0 0 20px} #comment {background:#FFFFFF url(../images/textfield.gif) repeat-x scroll center top;border:1px solid #A6A6A6;padding:2px 1px;width:510px;} #commentform #submit {background:#444444 none repeat scroll 0 0;border-style:solid;border-width:1px;color:#FFFFFF;cursor:pointer;font-size:14px;padding:3px 6px;} .post ul, .post ol {margin: 0 0 20px 40px } .commentlist {list-style: none } .commentlist li {lmargin:15px 0 3px;padding:5px 10px 3px } .commentlist .alt {background-color:#ededed ;border-bottom:1px solid #ddd ;border-top:1px solid #ddd } .commentlist p {margin:10px 5px 10px 0 } .formfield {background:#fff url(images/textfield.gif) repeat-x center top; border:1px solid #a6a6a6;padding:2px 1px } .comment-author, .comment-author a, .fn {font-weight: bold } .bookmark_me_extra {z-index:100;} .social-widget img {padding:0 13px;} .testimonials { width:100%;clear:both;margin-top:40px; padding:30px 0px 10px; } .testimonials p {margin-bottom:5px;} .testimonial-header {font-size:2em; font-style:italic; padding:0 40px 20px 10px;} .testimonial-header .name {float:left;font-weight:bold; } .testimonial-header .tag {color:#4f51af; float:right;} .testimonials-left, .testimonials-before {width:50%; float:left; } .testimonials-right, .testimonials-after {width:50%; float:right; } .testimonials-left img { float:left; padding: 4px;} .testimonials-left img.stats-img {width:95%; padding: 4px;} .testimonials-left p {margin-bottom:10px;} .testimonials-left p.note, .testimonials p.note {font-size:10px; font-style:italic;} .testimonials-name {font-style:italic; font-weight:bold;} .testimonials-bottom img {height:240px;} ul.archive-list {margin: -20px 20px 0px; list-style-image: url(../images/icon-file.gif);} .wp-caption {border:1px solid #ccc;font-size:11px; padding:4px; margin: 0 10px;} .wp-caption img {padding:5px;} .wp-caption p {padding:5px; margin:0; } .share-with-friends { font-size:1.3em; font-weight:bold; font-style:italic; } .share-tweetmeme, .share-googlebuzz, .share-digg, .share-stumble, .share-reddit, .share-facebook {margin: 0 2px 20px; display:block; float:left } .share-googlebuzz {position:relative } .google-buzz-button {position:absolute; top:-3px } * html body .google-buzz-button {top:-3px; left:2px } *+html body .google-buzz-button {top:-3px; left:2px } .share-digg {margin:1px 0 0 55px } * html body .share-digg {margin-top:1px } *+html body .share-digg {margin-top:1px } .share-stumble {margin-top:2px } * html body .share-stumble {margin-top:0px } *+html body .share-stumble {margin-top:0px } .share-reddit {} .fb_share_no_count {display:block !important } .commentcount {color:#efb53b; font-size:17px } .share-email { padding-bottom: 10px;} /* End Blog */ #socialbuttons { margin-left:600px; margin-top:20px; margin-bottom:20px;}