/* --------------------------------------------- */ /* Green Medicine Site */ /* Build start date: 2008-08-21 */ /* Developer: Nicolas Lazell. */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* KEY */ /* --------------------------------------------- */ /* 1. Overall Setup */ /* 2. SkipLinks */ /* 3. Typography */ /* 4. Wrapper */ /* 5. Navigation */ /* 6. Footer */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* 1. Overall Setup */ body { color: #7f7d6c; font: 62.5% arial,helvetica,sans-serif; margin: 0; padding: 0; text-align: center; background: url(/a/img/global/tile.jpg) 0 0 repeat; } a:link, a:visited { color: #7f7d6c; text-decoration: underline; } a:hover, a:active { color: #7f7d6c; text-decoration: none; } h2 { font: bold 1.5em georgia, times, serif; color: #7F9C53; margin-top: 0; } /* --------------------------------------------- */ /* 2. Generics */ .offScreen { position: absolute; margin-left: -5000px; } .clear { clear: both; } /* --------------------------------------------- */ /* 2. Skip Links */ /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */ #skipLinks, #styleSheetSwitcher { padding: 0; position: absolute; right: 0px; top: -500em; } #skipLinks a:active, #skipLinks a:focus { position: absolute; top: 500.25em; right: 0.25em; z-index: 5; white-space: nowrap; color: #000; background: #FFF; border: 2px solid red; padding: 3px; } /* --------------------------------------------- */ /* x. Branding */ ul#siteNav { position: absolute; top: 60px; left: 230px; list-style-type: none; margin: 0; padding: 0; width: 480px; } ul#siteNav li { float: left; margin-right: 7px; margin-bottom: 5px;} ul#siteNav li#home { background: url(/a/img/global/nav/home.gif) 0 0 no-repeat; width: 68px; } ul#siteNav li#home a { background: url(/a/img/global/nav/home.gif) 0 0 no-repeat;display: block; width: 50px; height: 22px; float:left; } ul#siteNav li#home a.active, ul#siteNav li#home a:hover { background: url(/a/img/global/nav/home.gif) 0 -22px no-repeat; } ul#siteNav li#aboutMe { background: url(/a/img/global/nav/aboutMe.gif) 0 0 no-repeat; width: 98px; height: 22px; } ul#siteNav li#aboutMe a { background: url(/a/img/global/nav/aboutMe.gif) 0 0 no-repeat;display: block; width: 80px; height: 22px; float:left;} ul#siteNav li#aboutMe a.active, ul#siteNav li#aboutMe a:hover { background: url(/a/img/global/nav/aboutMe.gif) 0 -22px no-repeat; } ul#siteNav li#commonAilments { background: url(/a/img/global/nav/commonAilments.gif) 0 0 no-repeat; width: 167px; height: 22px; } ul#siteNav li#commonAilments a { background: url(/a/img/global/nav/commonAilments.gif) 0 0 no-repeat;display: block; width: 148px; height: 22px; float:left;} ul#siteNav li#commonAilments a.active, ul#siteNav li#commonAilments a:hover { background: url(/a/img/global/nav/commonAilments.gif) 0 -22px no-repeat; } ul#siteNav li#akilahsForum { background: url(/a/img/global/nav/akilahsForum.gif) 0 0 no-repeat; width: 116px; height: 22px; } ul#siteNav li#akilahsForum a { background: url(/a/img/global/nav/akilahsForum.gif) 0 0 no-repeat;display: block; width: 116px; height: 22px; float:left;} ul#siteNav li#akilahsForum a.active, ul#siteNav li#akilahsForum a:hover { background: url(/a/img/global/nav/akilahsForum.gif) 0 -22px no-repeat; } ul#siteNav li#inYourGarden { background: url(/a/img/global/nav/inYourGarden.gif) 0 0 no-repeat; width: 140px; height: 22px; } ul#siteNav li#inYourGarden a { background: url(/a/img/global/nav/inYourGarden.gif) 0 0 no-repeat;display: block; width: 130px; height: 22px; float:left;} ul#siteNav li#inYourGarden a.active, ul#siteNav li#inYourGarden a:hover { background: url(/a/img/global/nav/inYourGarden.gif) 0 -22px no-repeat; } ul#siteNav li#naturalRemedies { background: url(/a/img/global/nav/naturalRemedies.gif) 0 0 no-repeat; width: 159px; height: 22px; } ul#siteNav li#naturalRemedies a { background: url(/a/img/global/nav/naturalRemedies.gif) 0 0 no-repeat;display: block; width: 140px; height: 22px; float:left;} ul#siteNav li#naturalRemedies a.active, ul#siteNav li#naturalRemedies a:hover { background: url(/a/img/global/nav/naturalRemedies.gif) 0 -22px no-repeat; } ul#siteNav li#placeAnOrder { background: url(/a/img/global/nav/placeAnOrder.gif) 0 0 no-repeat; width: 137px; height: 22px; } ul#siteNav li#placeAnOrder a { background: url(/a/img/global/nav/placeAnOrder.gif) 0 0 no-repeat;display: block; width: 120px; height: 22px; float:left;} ul#siteNav li#placeAnOrder a.active, ul#siteNav li#placeAnOrder a:hover { background: url(/a/img/global/nav/placeAnOrder.gif) 0 -22px no-repeat; } ul#siteNav li#otherServices { background: url(/a/img/global/nav/otherServices.gif) 0 0 no-repeat; width: 116px; height: 22px; } ul#siteNav li#otherServices a { background: url(/a/img/global/nav/otherServices.gif) 0 0 no-repeat;display: block; width: 116px; height: 22px; float:left;} ul#siteNav li#otherServices a.active, ul#siteNav li#otherServices a:hover { background: url(/a/img/global/nav/otherServices.gif) 0 -22px no-repeat; } #mainFeature { position: relative; } #mainFeature #copy { width: 480px; position: absolute; top: 40px; left: 50px; overflow: auto; height: 170px; } #mainFeature #copy.halfPint { width: 430px; height: 185px; left: 45px; } #mainFeature #copy h1 { font: bold 2.5em georgia, times, serif; color: #F2F5A0; margin: 0 0 -10px 0} #mainFeature #copy h1#double { font: bold 1.8em georgia, times, serif; color: #F2F5A0; margin: 0 0 -10px 0} #mainFeature #copy p { color: #FFF; font-weight: bold; line-height: 1.2em; } #mainFeature #copy p a:link, #mainFeature #copy p a:visited { color: #F2F5A0; text-decoration: underline; } #mainFeature #copy p a:hover, #mainFeature #copy p a:active { color: #333; text-decoration: underline; } #mainFeature #copy p strong { color: #F2F5A0; } /* --------------------------------------------- */ /* x. Header */ #header { margin: 0px auto; padding: 0; position: relative; width: 840px; height: 130px; background: url(/a/img/global/butterflies.gif) no-repeat 0 0; } #headerRel { position: relative; float: left; position: absolute; top: 10px; left: 30px; z-index: 9999;} #headerRel img { border: 0; } /* --------------------------------------------- */ /* x. Overall Structure */ #content { margin: 6px auto 0 auto; padding-bottom: 0px; width: 872px; } #content #wrapper { font-size: 1.2em; line-height: 1.4em; margin: 0 auto; padding: 0; position: relative; text-align: left; width: 872px; min-height: 300px; height: auto !important; height: 300px; } #content #wrapper #page { width: 820px; margin: 0 auto; color: #7f7d6c; } /* --------------------------------------------- */ /* 6. Footer */ #footer { font-size: 1em; padding: 10px 0; text-align: left; background: url(/a/img/global/footerBg.gif) no-repeat 50% 0; margin-top: 25px;} #footer ul { list-style-type: none; margin: 0 auto; padding: 0; width: 820px; } #footer ul li { float: left; } #footer ul li.logo { float: right; margin-left: 15px; } #footer ul li.logo img { border: 0; } #footer ul li.logo a:hover { background: none; } #footer ul li a { color: #7f7d6c; } #footer ul li a:hover { text-decoration: none; } #footer ul li.last { border: 0; margin-right: 0; } ul#features { list-style-type: none; margin: 0; padding: 0; } ul#features li { width: 240px; float: left; padding-right: 15px; margin-right: 35px; min-height: 130px; height: auto !important; height: 130px; font-weight: bold; } ul#features li.last { padding-right: 0px; margin-right: 0px;} ul#features li h2 { margin: 0; } ul#features li#ft_about-me h2 { background: url(/a/img/home/aboutMe.jpg) 0 0 no-repeat; width: 123px; height: 21px; } ul#features li#ft_about-me h2 a { display: block; background: url(/a/img/home/aboutMe.jpg) 0 0 no-repeat; width: 123px; height: 21px; } ul#features li#ft_forums h2 { background: url(/a/img/home/akilahsForum.jpg) 0 0 no-repeat; width: 160px; height: 21px; } ul#features li#ft_forums h2 a { display: block; background: url(/a/img/home/akilahsForum.jpg) 0 0 no-repeat; width: 160px; height: 21px; } ul#features li#ft_natural-remedies h2 { background: url(/a/img/home/naturalRemedies.jpg) 0 0 no-repeat; width: 179px; height: 21px; } ul#features li#ft_natural-remedies h2 a { display: block; background: url(/a/img/home/naturalRemedies.jpg) 0 0 no-repeat; width: 179px; height: 21px; } ul#features li#ft_common-ailments h2 { background: url(/a/img/home/commonAilments.jpg) 0 0 no-repeat; width: 189px; height: 21px; } ul#features li#ft_common-ailments h2 a { display: block; background: url(/a/img/home/commonAilments.jpg) 0 0 no-repeat; width: 189px; height: 21px; } ul#features li#ft_in-your-garden h2 { background: url(/a/img/home/inYourGarden.jpg) 0 0 no-repeat; width: 162px; height: 21px; } ul#features li#ft_in-your-garden h2 a { display: block; background: url(/a/img/home/inYourGarden.jpg) 0 0 no-repeat; width: 162px; height: 21px; } ul#features li#ft_other-services h2 { background: url(/a/img/home/otherServices.jpg) 0 0 no-repeat; width: 159px; height: 21px; } ul#features li#ft_other-services h2 a { display: block; background: url(/a/img/home/otherServices.jpg) 0 0 no-repeat; width: 159px; height: 21px; } #colWrapper { width: 100%; overflow: hidden; } #colWrapper .col { padding-right: 10px; margin-right: 10px; width: 400px; float: left; font-weight: bold;} #colWrapper .col img { float: right;} #colWrapper .col.last { padding-right: 0px; margin-right: 0px; } body#iyg #colWrapper .imgCol { width: 300px; padding-right: 10px; margin-right: 10px; float: left; font-weight: bold;} body#iyg #colWrapper .col { width: 400px; padding-right: 10px; margin-right: 10px; width: 400px; float: left; font-weight: bold;} body#iyg #colWrapper .col h3 { font: bold 1.4em georgia, times, serif; color: #7F9C53; margin: 0 0 -10px 0; } .innerPage { padding-right: 10px; margin-right: 10px; width: 400px; float: left; font-weight: bold;} .innerPage ul { list-style-type: none; margin: 0; padding: 0; } .innerPage ul li { background: url(/a/img/common/flowerPot.jpg) no-repeat 0 2px; padding-left: 25px; margin-bottom: 5px; } ul#iygNav { margin: 0 0 20px 0; padding: 0; list-style-type: none; width: 100%; overflow: hidden; } ul#iygNav li { display: inline; float: left; font: bold 1.6em georgia, times, serif; color: #7F9C53; margin-right: 35px;} ul#iygNav li a { text-decoration: none; color: #7F9C53; color: #7F9C53; } ul#iygNav li a:hover, ul#iygNav li.active { text-decoration: underline; } div#search { padding: 0; margin: 0; } div#search fieldset { border: 0; padding: 0; margin: 0; } div#search fieldset legend { display: none; } div#search fieldset input.text { border: 1px solid #177129; font-size: 1.575em; padding: 5px; float: left; margin-right: 10px;} #ailmentsSub { width: 200px; float: left; border-right: 1px dotted #ccc; padding-right: 10px;} #ailmentsSub h2 { color: #7F9C53; font-size: 1.2em; margin-bottom: 5px; } ul.ailmentsNav { margin: 0; padding: 0; list-style-type: none; } ul.ailmentsNav li { background: #EDEBDE; margin-bottom: 1px; font-weight: bold; } ul.ailmentsNav li a { display: block; background: #EDEBDE; margin-bottom: 1px; text-decoration: none; } ul.ailmentsNav li a:hover { background: #D4D3BF; margin-bottom: 1px; } .ailmentsBody { float: left; margin-left: 20px; width: 580px;} .ailmentsBody h2 { padding: 5px;font: bold 1.8em georgia, times, serif; color: #7F9C53; margin-top: 0; background: #F1F5A0; border-bottom: 1px dotted #7F9C53; } .ailmentsBody a.permalink { font-weight: bold; } .ailmentsBody h3 { font: bold 1.4em georgia, times, serif; color: #7F9C53; margin: 0; } .productImage { width: 100px; background: #7F9C53; padding: 1px; float: right; height: 100px; margin: 10px;} .productImage img { width: 100px;} .productImageFull { width: 148px; background: #7F9C53; padding: 1px; float: right; height: 125px; margin: 10px; margin-top: 0; } .productImageFull img { width: 148px;} ul.productList { margin: 0; padding: 0; list-style-type: none; width: 600px;} ul.productList li { display: block; border-bottom: 1px dotted #7F9C53; padding: 10px 10px 20px 5px; margin-bottom: 10px; } ul.productList li img { float: right; } ul#otherServices { list-style-type: none; margin: 0; padding: 0; } ul#otherServices li { display: block; width: 390px; float: left; margin-right: 20px; padding-right: 20px; } ul#otherServices li.last { margin-right: 0px; padding-right: 0px; } ul#otherServices li h3 { font: bold 1.6em georgia, times, serif; color: #7F9C53; margin: 0 0 -10px 0; } a.download { border: 1px solid #000; display: block; width: 206px; height: 25px; background: url(/a/img/order/download.jpg) no-repeat 0 0;} /* --------------------------------------------- */ /* x. Forms */ form#order fieldset { border: 0; padding: 0; margin: 0; } form#order fieldset { } form#order fieldset legend { display: none; } form#order fieldset .row { display: block; padding: 2px 0; clear: none !important; clear: left; margin-bottom: 10px} form#order fieldset .row .label { display: block; padding-top: 0.4em; float: left; font-weight: bold; margin-top: -4px; } form#order fieldset .row .field { display: block; margin: 0 0 0 70px; } form#order fieldset .row .field select { font-size: 0.85em; width: 125px; } form#order fieldset .row .submit { width: auto; float: right; margin-right: 5px;} .footNote { margin-top: 25px;font-size: 0.85em !important; line-height: 1.2em; width: 150px;} .orderBody { float: left; margin-left: 20px; width: 550px; } .orderBody h2 { font-weight: bold; font-size: 1.1em; margin-top: 0; } ul#orderPageHighlights { list-style-type: none; margin: 0; padding: 0; } ul#orderPageHighlights li { width: 175px; text-align: center; float: left; } ul#orderPageHighlights li h3 { font: bold 1.2em georgia, times, serif; color: #7F9C53; margin: 0 0 10px 0; } ul#orderPageHighlights li .productShot { background: #7F9C53; padding: 1px; height: 100px; width: 100px; margin: 0 auto;} ul#orderPageHighlights li .productShot img { border: 0; } #footer a.disclaimer { font-weight: bold; color: #cc0000; font-size: 1.1em; text-decoration: none; } #footer a.disclaimer:hover { text-decoration: underline; } body#plant-information #page { border-top: 1px dotted #ccc; padding-top: 20px;} h1#insect { font: bold 2.5em georgia, times, serif; color: #8AAC58; margin: 10px 0 0 20px; background: url(/a/img/global/pinkButterfly.gif) no-repeat 35% 0; } body#userMsg #content #wrapper #page h2 { font: bold 1.8em georgia, times, serif; color: #7F9C53; margin: 25px 0 25px 0; } /* --------------------------------------------- */ /* x. Forums (Quick build) */ body#forums #topBar { background: #EDEBDE; padding: 3px; font-size: 0.9em; margin: 0 0 10px 0;} body#forums #page #content { width: 820px !important; } body#forums #content #wrapper #page #subheader .breadcrumb { font-weight: bold; padding: 3px; font-size: 0.8em; } body#forums #content #wrapper #page .tableHeading { font: bold 1.8em georgia, times, serif; color: #7F9C53; margin: 25px 0 10px 0; } body#forums #content #wrapper #page #content input.input { width: 600px !important} body#forums #content #wrapper #page #content textarea.textarea { width: 605px !important} body#forums #content #wrapper #page table.tableBorderLeft tr td { padding: 5px;} body#forums #content #wrapper #page td.tableCellTwo { padding-right: 10px; } .tableHeadingBG img { display: none; } .tableRowHeadingBold { font-weight: bold; background: #ede8de; } .tablePostInfo { font-size: 0.9em; line-height: 1.1em; } .tableBorderLeft tbody tr { border-bottom: 1px dotted #ccc !important; } /* Preview */ body#forums #content #wrapper #page #content .previewheading { font: bold 1.8em georgia, times, serif; color: #7F9C53; margin: 25px 0 25px 0; } body#forums #content #wrapper #page #content .preview { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } body#forums #content #wrapper #page #content .preview h2 { font: bold 1.4em georgia, times, serif; color: #7F9C53; } a.newTopic { border: 1px solid #d4d4d4; font-weight: bold; background: #EDEBDE !important; text-decoration: none; padding: 2px 5px; } a.newTopic:hover { background: #D4D3BF !important; } .rankMember { font-size: 0.9em; font-weight: bold; margin-bottom: 20px;} .userBlock { font-size: 0.9em; } .errorBox { color: #c00 !important; } /* --------------------------------------------- */ /* x. ClearFix */ .clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearFix { display:inline-block; } /* ie7 */ /* Hide from IE Mac \*/ .clearFix {display:block;} /* End hide from IE Mac */