/* Unchanged */ /* THEME NAME: Ourlife DESCRIPTION: Powers the Ourlife website. VERSION: v1 AUTHOR: Nicasio LLC */ /* Two-column with sidebar on left from the /layouts/ folder */ @import url('layouts/2c-r.css'); /* RESET ALL FONT SIZES ------------------------------------------------------------------------ Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:14px/1.35 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * Bump up IE to get to 13px equivalent */ pre,code {font-family:monospace;*font-size:108%;line-height:100%;} /* ----------------------------------------------------------------------------------------- */ body#build a#build, body#protect a#protect, body#share a#share, body#enjoy a#enjoy, body#about a#about, body#contact a#contact{ color: #3797da; } /* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS --------------------------------------- {font-size:77%;} => 10px {font-size:87%;} => 11px {font-size:95%;} => 12px {font-size:100%;} => 13px {font-size:100%;} => 14px {font-size:116%;} => 15px {font-size:123.1%;} => 16px {font-size:131%;} => 17px {font-size:138.5%;} => 18px {font-size:146.5%;} => 19px {font-size:153.9%;} => 20px {font-size:161.6%;} => 21px {font-size:167%;} => 22px {font-size:174%;} => 23px {font-size:182%;} => 24px {font-size:189%;} => 25px {font-size:197%;} => 26px ------------------------------------------------------------------------------------------- */ /* MISC. ITEMS ---------------------------------------------------------------------------- */ * {margin:0;padding:0;} .clear {clear:both;height:0px;overflow:hidden;} a img {border:0px solid WHITE;} a {text-decoration:none;} #image-preloading, .ddsg-wrapper div {display:none;} /* add vertical scrollbars to every page to avoid horizontal jog... */ html, body {height: 100%;margin: 0 0 1px;} /* ---------------------------------------------------------------------------------------- */ /* MAIN LAYOUT ------------------------------------------------------------------------ */ body {background:#000000;text-align:center;} #wrapper {background:#000000;width:941px;margin:0 auto;border: 1px solid #41403f;border-top:0px;text-align:left;} /* HEADER ---------------------------------------------------------------------------- */ #header {height:224px;border-bottom:1px solid #41403f;position:relative;} h1#site-title {display:none;} h2#site-description {display:none;} a#logo {position:absolute;top:0px;left:30px;} #topSearchAndSubNav {position:absolute;top:0px;right:20px;text-align:right;width:55%;} #topSearch {float:right;text-align:left;background:transparent url('images/topSearchBG.jpg') no-repeat top left;width:248px;height:31px;overflow:hidden;} #topSearch input#s {float:left;font-size:95%;padding:6px 2px 4px 8px;background:none;border:0px;color:#eeeae4;font-weight:bold;width:205px;margin-right:5px;} #topSearch input#search-submit {margin-top:2px;margin-right:2px;float:right;border:0px;cursor:pointer;background:transparent url('images/topSearchBTN.jpg') no-repeat 0 0;width:25px;height:22px;} #topSearch input#search-submit:hover {background-position:0 100%;} /* TOP SECONDARY NAV */ ul#topSubNav-List {clear:right;list-style-type:none;} ul#topSubNav-List li {color:#3fbebd;display:inline;text-transform:lowercase;font-size:87%;} ul#topSubNav-List li#Header-Secondary-4 a {font-size:100%;} ul#topSubNav-List a {color:#17aead;} ul#topSubNav-List a:hover {color:#554442;} ul#topSubNav-List li.current_page_item a {color:#106d6a;} /* MAIN NAV */ #topSubNav {margin-top:1px;} #topSubNav a {color:#17aead;} #topMainNav {height:35px;position:absolute;bottom:0px;left:0px;width:100%;border-top:1px solid #41403f;} div#menu {width:100%;} div#menu ul,div#menu ul ul {list-style:none;} div#menu ul a {display:block;text-decoration:none;} div#menu ul li ul {left:-999em;position:absolute;} div#menu ul li:hover ul {left:auto;} #menu li {float:left;height:35px;border-bottom:1px solid #41403f;} #menu li a {display:block;} #menu li a span {display:none;} li.topNav-divider {width:1px;background:transparent url('../images/topNav_divider.jpg') no-repeat top left;} li#topNav-build, li#topNav-buildON {width:131px;} li#topNav-build a, li#topNav-buildON a {width:131px;background:transparent url('../images/topNav_build.png') no-repeat top left;} li#topNav-protect, li#topNav-protectON {width:181px;} li#topNav-protect a, li#topNav-protectON a {width:181px;background:transparent url('../images/topNav_protect.jpg') no-repeat top left;} li#topNav-enjoy, li#topNav-enjoyON {width:137px;} li#topNav-enjoy a, li#topNav-enjoyON a {width:137px;background:transparent url('../images/topNav_enjoy.jpg') no-repeat top left;} li#topNav-share, li#topNav-shareON {width:152px;} li#topNav-share a, li#topNav-shareON a {width:152px;background:transparent url('../images/topNav_share.jpg') no-repeat top left;} li#topNav-raj, li#topNav-rajON {width:182px;} li#topNav-raj a, li#topNav-rajON a {width:182px;background:transparent url('../images/topNav_raj.jpg') no-repeat top left;} li#topNav-build a:hover, li#topNav-protect a:hover, li#topNav-enjoy a:hover, li#topNav-share a:hover, li#topNav-raj a:hover {background-position:0 -35px;} li#topNav-buildON, li#topNav-protectON, li#topNav-enjoyON, li#topNav-shareON, li#topNav-rajON {border-left:1px solid #e0dbd7;border-right:1px solid #e0dbd7;} li#topNav-buildON {border-left:0px;} li#topNav-buildON a, li#topNav-protectON a, li#topNav-enjoyON a, li#topNav-shareON a, li#topNav-rajON a {background-position:0 -35px;} /*li#topNav-ourcareON {border-bottom:1px solid #f2e3e6;} li#topNav-ourexperienceON {border-bottom:1px solid #f9ede7;} li#topNav-ourfitnessON {border-bottom:1px solid #e5f6f6;} li#topNav-ournutritionON {border-bottom:1px solid #ebf3ea;}*/ /* SUBNAV */ #subNav {display:none;list-style-type:none;padding:0px 5px 0px 16px;background-color:#faf8f5;} #subNav li {padding:10px 8px 5px 8px;} #subNav a {font-size:95%;padding:3px 0px 5px 0px;color:#554442;} #subNav a:hover {color:#9a8972;} #subNav li.current_page_item a {border-bottom:2px solid #9a8972;} /* CONTENT ----------------------------------------------------------------------- */ #inner {background:transparent;border-bottom:1px solid #e0dbd7; padding: 20px 20px 60px; } #inner.oneColumn {background:none;} #inner.oneColumn #container, #inner.oneColumn #content {margin:0px;} h1.page-title { color: #3797da; font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 10px; } h2 {color: #fff; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 10px; margin-top: 10px; } #content h3, .ddsg-wrapper h2 {font-size:153.9%;font-weight:normal;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin:10px 20px 5px 0px;color:#9b8a72;} body.pageid-50 #content h3, body.parent-pageid-50 #content h3, body.pageid-154 #content h3, body.pageid-464 #content h3 {color:#cb1f44;} body.pageid-52 #content h3, body.parent-pageid-52 #content h3 {color:#ed9624;} body.pageid-54 #content h3, body.parent-pageid-54 #content h3 {color:#16b0af;} body.pageid-56 #content h3, body.parent-pageid-56 #content h3, body.pageid-150 #content h3 {color:#81bb41;} #content .entry-content h3 a {color:#16b0af;} body.pageid-50 #content .entry-content h3 a:hover, body.pageid-154 #content .entry-content h3 a:hover, body.pageid-464 #content .entry-content h3 a:hover {color:#cb1f44;} body.pageid-52 #content .entry-content h3 a:hover {color:#ed9624;} body.pageid-54 #content .entry-content h3 a:hover {color:#16b0af;} body.pageid-56 #content .entry-content h3 a:hover, body.pageid-150 #content .entry-content h3 a:hover {color:#81bb41;} #content .item-content h3 {margin-bottom:0px;} #content .item-content h3 a {color:#106d6a;} #content .item-content h3 a:hover {color:#16b0af;} #content .entry-content h3 span {font-size:61%;} #content .entry-content h4, .sidebar h3, #content .item-content h4 {text-transform:lowercase;color: #f8f3f0;font-size:138.5%;font-weight:normal;} #content .entry-content h4, #content .item-content h4 {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin-bottom:10px;color:#554442;} #content .entry-content h4 a, #content .item-content h4 a {color:#9b8a72;color:#554442;} #content .entry-content h4 a:hover, #content .item-content h4 a:hover {color:#16b0af;} #content .entry-content h5, #content .item-content h5 {color:#9a8972;font-size:116%;font-weight:normal;margin-top:15px;line-height:151%;margin-bottom:25px;} h3#homeBTNS {margin:0px;padding:0px;background:#000000 url('images/home_btn_bg.jpg') no-repeat 0 0;text-align:left;width:100%;height:231px;} #homeBTNS {margin:0px;padding:0px;background:#000000;text-align:left;width:100%;height:231px;} #flash {margin: 0px 10px 0px 0px;padding:0px;background:#000000;text-align:left;width:434px;height:231px; float: left;} #welcome {margin:0px;padding:0px;background:#000000;text-align:left;width:450px;height:231px; float: left;} #welcomefront {width:290px; float: left;} #stockfront{ width: 160px; float: right; } h3#homeBTNS a {display:block;float:left;height:231px;overflow:hidden;} h3#homeBTNS a span {display:none;} a#homeBTN-work {width:313px;background:transparent url('images/home_work2.jpg') no-repeat 0 0;margin-right:1px;} a#homeBTN-home {width:312px;background:transparent url('images/home_home2.jpg') no-repeat 0 0;margin-right:1px;} a#homeBTN-play {width:314px;background:transparent url('images/home_play2.jpg') no-repeat 0 0;} h3#homeBTNS a:hover {background-position:0 -265px;} #content .page, #content .post {margin:0px 20px 0px 24px;} #content p, #content td {color:#a8d1e5;margin-bottom:20px; line-height: 151%; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } #content p a {color: white;} #content p a:hover {color:#554442;} #content .entry-content ul, #content .item-content ul {list-style-type:none;margin:0px 90px 30px 50px;} #content .entry-content ul li, #content .item-content ul li { margin-bottom:10px; background:transparent url('images/bullet_rightDown_brown.jpg') no-repeat left 1px; padding-left:20px; color:#a8d1e5; font-size:116%; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height:121%; } #content .entry-content ul.red li {background:transparent url('images/bullet_rightDown_red.jpg') no-repeat left 1px;} #content .entry-content ul li a, #content .item-content ul li a {color:#f8f3f0;} #content .entry-content ul li a:hover, #content .item-content ul li a:hover {color:#554442;} #content .entry-content ul ul, #content .item-content ul ul {margin:5px 0px 0px 20px;} #content .entry-content ul li ul li, #content .item-content ul li ul li {margin-bottom:15px;background:none;padding:0px;font-size:100%;} .ddsg-wrapper h2 {margin-bottom:20px;} #content .entry-content img, #content .item-content img {border:1px solid #e0dbd7;padding:4px;} .homeSection {margin-top:30px;float:left;width:194px;border-left:1px solid #16b0af;padding-left: 15px;padding-right:7px;padding-bottom:10px;} #homeSection-first {border:0px;padding-left:0px;} #content .entry-content .homeSection ul {margin:0px;} #content .entry-content .homeSection ul li { margin-top:1px; margin-bottom:2px; background:transparent url('images/arrow_right_blue.jpg') no-repeat left 4px; padding-left:10px; color:#a8d1e5; font-size:95%; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #content .entry-content .homeSection ul li a {color:#554442;} #content .entry-content .homeSection ul li a:hover {color:#106d6a;} #content .entry-content .homeSection h4 {font-family:helvetica, arial, sans-serif;} #content .entry-content .homeSection h4 a {color:#9b8a72;} #content .entry-content .homeSection h4 a:hover {color:#16b0af;} #content .entry-content .homeSection img {padding:0px;border:0px;} table#pagedNav {color:#16b0af;font-size:87%;margin-top:25px;border-top:1px solid #e0dbd7;padding-top:10px;} table#pagedNav a {color:#9b8a72;} table#pagedNav a:hover {color:#16b0af;} .error { background:#FFDFDF url('images/li-err-bg.png') repeat!important; border-color:#DF7D7D; border-style:solid; border-width:0pt; padding:5px 10px!important; margin:5px 0!important; color:#333; } /* SIDEBAR --------------------------------------------------------------------------- */ ul.xoxo li {list-style-type:none;padding-bottom:27px;border-bottom:1px solid #e0dbd7;} ul.xoxo li li { border:0px; margin-top:1px; margin-bottom:2px; background:transparent url('images/arrow_right_blue.jpg') no-repeat left 4px; padding-left:10px; color:#554442; font-size:95%; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom:0px; } ul.xoxo li li a {color:#554442;} ul.xoxo li li a:hover {color:#17aead;} ul.xoxo li ul {list-style-type:none;margin:0px 30px;} li#text-340181061 {background:none;margin-top:2px;padding-bottom:2px;height:40px;} li#text-340181061 h3 {display:none;} a#sidebar-atWorkBTN {float:left;width:103px;height:40px;background:transparent url('images/sidebar_atWork.jpg') no-repeat 0 0;} a#sidebar-atHomeBTN {float:left;width:107px;height:40px;background:transparent url('images/sidebar_atHome.jpg') no-repeat 0 0;} a#sidebar-atPlayBTN {float:left;width:104px;height:40px;background:transparent url('images/sidebar_atPlay.jpg') no-repeat 0 0;} a#sidebar-atWorkBTN:hover, a#sidebar-atHomeBTN:hover, a#sidebar-atPlayBTN:hover {background-position:0 100%;} a#sidebar-atWorkBTN span, a#sidebar-atHomeBTN span, a#sidebar-atPlayBTN span {display:none;} .sidebar h3 {margin:17px 10px 0px 30px;} #orderNowBTN {padding-top:25px;width:236px;margin:0 auto;} #orderNowBTN a {width:236px;height:42px;display:block;overflow:hidden;background:transparent url('images/order_food_nowBTN.jpg') no-repeat 0 0;} #orderNowBTN.green a {background:transparent url('images/order_food_nowBTN_green.jpg') no-repeat 0 0;} #orderNowBTN a:hover {background-position:0 100%;} #orderNowBTN a span {display:none;} /* FOOTER ---------------------------------------------------------------------------- */ #footer {margin:1px 0px;background-color:#a8d1e5;padding:12px 10px 10px 0px;} #footerLeft {float:left;width:550px; padding-left: 5px; } #footerRight {float:right;width:320px;text-align:right;} #footerLeft a, #footerRight a {cursor:pointer;} #footer-ourcare {padding-top:2px;margin-bottom:2px;font-size:87%;font-weight:bold;color:#554442;float:left;width:115px;text-align:right;padding-right:10px;background:transparent url('images/footerArrow_right_red.jpg') no-repeat right center;} #footer-ourexperience {padding-top:2px;margin-bottom:2px;font-size:87%;font-weight:bold;color:#554442;clear:left;float:left;width:115px;text-align:right;padding-right:10px;background:transparent url('images/footerArrow_right_orange.jpg') no-repeat right center;} #footer-ourfitness {padding-top:2px;margin-bottom:2px;font-size:87%;font-weight:bold;color:#554442;clear:left;float:left;width:115px;text-align:right;padding-right:10px;background:transparent url('images/footerArrow_right_blue.jpg') no-repeat right center;} #footer-ournutrition {padding-top:2px;font-size:87%;font-weight:bold;color:#554442;clear:left;float:left;width:115px;text-align:right;padding-right:10px;background:transparent url('images/footerArrow_right_green.jpg') no-repeat right center;} #footer-bradley {padding-top:2px;font-size:87%;font-weight:bold;color:#554442;clear:left;float:left;width:115px;text-align:right;padding-right:10px;background:transparent url('images/footerArrow_right_green.jpg') no-repeat right center;} #footer-ourexperience, #footer-ourfitness, #footer-ournutrition, #footer-bradley {background:none;padding-right:0px;} #footer-ourcare:hover, #footer-ourexperience:hover, #footer-ourfitness:hover, #footer-ournutrition:hover, #footer-bradley:hover {color:#9a8972;display:inline;} #footer-ourcare span {color:#931933;} #footer-ourexperience span {color:#c55b27;} #footer-ourfitness span {color:#17aead;} #footer-ournutrition span {color:#478e40;} #footer-bradley span {color:#931933;} ul#footer-ourcare-list, ul#footer-ourexperience-list, ul#footer-ourfitness-list, ul#footer-ournutrition-list, ul#footerRight-list {list-style-type:none;} ul#footer-ourcare-list, ul#footer-ourexperience-list, ul#footer-ourfitness-list, ul#footer-ournutrition-list {margin-top:-1px;float:left;font-size:95%;padding-top:1px;margin-bottom:2px;margin-left:0px;color:#554442;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} ul#footer-ourexperience-list, ul#footer-ourfitness-list, ul#footer-ournutrition-list {display:none;} ul#footer-ourcare-list a, ul#footer-ourexperience-list a, ul#footer-ourfitness-list a, ul#footer-ournutrition-list a {margin-right:5px;margin-left:5px;background:transparent;color:#554442;} ul#footer-ourcare-list a:hover, ul#footer-ourexperience-list a:hover, ul#footer-ourfitness-list a:hover, ul#footer-ournutrition-list a:hover {background:transparent;color:#9b8a72;} ul#footer-ourcare-list a {color:#931933;} #footerRight a {color:#554442;font-weight:bold;font-size:87%;} #footerRight a:hover {color:#9a8972;background:transparent;} #footerRight-left {float:left;width:155px;text-align:right;} #footerRight-left a {float:right;clear:right;} #footerRight-left a span {clear:left;padding-top:2px;margin-bottom:2px;float:left;text-align:right;} #footerRight-right {float:right;width:175px;} #footerRight-list li {margin-bottom:1px;} #bottom {font-size:87%;color:#a8d1e5;border-top:1px solid #e0dbd7;padding:5px 20px 3px 20px;text-align:right;} #bottomleft {font-size:87%;color:#a8d1e5;border-top:1px solid #e0dbd7;padding:5px 20px 3px 20px;text-align:right;} #bottom span {color:#106d6a;} #bottom a {color:#a8d1e5;} #bottom a:hover {color:#9b8a72;} #bottom a#site-credit {color:#9b8a72;} #bottom a#site-credit:hover {color:#17aead;} #gutter {height:45px;} /* Just some example content */ div.skip-link { position:absolute; right:1em; top:1em; } .entry-content form{ color: #fdfffb; } form#commentform .form-label { margin:1em 0 0; } form#commentform span.required { background:#fff; color:#c30; } form#commentform,form#commentform p { padding:0; } input#author,input#email,input#url,textarea#comment { padding:0.2em; } div.comments ol li { margin:0 0 3.5em; } textarea#comment { height:13em; margin:0 0 0.5em; overflow:auto; width:66%; } .alignright,img.alignright{ float:right; margin:1em 0 0 1em; } .alignleft,img.alignleft{ float:left; margin:1em 1em 0 0; } .aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center; } div.gallery { clear:both; height:180px; margin:1em 0; width:100%; } p.wp-caption-text{ font-style:italic; } div.gallery dl{ margin:1em auto; overflow:hidden; text-align:center; } div.gallery dl.gallery-columns-1 { width:100%; } div.gallery dl.gallery-columns-2 { width:49%; } div.gallery dl.gallery-columns-3 { width:33%; } div.gallery dl.gallery-columns-4 { width:24%; } div.gallery dl.gallery-columns-5 { width:19%; } div#nav-above { margin-bottom:1em; } div#nav-below { margin-top:1em; } div#nav-images { height:150px; margin:1em 0; } div.navigation { height:1.25em; } div.navigation div.nav-next { float:right; text-align:right; } div.gallery dl,div.navigation div.nav-previous { float:left; } input#author,input#email,input#url,div.navigation div { width:50%; } /* stocks */ #stock{ width: 305px; } #contactnumber h4{ font: 48px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; color: white; margin-top: 50px; margin-right: 30px; text-align: right; background: url(images/telephone_icon.png) no-repeat; } #contactnumber h5{ font: 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; color: white; text-align: right; margin-top: 40px; margin-right: 30px; }