/* Theme Name: Bamboo (green) Theme URI: http://www.kd.kz/themes/bamboo/wp Description: Clean Wordpress theme Version: 1.0 Author: Alexandr Ivanov Tags: bamboo, health, beauty, spa, glass */ body, div, form, input, textarea, ul, li { font-family: Georgia, serif; font-size: 14px; color: #6f7870; line-height: 18px; } body { /*background: url(images/mainbg.jpg);*/ background: #001400 url(images/teapotlane-bcgr2.jpg) center top no-repeat fixed; margin: 0; padding: 0; } a { color: #659215; } img { border: none; text-decoration: none; } #main_top { width: 100%; height: 80px; /*background: url(images/bodybg.jpg) repeat-x;*/ } #main { width: 950px; margin: -64px auto; } /* =========== Header =========== */ #header { height: 167px; background: url(images/maintopbg.png) no-repeat; position: relative; z-index: 1; } #search { position: absolute; top: 48px; right: 68px; background: url(images/searcharea.gif) no-repeat; width: 103px; height: 19px; } .se { width: 80px; height: 16px; border: none; font-size: 12px; margin: 1px 0 0 2px; position: absolute; padding-top: 3px; } .bu { width: 14px; height: 12px; background: url(images/ic_search.gif) no-repeat; position: absolute; right: 3px; top: 4px; border: none; cursor: pointer; margin: 0; } .logo { /*width: 175px; height: 49px;*/ position: absolute; top: 46px; left: 56px; } .slogan { color: #849286; font-size: 16px; position: absolute; top: 81px; left: 250px; margin: 0; padding: 0; } .rss { display: block; padding-left: 25px; background: url(images/ic_rss.gif) no-repeat; font-size: 12px; height: 19px; line-height: 20px; position: absolute; top: 48px; right: 200px; } /* =========== End Header =========== */ /* =========== Navigation =========== */ /* Page Menu CSS */ .clearfix { display: inline-block; } #pagemenu { position: absolute; top: 93px; right: 68px; z-index: 2; } #pagemenu ul#page-list { list-style: none; margin: 0; margin-top: 0; display: block; /* ignored by IE remove space bug on FF, Chrome */ } #pagemenu ul li.page_item a, #pagemenu ul li.cat-item a { color: #fff; background: #C04898; font-size: 13px; padding: 6px 7px 5px 7px; text-decoration: none; margin: 0 1px 0 0; display: block; line-height: normal; } #pagemenu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover, #pagemenu ul li.current_page_item a { background: #990033; color: #fff; } #pagemenu #page-list { margin:0; padding:0; } #pagemenu #page-list li { padding:0px; float:left; list-style: none; line-height:28px; display: inline; } #pagemenu #page-list li a, #page-list li ul li a{ display:block; } #pagemenu #page-list li ul { position: absolute; width: 120px; left: -999em; border-top: 1px solid #fff; margin:0; padding:0; } #pagemenu #page-list li ul a { margin-bottom: 1px; background: #C04898; color: #fff; } #pagemenu #page-list li ul a:hover { background: #990033; } #pagemenu #page-list li:hover ul, #pagemenu #page-list li.sfhover ul { left: auto; } #pagemenu #page-list li ul li { line-height:28px; width:140px; margin:0px; } #pagemenu #page-list li:hover, #pagemenu #page-list li.hover { position: static; } #pagemenu #page-list li ul ul { margin: -26px 0 0 120px; } #pagemenu #page-list li:hover ul ul, #pagemenu #page-list li.sfhover ul ul { left: -999em; } #pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul { left: auto; } #pagemenu #page-list li:hover ul ul, #pagemenu #page-list li:hover ul ul ul, #pagemenu #page-list li.sfhover ul ul, #pagemenu #page-list li.sfhover ul ul ul { left: -999em; } #pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul, #pagemenu #page-list li li li.sfhover ul { left: auto; } .nav_tl { position:absolute; top:0px; left:0; } .nav_tr { position:absolute; top:0; right:1px; } .nav_bl { position:absolute; bottom:0; left:0px; } .nav_br { position:absolute; bottom:0; right:1px; } /* =========== End navigation =========== */ /* =========== Footer =========== */ #footer-content { background: url(images/footerbg.png) repeat-y; overflow: hidden; position: relative; } #footer { background: url(images/mainbotbg.png) no-repeat; height: 60px; padding: 40px 55px 0 55px; color: #fff; font-size: 14px; font-family: helvetica; } #footer a { color: #ada675; } #copyright { float: left; width: auto; color:#fff; } #powered { float: right; height: 29px; padding-left: 36px; margin-top: -8px; padding-top: 8px; width: auto; } #powered a { color: #6d5d2e; } /* =========== End Footer =========== */ /* =========== Index Articles =========== */ #index_articles { background: url(images/slider_post.jpg) no-repeat; width: 900px; margin: 0 0 0 15px; overflow: hidden; } #articles_series { width: 900px; margin: 0 0 40px 15px; overflow: hidden; } #articles_series ul, #index_articles ul { float: left; font-size: 14px; color: #6e7870; font-family: helvetica, sans-serif; line-height: 17px; padding-bottom: 35px; margin: 0; padding: 0; } #articles_series li { margin: 15px 0 30px 40px; width: 245px; text-align: left; float: left; list-style: none; display: inline; height: 186px; overflow: hidden; } #index_articles li { margin: 15px 0 30px 40px; width: 245px; text-align: left; float: left; list-style: none; display: inline; overflow: hidden; } #articles_series h3 { font-size: 18px; margin-top: 0px; font-weight: 400; font-family: Contra; /*max-width: 250px;*/ overflow: hidden; height: 35px; line-height: 30px; } #index_articles h3 {color:#000; font-size: 18px; margin-top: 8px; margin-bottom: 8px; font-weight: bold; font-family: Contra; /*max-width: 250px;*/ line-height: 22px;} #index_articles img {margin-bottom:8px;} #articles_series a, #index_articles a { text-decoration: none; color: #555; } .articletitlepic { float: left; height: 90px; width: auto; margin-right: 5px; } /* =========== End Index Articles =========== */ /* =========== Slider =========== */ #slider{ position: relative; height: 244px; background: url(images/sliderbg.jpg) repeat-x; width: 900px; margin-left: 15px; position: relative; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ width:900px; height:241px; overflow:hidden; } #slider a { text-decoration: none; color: #837955; } #prevBtn, #nextBtn{ display:block; width:27px; height:49px; position:absolute; left:15px; top:95px; } #nextBtn{ left:888px; } #prevBtn a, #nextBtn a{ display:block; width:27px; height:49px; background:url(images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0; } .slide { padding: 48px 0 0 68px; width: 400px; height: 240px; display: block; font-family: Contra; text-decoration: none; color: #717a72; font-size: 20px; line-height: 22px; } #slider h3 { font-size: 35px; font-weight: 400; margin: 0 0 25px 0; color: #837955; line-height: 35px; } .sliderimg-holder { float: right; margin: 16px 52px 0 0; width: 340px; height:208px; background: url(images/front-slide-bcgr.png) no-repeat; } .sliderimg { margin: 14px 0 0 14px; } /* =========== End Slider =========== */ /* =========== Content =========== */ #content { background: url(images/mainmidbg.png) repeat-y; overflow: hidden; position: relative; } #content_title { margin: 0; } #content_title h3 { width: 835px; padding: 4px 0 4px 10px; margin: 0 0 0 40px; border-top: 1px solid #959c96; border-bottom: 1px solid #959c96; font-family: Contra; font-size: 26px; color: #555; font-weight: 400; line-height: 26px; } #content_in { padding: 30px 50px 50px 50px; font-size: 14px; color: #6f7870; line-height: 18px; } #content_in h3, #content_left h3 { font-size: 20px; font-weight: 400; margin: 0; line-height: 25px; } blockquote { background-color: #e0e4c5; display: block; padding: 15px; border-left: 3px solid #857a62; margin: 0 0 0 30px; color: #7b766c; } /* =========== End Content =========== */ /* =========== Blog =========== */ #blog_items { overflow: hidden; } .blog_item { overflow: hidden; border-bottom: 1px solid #ccc; padding: 25px 10px 25px 10px; } .blog_item:hover { background: #eee; } .blogpic { float: left; padding: 10px; border: 1px solid #ccc; width: 130px; height: 130px; background: #fff; margin: 0 20px 20px 0; } .blog_item_text { } #blog_items h3 { font-size: 30px; font-weight: 400; font-family: Contra; line-height: 35px; margin-bottom: 10px; overflow: hidden; } #blog_items a { text-decoration: underline; } #blog_items a:hover { color: #6f7870; } .blog_meta { font-size: 12px; background: #eee; padding: 3px; line-height: 12px; margin-top: 10px; overflow: hidden; } /* =========== End Blog =========== */ /* =========== Portfolio =========== */ #portfolio_series { width: 900px; margin: 0 0 40px 15px; overflow: hidden; } #portfolio_series ul { float: left; font-size: 14px; color: #6e7870; font-family: helvetica; line-height: 17px; margin: 0; padding: 0; } #portfolio_series li { margin: 20px 0 0 40px; width: 245px; height: 186px; text-align: left; float: left; list-style: none; display: inline; overflow: hidden; } .portfoliopic { float: left; height: 100px; width: 218px; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; } /* =========== End Portfolio =========== */ /* =========== Contact form =========== */ .notification_error { border: 1px solid #debcc0; height: auto; width: 90%; padding: 4px 10px; margin-bottom: 15px; background: #F8F0F1; text-align: left; font-size: 14px; color: #b38d92; } .notification_ok { border: 1px #a9bc89 solid; height: auto; width: 90%; padding: 10px; background: #dde8c9; text-align: center; color: #707c5a; font-size: 20px; } #fields input { width: 200px; padding: 5px 0; font-size: 14px; } #fields textarea { width: 400px; height: 150px; font-size: 14px; } #fields input.button { cursor: pointer; border: none; background: #777; color: #fff; } #fields input.button:hover { background: #999; } label { width: 70px; padding-left: 20px; padding-top: 8px; margin: 5px; float: left; text-align: left; } input, textarea { margin: 5px; padding: 0px; float: left; border: 1px solid #999999; font-size: 14px; } br { clear: left; } /* =========== End Contact form =========== */ /* =========== Comments =========== */ #commentform { background: #eee; overflow: hidden; padding: 10px; } #commentform input { width: 200px; padding: 5px 0; float: left; clear: both; border: 1px solid #999999; font-size: 14px; } #commentform label { float: left; margin: 0 6px; padding: 10px 0 0 0; width: 200px; font-size: 14px; } #submit { cursor: pointer; border: none; background: #777; color: #fff; } #submit:hover { background: #999; } .commentlist li { border-bottom: 1px solid #ccc; padding: 15px 0; } .commentlist p { padding: 0; margin: 0 0 10px 0; } .avatar { margin-bottom: 6px; } .comment_text { margin: 0; padding: 0; } /* =========== End Comments =========== */ #breadcrumbs { font-size: 12px; color: #6f7870; margin: 5px 0 0 50px; } #articles { width: 890px; padding-left: 10px; overflow: hidden; } #articles h3 { font-size: 21px; margin-top: 40px; font-weight: 400; font-family: Contra; max-width: 250px; overflow: hidden; height: 30px; line-height: 30px; color: #6f7870; } #articles a { color: #6f7870; } .article { width: 245px; float: left; margin: 10px 0 0 45px; font-size: 14px; color: #6e7870; font-family: helvetica; line-height: 17px; display: inline; padding-bottom: 35px; } .clearboth { clear: both; height: 1px; } #content_left { padding: 30px 50px 50px 50px; width: 550px; font-size: 14px; color: #6f7870; line-height: 18px; float: left; } #content_right { float: right; width: 230px; margin: 30px 50px 50px 10px; font-size: 12px; } #content_right li { font-size: 14px; border-bottom: none; padding: 5px 5px; } #content_right li li { font-size: 12px; padding: 5px 5px; border-bottom: none; } #content_right li ul { margin: 0; } #content_right ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; } #content_right a.big, a.current, ul#biglinks a { font-size: 18px; display: block; padding: 5px 0; } #biglinks li.current_page_item a { color: #d1d89f; text-decoration: none; } #content_right h3, .widgettitle { font-size: 20px; font-weight: 400; margin-bottom: 10px; } .articles_container { overflow: hidden; display: inline; } .pagelinks { margin: 20px 0 20px 55px; clear: both; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } /* =========== Products page =========== */ .productdisplay {border-bottom: 1px solid #ccc;} .productdisplay {padding: 25px 10px 25px 10px;} .productdisplay:hover {background: #eee;} .pricedisplay {color: #cc0033;} #shopping-cart {display: block; text-align: center;} .wpsc_loading_animation {visibility:hidden;} /* =========== How widget diplays title =========== */ .widget_extended-categories {display:block;} .recent_with_excerpt {display:block;} .widget {display:block;} /* =========== Services Articles =========== */ #service_series { margin: 0 0 40px 0; overflow: hidden; } #service_series ul { float: left; font-size: 14px; color: #6e7870; font-family: helvetica; line-height: 17px; padding-bottom: 35px; margin: 0; padding: 0; } #service_series li { border-bottom:1px dashed #BBBBBB; display:inline; float:left; list-style:none outside none; padding: 25px 10px 25px 10px; overflow:hidden; text-align:left; } #service_series h3 { font-size: 23px; margin-top: 40px; font-weight: 400; font-family: Contra; max-width: 250px; overflow: hidden; height: 35px; line-height: 30px; } #service_series a { text-decoration: none; color: #555; } .servicetitlepic { float: left; height: 90px; width: auto; margin: 5px; } /* =========== End Services Articles =========== */ #bookingInfo { border:2px dashed red; padding:12px; margin-bottom:12px; } #specialsMenu { position:absolute; right:68px; text-align:right; top:128px; width:450px;} #petsInfo { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc;} #teaInfo { margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;} .foot-inner { color:#FFFFFF; margin:28px 40px; } .foot-inner div, .foot-inner h3, .foot-inner a { color:#FFFFFF; } #index_features .inner {width:820px; margin:0 0 20px 55px; border-top:1px solid #ccc; clear:both; } #index_features {margin-bottom:20px;height:150px; display:table;} #recomendation { color:#8B0000; line-height:14px; font-family: Arial, Helvetica, sans-serif; font-size:12px; position:absolute; right:200px; top:40px; width:340px; } #recomendation span { display:block; float:left; } #recomendation a { display:block; float:right; color:#8b0000; text-decoration:none; } .productdisplay { display:table; } .imagecol, .producttext {float: left;} .imagecol {margin-right:8px;} .producttext { width:408px; } h2.prodtitles {margin:0 0 8px 0; font-size:20px;} /* ----------- Price list styles --------------------------------- */ div.p-List-item { padding:20px 0; border-bottom:1px solid #ccc; } #p-List-holder-1 h3, #p-List-holder-2 h3, #p-List-holder-3 h3 { color:#990033; margin:10px 0; font-weight:bold; } .p-List-Img { float:left; } .p-List-Img > img { width:96px; margin-right:20px; } .p-List-Descr { float:left; width:430px; } /* Leon Additions */ .footer-logos { float: left; } .footer-logos img { padding-right: 10px; }