/* 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: #151515 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: #da5304; outline; none } a:visited {color: #bf4904; text-decoration: none; outline; none} a:hover {color: #f25c05} a:active {color: #f25c05} /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #outershell, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto } #shell {width:100%; display: table /*background: url(../images/back-shell.jpg) repeat-x 0 bottom;*/} #shadow {width: 100%; display: table; background: url(../images/back-shadow.jpg) no-repeat center top } #outershell {width: 897px; position: relative } #container {width: 897px; background: #fff url(../images/back-container.gif) repeat-x; padding: 32px 0 0 0; min-height: 357px; _height: 357px } #content {padding: 0} #left-col { padding: 0 0 0 9px; width: 600px } #header {height: 204px } #logo { position: absolute; top: 9px; left: 7px; text-indent: -99999px } #logo a { width: 222px; height: 192px; display: block; outline: none } #shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px } #optinbox { position: absolute; top: 163px; right: -1px; width: 320px } #signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 487px } #signupbox form { position: absolute; top: 345px; left: 33px; border: none; width: 235px } #signupbox .textfield { background: transparent ; border: none; color: #010101; width: 180px; height: 20px; font-size: 11px; padding: 7px 10px; margin-left:5px } .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: 978px; min-height: 320px; _height: 320px; background: url(../images/back-footer.jpg) no-repeat 1px top; font-size: 11px; position: relative } #footer .footer-content {margin: 0 auto; padding: 65px 0 0 70px; color: #fff; font-size: 14px } #footer .footer-content strong {color: #ff0000 } #footer li {color: #FFF; float: left } #copyright { position: absolute; bottom: 15px; left: 60px; width: 850px; 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 } .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 } .alignright {float: right } /* ***END STYLES*** */ /* *** NAVIGATION *** */ #globalnav { position: absolute; width: 900px; top: 5px; right: 0; height: 33px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; padding-top:6px; 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; font-weight:bold; } #sidebar a:link, #sidebar a:visited {color:#3C3B3C; font-size:12px; font-weight: bold} #footer ul { padding-bottom: 35px; display: block; list-style: none; width: 335px } #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 } a.post-edit-link:link, a.post-edit-link:visited {font-size: 12px !important; } .post h1 a:link, .post h1 a:visited {text-decoration: none; font-size: 26px; color: #fa0c0c } .post a:link, .post a:visited {font-weight: bold } /* ***END NAVIGATION*** */ /* Start Blog */ #leftcontent {width:546px;float:left; padding: 0; margin: 0 0 0 23px } .post {background: url(../images/dotted-line.gif) repeat-x 0 bottom;float:left;margin-bottom:10px;padding-bottom:10px;width:100%;} #leftcontent .post h1 {color:#e60202;margin-top:14px;float: left;} #leftcontent h1 {font-size:24px; margin:0;padding:0; color:#e60202} #login {position: absolute; top: 5px; width: 100%; height: 20px; color: #fff; 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: #fff; font-size: 11px } #content #sidebar {width: 275px; margin: 403px 0 30px; float:left; padding: 0 0 0 28px } #sidebar h2 {background: url(../images/back-sidebar-title.gif) no-repeat left center; padding: 5px 39px 0 23px; color: #fff; font-size: 18px; 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 {width:203px; margin: 0 0 7px 0; background:transparent url(../images/back-sidebar-item.gif) repeat-x left bottom; } * 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 #666; background: #333; width: 100px; font-size: 11px; color: #ccc; } .datemeta {float: left; width: 67px; height: 75px; text-align: right; background:url(../images/back-datemeta.gif) repeat-x; } #leftcontent .date {font-size: 36px; line-height:54px; display: block; color: #fff; text-align: center; font-weight:bold } .month-year {font-size: 11px; line-height: 16px; display: block; color: #c3c3c3; text-align: center; padding: 2px 0; font-weight: normal } .entry_content {clear: both; margin: 32px 0 0 0; font-size: 13px; color: #303030 } .entry {clear: both; padding: 15px 0 0} #leftcontent h1 { margin: 5px 0 0 13px; width: 310px; font-size: 26px; padding: 0 15px 0 0 } .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 16px 0 0; padding:5px 10px 0 28px;position:relative;width:98px } *+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 {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:11px;padding:3px 6px;} .postmetadata {background:#CCCCCC none repeat scroll 0 0;border:1px dotted #AAAAAA;padding:5px 10px;} /* End Blog */