/* THEME NAME: Ourlife Interim DESCRIPTION: Powers the Ourlife website. VERSION: v2 AUTHOR: Nicasio LLC */ /* Two-column with sidebar on right 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 arial,helvetica,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%;} /* ----------------------------------------------------------------------------------------- */ /* 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:#FFF;text-align:center;} body.page-template-template-page-refresher-php div {display:none;} #wrapper {width:943px;text-align:left;margin:0 auto;} #wrapperMain {width:100%;background:transparent url('images/OLF_siteBG.gif') repeat-y 0 0;} #wrapperFooter {width:100%;background:transparent url('images/OLF_footerBG.gif') no-repeat 0 0;} .wrapperInner {margin:0px 1px;} /* HEADER ---------------------------------------------------------------------------- */ #header {height:157px;border-bottom:1px solid #e0dbd7;position:relative;} h1#site-title {display:none;} #site-description {font-size:108%;color:#83bbbe;position:absolute;top:10px;left:196px;} a#logo {position:absolute;top:15px;left:20px;} #top-rightArea {width:414px;height:96px;position:absolute;right:1px;top:-1px;background:transparent url('images/OLH_top-blueCurve.gif') no-repeat 0 0;} #top-tabs {float:right;width:274px;height:42px;overflow:hidden;position:relative;} /* MAIN NAV */ #topSubNav {margin-top:1px;} #topSubNav a {color:#17aead;} #topMainNav {position:absolute;bottom:10px;left:0px;width:100%;} div#menu {width:100%;text-align:right;} div#menu ul,div#menu ul ul {list-style:none;float:right;text-align:right;} div#menu ul a {display:block;text-decoration:none;color:#000;text-transform: capitalize;font-weight:bold;} div#menu ul a:hover {color:#666;} div#menu ul li ul {left:-999em;position:absolute;} div#menu ul li.current_page_ancestor a, div#menu ul li.current_page_item a {color:#06514f;} div#menu ul li.current_page_item ul {left:auto;} #menu li {float:left;margin-right:24px;} #menu li a {display:block;} li.topNav-divider {width:15px;height:1px;} /* SUBNAV */ #subNav {list-style-type:none;padding:0px 5px 5px 16px;background-color:#faf8f5;margin-left:1px;margin-bottom:25px;} #subNav li {padding:10px 8px 5px 8px;float:left;} #subNav a {font-size:95%;padding:3px 0px 5px 0px;color:#000;} #subNav a:hover {color:#666;} #subNav li.current_page_item a {color:#06514f;} /* BREADCRUMB */ #breadcrumb {display:none;margin:20px 20px 22px 24px;text-transform:lowercase;color:#333;font-size:87%;} #breadcrumb a {float:left;color:#333;} #breadcrumb a:hover {color:#9a8972;} .bc-current-item .bc-current-page, .bc-current-item .bc-current-post, .bc-current-item .bc-current-search, .bc-current-item .bc-separator {/*display:none;*/} body.pageid-6 .bc-current-item .bc-current-page {/*display:inline;*/} .bc-separator {float:left;margin:4px 3px 0px 3px;width:6px;height:7px;background:transparent url('images/ourlife_arrow_right_brown.jpg') no-repeat 0 0;} /* CONTENT ----------------------------------------------------------------------- */ #inner {background:transparent url('images/ourlife_secondaryBG.gif') repeat-y -1px top;padding-bottom:40px;overflow:hidden;width:940px;} #inner.oneColumn {background:none;} #inner.oneColumn #container, #inner.oneColumn #content {margin:0px;} #inner.oneColumn #content {margin-left:1px;} h2.page-title {display:none;/*margin:22px 20px 0px 0px;color:#554442;font-size:182%;font-weight:normal;text-transform:lowercase;*/} #content h3, .ddsg-wrapper h2 {font-size:153.9%;font-weight:normal;margin:10px 20px 5px 0px;color:#000;} #content h3 a {color:#279b98;} #content h3 a:hover {color:#1e8986;} #content .item-content h3 {margin-bottom:0px;} #content .item-content h3 a {color:#279b98;} #content .item-content h3 a:hover {color:#1e8986;} #content .entry-content h3 span {font-size:61%;} #content .entry-content h4, .sidebar h3, #content .item-content h4 {text-transform:lowercase;color:#000;font-size:116%;font-weight:bold;} #content .entry-content h4, #content .item-content h4 {margin-bottom:10px;color:#000;} #content .entry-content h4 a, #content .item-content h4 a {color:#279b98;color:#1e8986;} #content .entry-content h4 a:hover, #content .item-content h4 a:hover {color:#16b0af;} #content .entry-content h5, #content .item-content h5 {color:#000;font-size:116%;font-weight:normal;margin-top:15px;line-height:151%;margin-bottom:25px;} h3#homeBTNS {margin:0px;padding:0px;text-align:left;width:100%;height:264px;} h3#homeBTNS a, h3#homeBTNS span {display:block;float:left;height:264px;overflow:hidden;} h3#homeBTNS a span, h3#homeBTNS span span {display:none;} #homeBTN-dr-bradley {width:313px;background:transparent url('images/OLH_meet-dr-bradley-homeImage.jpg') no-repeat 0 0;margin-right:1px;} #homeBTN-our-mission {width:311px;background:transparent url('images/OLH_our-mission-homeImage.jpg') no-repeat 0 0;margin-right:1px;} #homeBTN-ruby {width:313px;background:transparent url('images/OLH_order-rubys-plan-homeImage.jpg') no-repeat 0 0;} h3#homeBTNS a:hover {background-position:0 -265px;} h3#homeBTNS a#homeBTN-ruby:hover {background-position:0 -264px;} #content .page, #content .post {margin:0px 20px 0px 24px;} #content p, #content td, #content .entry-content li {color:#333;line-height:151%;margin-bottom:20px;} #content p a {color:#279b98;} #content p a:hover {color:#1e8986;} #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/ourlife_bullet_rightDown_blue.jpg') no-repeat left 3px; padding-left:20px; /* color:#333; font-size:116%; line-height:121%; */ } @media print { #content .entry-content ul li, #content .item-content ul li { background:transparent; list-style-type:disc; padding:0px; } } #content .entry-content ul.red li {background:transparent url('images/ourlife_bullet_rightDown_red.jpg') no-repeat left 1px;} #content .entry-content ul li a, #content .item-content ul li a {color:#279b98;} #content .entry-content ul li a:hover, #content .item-content ul li a:hover {color:#1e8986;} #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 #d7e8e9;padding-left:29px;padding-right:7px;padding-bottom:10px;} #homeSection-first {border:0px;padding-left:0px;} #content .entry-content .homeSection {font-size:93%;} #content .entry-content .homeSection ul {margin:0px 0px 15px 0px;} #content .entry-content .homeSection ul li { margin-top:1px; margin-bottom:2px; background:transparent url('images/OLH_bullet-arrow-blue-small.jpg') no-repeat left 2px; padding-left:15px; color:#333; font-size:100%; } #content .entry-content .homeSection ul li.first {background:transparent none;color:#FFF;} #content .entry-content .homeSection a {color:#279b98 !important;} #content .entry-content .homeSection a:hover {color:#1e8986 !important;} #content .entry-content .homeSection h4 {color:#000;font-weight:bold;font-size:116%;text-transform:none !important;} #content .entry-content .homeSection h4 span {color:#FFF;} #content .entry-content .homeSection img {padding:0px !important;border:0px;margin-bottom:0px !important;} #content .entry-content .homeSection p {color:#333;} #content .entry-content .homeSection a.more-link {font-weight:bold;font-size:85%;} 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; } .page-images {display:none;} /* SIDEBAR --------------------------------------------------------------------------- */ #rightMediaArea img {border-bottom:1px solid #DFDAD6;} ul.xoxo li {list-style-type:none;padding-bottom:27px;border-bottom:1px solid #e0dbd7;background:#FFF url('images/ourlife_sidebar_list_itemBG.jpg') repeat-x bottom left;} ul.xoxo li li { border:0px; margin-top:1px; margin-bottom:2px; background:transparent url('images/ourlife_arrow_right_blue.jpg') no-repeat left 4px; padding-left:10px; color:#333; font-size:95%; padding-bottom:0px; } ul.xoxo li li a {color:#279b98;} ul.xoxo li li a:hover {color:#1e8986;} 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;} #sidebar-atWorkBTN {float:left;width:103px;height:40px;background:transparent url('images/ourlife_sidebar_atWork.jpg') no-repeat 0 0;} #sidebar-atHomeBTN {float:left;width:107px;height:40px;background:transparent url('images/ourlife_sidebar_atHome.jpg') no-repeat 0 0;} #sidebar-atPlayBTN {float:left;width:104px;height:40px;background:transparent url('images/ourlife_sidebar_atPlay.jpg') no-repeat 0 0;} #sidebar-atWorkBTN span, #sidebar-atHomeBTN span, #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/ourlife_order_food_nowBTN.jpg') no-repeat 0 0;} #orderNowBTN.green a {background:transparent url('images/ourlife_order_food_nowBTN_green.jpg') no-repeat 0 0;} #orderNowBTN a:hover {background-position:0 100%;} #orderNowBTN a span {display:none;} /* FOOTER ---------------------------------------------------------------------------- */ #footer {margin:0px;padding:12px 0px 20px 20px;} #footerLeft {float:left;width:650px;} #footerRight {float:right;width:185px;text-align:right;} #footerLeft a, #footerRight a {cursor:pointer;} .footer-menu-list {width:150px;float:left;} #footerLeft ul {list-style-type:none;font-weight:normal;font-size:77%;} #footerLeft ul li {margin-bottom:1px;} #footerLeft ul li a {color:#77abad;} #footerLeft ul li a:hover {color:#1e8986;} #footer form#searchform {border:1px solid #c1c4a3;background:#FFF url('images/OLFH_footer-searchBG.gif') repeat-x 0 0;padding-right:4px;} input#s {float:left;width:155px;padding:8px 4px 4px 6px;border:0px;font-family:Verdana, Arial, sans-serif;font-size:85%;letter-spacing:0.1em;color:#b7b580;background:transparent none;} input#s-submit {position:relative;top:4px;float:left;cursor:pointer;width:14px;height:18px;background:transparent url('images/OLF_footer-searchBTN.png') no-repeat 0 0;overflow:hidden;border:0px;} input#s-submit:hover, input#s-submit:focus, input#s-submit:active {background-position:0 100%;} #bottom {font-size:87%;color:#554442;padding:5px 0px 3px 20px;text-align:right;} #bottom span {color:#106d6a;} #bottom a {color:#554442;} #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; } 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:0em 0 0 1em; } .alignleft,img.alignleft{ float:left; margin:0em 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%; }