html { margin: 0px; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0px; }
body { font-family:Arial, Helvetica, sans-serif; background: url("images/bg.png") repeat-x 0 0 #eee9ea; color:#4D5460; height:100%; width:100%; margin: 0px; padding:0px; border:0px; font-size:12px; padding-top:30px; }
/* standard classes */
a { text-decoration: none; color:#534741; margin:0px; padding:0px;}
a img { border: 0px; margin:0px; padding:0px;}
.clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0px; border: 0px; padding: 0px; font-size: 0; line-height: 0;}
strong { font-weight:bold; color:#407236; }
em { font-style:italic; color:#534741; }
ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; }
/************************************************
* Header *
************************************************/
#header {position:relative; margin:0px ; padding:0px; height:129px; margin:0px auto; }
#header-inner {margin:0px ; padding:0px; }
h1 {font-weight:normal; margin:0px; padding:0px;}
h1 a{position:relative; display: block; width: 190px; height: 129px; float:left; background:url("images/logo.gif") no-repeat 0 0; text-indent: -9999px; outline: none; margin:0px; }
/************************************************
* Menu *
************************************************/
ul.menu { list-style:none; color:#C6CACC; }
#header ul.menu {width:189px; float:right; margin:0px; }
#header ul.menu li{ margin:0px 0px 2px 0px; padding:0px; display:block; width:189px; height:19px; background:#fff; }
#header ul.menu li a{ height:19px; display:block; margin:0px; color:#B2B2B2; }
#header ul.menu li.home a{ background:url("images/menu/menu-home.png") no-repeat 0 0; }
#header ul.menu li.about a{ background:url("images/menu/menu-about.png") no-repeat 0 0 ; }
#header ul.menu li.contact a{ background:url("images/menu/menu-contact.png") no-repeat 0 0 ; }
#header ul.menu li.blog a{ background:url("images/menu/menu-blog.png") no-repeat 0 0; }
#header ul.menu li.tips a{ background:url("images/menu/menu-tips.png") no-repeat 0 0; }
#header ul.menu li.nutrition a{ background:url("images/menu/menu-nutrition.png") no-repeat 0 0 ; }
#header ul.menu li.bravo a{ background:url("images/menu/menu-bravo.png") no-repeat 0 0; }
/* Hover State */
#header ul.menu li.home a:hover{ background:url("images/menu-active/menu-home.png") no-repeat 0 0; }
#header ul.menu li.about a:hover{ background:url("images/menu-active/menu-about.png") no-repeat 0 0 ; }
#header ul.menu li.contact a:hover{ background:url("images/menu-active/menu-contact.png") no-repeat 0 0 ; }
#header ul.menu li.blog a:hover{ background:url("images/menu-active/menu-blog.png") no-repeat 0 0; }
#header ul.menu li.tips a:hover{ background:url("images/menu-active/menu-tips.png") no-repeat 0 0; }
#header ul.menu li.nutrition a:hover{ background:url("images/menu-active/menu-nutrition.png") no-repeat 0 0 ; }
#header ul.menu li.bravo a:hover{ background:url("images/menu-active/menu-bravo.png") no-repeat 0 0; }
/* Active State */
#home #header ul.menu li.home a{ background:url("images/menu-active/menu-home.png") no-repeat 0 0; }
#about #header ul.menu li.about a{ background:url("images/menu-active/menu-about.png") no-repeat 0 0 ; }
#contact #header ul.menu li.contact a{ background:url("images/menu-active/menu-contact.png") no-repeat 0 0 ; }
#blog #header ul.menu li.blog a{ background:url("images/menu-active/menu-blog.png") no-repeat 0 0; }
#tips #header ul.menu li.tips a{ background:url("images/menu-active/menu-tips.png") no-repeat 0 0; }
#nutrition #header ul.menu li.nutrition a{ background:url("images/menu-active/menu-nutrition.png") no-repeat 0 0 ; }
#bravo #header ul.menu li.bravo a{ background:url("images/menu-active/menu-bravo.png") no-repeat 0 0; }
#header ul.menu li span { display:none; }
/************************************************
* Layout *
************************************************/
#container {position:relative; width:950px; height:100%; padding:0px; margin: 0px auto; border:2px solid #b9bdc8; background: url("images/containerbg.png");}
#about #container {background: url("images/grad-about.png") repeat-x 0 0 #e7ebea;}
#contact #container {background: url("images/grad-contact.png") repeat-x 0 0 #e1eaf0;}
#blog #container,
#tips #container { background: url("images/grad-blog.png") repeat-x 0 0 #ebe9e2; }
#bravo #container {background: #e2e4eb;}
#home #contentwrapper { background: url("images/grad-home.png") repeat-x 0 100% ; }
#contentarea {position:relative; padding:0px; margin: 20px 20px 0px 20px; height:auto; padding-bottom:20px;}
#home #contentarea {background:url("images/banner-home.png") no-repeat 90% 100%; }
#about #contentarea {background:url("images/banner-about.png") no-repeat 95% 170px; }
#contact #contentarea {background:url("images/banner-contact.png") no-repeat 95% 100%; }
/************************************************
* Entry Formatting *
************************************************/
#entrywrapper {position:relative; margin:0px; padding:0px; width:510px; clear:both; }
#blog #entrywrapper {width:730px; margin:0px auto;}
#tips #entrywrapper {width:730px; margin:0px auto;}
.entry{ margin: 40px 0px 25px 0px; padding:0px;}
.entry.rounded {background: url("images/entrybg.png") repeat-y 50% 0; width:730px; }
.entrycontent {padding:0px 30px; }
.entrytop {background: url("images/entry-top.png") no-repeat 50% 0; width:730px; height:31px;}
.entrybottom {background: url("images/entry-bottom.png") repeat-y 50% 0; width:730px; height:30px;}
.featuredentry {width:300px; height:250px; display:block; margin:160px auto 0px auto; float:none; }
.featuredentry a{ width:300px; height:140px; display:block;}
.featuredentry a#bravo {background:url("images/featured-bravo.png") no-repeat 0 0;}
.featuredentry a#nutrition{background:url("images/featured-nutrition.png") no-repeat 0 0;}
.featuredentry a span { display:none;}
h2 { font-weight:normal; margin:0px; padding:0px; color:#879AAB;}
/* form pages*/
form input.text{border:#6A95A8 1px solid;}
form textarea{border:#6A95A8 1px solid;}
/* contact form layout */
#contactform {margin:25px 0px 0px 0px; width:400px;}
#contactform form { margin:0px; padding:0px;}
#contactform p{margin:0px 0px 15px 0px; clear:both; padding:0px ; }
#contactform label {position:relative; margin:5px 0px 10px 0px; padding:0px ;width: 150px; float:left; text-align:left; }
#contactform label#message {width: 400px;}
#contactform input {position:relative; margin:5px 0px 10px 0px; padding:0px ;float:right; }
#contactform input.text { width: 200px; }
#contactform input #send{position:relative; margin: 0px; padding: 15px 0px 0px 0px ; width: 49px; float:right; }
#contactform textarea {position:relative; margin: 0px; padding: 5px 0px 0px 0px ; width: 398px; }
/************************************************
* Footer *
************************************************/
#footer {margin:0px; clear:left; padding:3px 0px; background:#F5F3F4; color:#B2B2B2; width:550px; margin-top:80px;}
#footer a{ margin:0px; padding:0px; padding:0px 7px; border-right:#B2B2B2 1px solid;color:#B2B2B2; }
#footer a.last { border-right:none;}
#footer a:hover { color:#8C8C8C;}
#sitecredits {position:relative; width:950px; clear:both; margin: 0px auto; padding:5px 0px; height:100px; text-align:left; color:#879AAB; font-size:11px; line-height:20px;}
#sitecredits a{color:#879AAB;}