/* Theme Name: Samovar Life Theme URI: Description: Samovar Life WordPress Theme Author URI: http://wpcoder.com/ Version: 1.0 */ /* General */ * { margin: 0; padding: 0; outline: none; } body { margin: 0; padding: 0; background: #660000 url(images/globe_bg.gif) repeat; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px;} .wrapper { width: 1000px; margin: 0 auto; text-align: left; } .headerWrapper { text-align: center; background: url(images/header_bg.gif) repeat-x; } img { border: none; } .clearFloat { clear: both; } p, h1, h2, h3, h4, h5, table, tr, td, ul, li, input, textarea, a { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; color: #333333; } p { } /*h1 { font-size: 14px; font-weight: bold; color: #f27023; }*/ h1, h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding-bottom:2px; background: url(images/dash_v.gif) repeat-x bottom; } h3 { font-size: 13px; font-weight: bold; color: #000; } h4 { font-size: 15px; font-weight: bold; color: #57575a; margin: 5px 0 0 0; } h5 { font-size: 12px; line-height: 12px; color: #4a9443; font-weight: normal; } a { color: #003366; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } strong a{font-weight:bold;} ul, li { list-style: none;} input {} ul{padding-left:5px;} ul.list li {list-style: disc inside none;} /* Globe header CSS */ #header { width: 1000px; height: 125px; margin: 0 auto; text-align: left; background: #FFFFE3 url(images/header_bg.gif) repeat-x top; position: relative;} #logo { width: 1000px; height: 50px; background: url(images/header_logo_tu.gif) no-repeat top right; } #logo img.trademark { position: relative; bottom: 7px; } #mainMenu { height: 40px; background: url(images/container_topbg.gif) repeat-x 0 30px; position: relative; } #mainMenu ul.mainMenuUl {} #mainMenu ul.mainMenuUl li { float:left; margin-left: 0px; padding: 0 0 0 1px; line-height: 30px; color:#CCCCCC; background: url(images/menu_line.gif) no-repeat left; } #mainMenu ul.mainMenuUl li:first-child { background: none; } #mainMenu ul.mainMenuUl li a { float:left; display: block; background: #F7F5CF; height: 30px; padding: 0 12px; font-size: 14px; font-family: Times New Roman; font-weight: bold; color: #660000; line-height: 30px; text-decoration: none; } #mainMenu ul.mainMenuUl li a:hover, #mainMenu ul.mainMenuUl li a:active { background: #660000; color: #FFFFFF; } #mainMenu ul.mainMenuUl li.current_page_item a { display: block; background: #660000; height: 30px; padding: 0 12px; font-size: 14px; font-family: Times New Roman; font-weight: bold; color: #FFFFFF; line-height: 30px; text-decoration: none; } #search { padding-left: 12px; margin-top: 4px; } #search .searchTitle { color: #333333; } #search .keyword { line-height: 15px; height: 15px; margin-left: 2px; } #search .searchButton { text-indent:-2000em; margin-left:7px; width: 17px; border: none; background: url(images/btn_go.gif) no-repeat right center; cursor:pointer; } .searchKey { color: #FF0000; } .layerDiv { position: absolute; left: 0; top: 30px; background: #F7F5CF; border: 1px #CCCCCC solid; display: none; } .layerDiv ul.subMenuUl {} .layerDiv ul.subMenuUl li { float:left; margin-left: 0px; padding: 0 0 0 1px; line-height: 26px; color:#CCCCCC; background: url(images/menu_line.gif) no-repeat left; } .layerDiv ul.subMenuUl li:first-child { background: none; } .layerDiv ul.subMenuUl li a { float:left; display: block; background: #F7F5CF; height: 26px; padding: 0 10px; font-size: 12px; font-family: Times New Roman; font-weight: bold; color: #660000; line-height: 26px; text-decoration: none; } .layerDiv ul.subMenuUl li a:hover, .layerDiv ul.subMenuUl li a:active { background: #660000; color: #FFFFFF; } .layerDiv ul.subMenuUl li.current_page_item a { display: block; background: #660000; height: 26px; padding: 0 10px; font-size: 12px; font-family: Times New Roman; font-weight: bold; color: #FFFFFF; line-height: 26px; text-decoration: none; } #menuShopList { display: none; } #menuSamovarList { display: none; } #menuLearnList { display: none; } /* Globe breadcrumb CSS */ #breadcrumb { position: absolute; top: 4px; 1width: 985px; height: 20px; margin: 0 auto; padding: 0 0 0 12px; text-align: left; font-size: 11px; font-weight: bold; } #breadcrumb a { font-size: 11px; font-weight: bold;} /* Globe account_link CSS */ #account_link { position: absolute; left: 800px; top: 95px;} #account_link a {font-weight: bold; font-size: 12px;} #account_link a.view_cart{padding-left: 30px; background: url(images/view_cart.jpg) no-repeat left center;} #toplink {position: absolute; left: 218px; top: 92px;width:280px;text-align:right;} #toplink a{color:#940a0e;float:right;} #toplink a:hover{text-decoration: none;} /* Globe main_content CSS */ #main_content { padding: 0px 0 0; background-color:#FFFFE3; position: relative;} /* Globe container CSS */ #container { width: 1000px; margin: 0 auto; text-align: left; } .scale9TL { width: 11px; height: 11px; background: #FFFFFF url(images/style/scale9TL.gif) no-repeat; } .scale9T { height: 11px; background: #FFFFFF url(images/style/scale9Line.gif) repeat-x top; } .scale9TR { width: 11px; height: #FFFFFF 11px; background: url(images/style/scale9TR.gif) no-repeat; } .scale9ML { width: 11px; background: #FFFFFF url(images/style/scale9Line.gif) repeat-y left; } .scale9MR { width: 11px; background: #FFFFFF url(images/style/scale9Line.gif) repeat-y right; } .scale9BL { width: 11px; height: 11px; background: #FFFFFF url(images/style/scale9BL.gif) no-repeat; } .scale9B { height: 11px; background: #FFFFFF url(images/style/scale9Line.gif) repeat-x bottom; } .scale9BR { width: 11px; height: 11px; background: #FFFFFF url(images/style/scale9BR.gif) no-repeat; } .scale9M { background: #FFFFFF; } .productDiv, .videoDiv { padding: 8px 10px; float: left; } .productDiv h3, .videoDiv h3 { font-size: 14px; font-weight: bold; color: #003366; } .productDiv h3 a, .videoDiv h3 a { font-size: 14px; font-weight: bold; } .productDiv img.productPicture, .videoDiv img.productPicture { float: left; margin: 5px 5px 0 0; } .productDiv span.spanBlue, .videoDiv span.spanBlue { color: #000000;} .productDiv p, .videoDiv p, .featuredDesc { font-size: 11px; line-height: 12px; } .productDiv p a, .videoDiv p a { font-size: 11px; line-height: 12px; } .productDiv table.font12, .videoDiv table.font12 { font-size: 12px; line-height: 14px; padding: 5px 0 0 0; } .productDiv a.productA, .videoDiv a.productA { line-height: 20px; color: #003366; text-decoration: none; } .productDiv a:hover.productA, .videoDiv a:hover.productA { text-decoration: underline; } .borderRight { background: url(images/dash_h.gif) repeat-y right; } .borderTop { background: url(images/dash_h.gif) repeat-y right; } .borderTop { border-top: 1px #CCCCCC dashed; } .borderLine { clear: both; height: 1px; background: url(images/dash_v.gif) repeat-x;} .videoDiv h3 { width: 200px; } .shopDiv {} .shopDiv ul.shopArrowUl { margin: 10px 10px; } .shopDiv ul.shopArrowUl li { background: url(images/arrow.gif) no-repeat 0px 5px; padding: 0 0 3px 15px; } .shopDiv ul.shopArrowUl li a { } .shopDiv ul.shopArrowUl li.current-cat a{ color:#C4573C } /* HOME page NAV category's img CSS*/ #homeShopDiv { margin: 25px 0 0 0; } #homeShopDiv a { color: #003466; } .divHalf {width:46%;float:left; padding: 0px;} .divHalf2 {width:50%;float:left; padding: 0px; margin-left:10px;} .homeShopDivLeft{width:58%;float:left;padding: 0px;} .homeShopDivRight{width:38%;float:left;padding: 0px;} ul.shopDiscUl { margin: 5px 5px; } ul.shopDiscUl li { width:42%; float:left; padding: 0px; } ul.shopDiscUl li a {color:#003466; } .homeShopDivLeft ul.shopDiscUl, .homeShopDivRight ul.shopDiscUl {margin:0px;} .homeShopDivLeft ul.shopDiscUl li, .homeShopDivRight ul.shopDiscUl li {width:100%; padding: 0px;} #news-link li a {color:#444444;} #home_tea_white {background: url(images/shop_images/Shop-Online-Home_White.jpg) no-repeat left center;} #home_tea_green {background: url(images/shop_images/Shop-Online-Home_Green.jpg) no-repeat left center;} #home_tea_oolong {background: url(images/shop_images/Shop-Online-Home_Oolong.jpg) no-repeat left center;} #home_tea_black {background: url(images/shop_images/Shop-Online-Home_Black.jpg) no-repeat left center;} #home_tea_pu{ background: url(images/shop_images/Shop-Online-Home_Pu-erh.jpg) no-repeat left center;} #home_tea_flavored{background: url(images/shop_images/Shop-Online-Home_Flavored.jpg) no-repeat left center;} #home_tea_herbal{background: url(images/shop_images/Shop-Online-Home_Hebal.jpg) no-repeat left center;} #home_tea_chai{ background: url(images/shop_images/Shop-Online-Home_Chai.jpg) no-repeat left center;} #home_tea_rooibos{ background: url(images/shop_images/Shop-Online-Home_Rooibos.jpg) no-repeat left center; } #home_tea_yerba{background: url(images/shop_images/Shop-Online-Home_Yerba.jpg) no-repeat left center;} #home_tea_white, #home_tea_green, #home_tea_oolong, #home_tea_black, #home_tea_pu, #home_tea_flavored, #home_tea_herbal, #home_tea_chai, #home_tea_rooibos, #home_tea_yerba {margin:0 0 0 -2px; padding-left: 20px;} .inputText { background: #FFFFFF; border: 1px #b8b8b8 solid; width: 350px; height: 20px; line-height: 20px; } .inputArea { background: #FFFFFF; border: 1px #b8b8b8 solid; width: 350px; } .inputSubmit { width: 60px; height: 20px; border: 0px; background: url(images/input_submit.gif) no-repeat center; cursor: pointer; } /* Homepage slide page*/ #slidebox { width:630px; height:350px; position:relative; } #sbox{ width:630px; height:350px; position:relative; } #slide-navi { position:absolute; bottom:-18px; right:0px; z-index:65535; } #slidebox .slide{ position:absolute; } #slidebox .slide img { position: absolute; border:0px; } #slide01 img { z-index:65500; } .slideShow ul, .slideShow li { list-style-type: none; margin: 0px; padding: 0px; } .slideShow { padding: 0px; margin: 0px; display: table; clear: both; } .navigation li{float:left;} .slideShow .navigation a { background-color: #B3B3B3; padding: 0px; margin: 0px 2px 0px 0px; color: #232323; text-decoration: none; float: left; font-size: 0.8em; line-height: 0.8em; height:14px; width:14px; background: url(/images/slide/style/p_g.png) no-repeat; }s .slideShow .navigation a:hover, .slideShow .navigation a.selected { background-color: #ffffff; background: url(/images/slide/style/p_b.png) no-repeat left; } /* Globe footer CSS */ #footer { height: 100px; padding: 12px 0 0 0; background: url(images/footer_bg.jpg) no-repeat 0 0px; text-align: center; } #footer ul.footerUl {} #footer ul.footerUl li { color: #FFFFFF; float:left; margin: 5px 0px 0 4px; height: 11px; line-height: 11px; font-size: 10px; border-left: 1px #CCCCCC solid; } #footer ul.footerUl li:first-child { border-left: 0px; } #footer ul.footerUl li.current_page_item { color: #99CC00; } #footer ul.footerUl li.current_page_item a { color: #99CC00; height: 11px; line-height: 11px; margin: 5px 0px 0 5px; } #footer ul.footerUl li a { color: #FFFFFF; font-size: 10px; height: 11px; line-height: 11px; margin: 5px 0px 0 5px; } #footer p { text-align: center; color: #FFFFFF; font-size: 11px; margin: 10px 0 0 0; } #footerMenu { margin: 0 auto; } #footerService { margin: 0 auto; } #footerCopy { margin: 0 auto; color: #FFFFFF; font-size: 10px; } /* home page CSS */ #homeLeft { margin: 10px 0 10px 10px; float: left; } #homeRight { margin: 10px 0 10px 10px; float: left; } #homeFlash { width: 630px; height: 350px; position:relative;} #homeFadeFonts { margin: 10px 0 0 0; } #homeFadeFonts a { color: #940a0e; text-decoration: none; } #homeHappenings { margin: 10px 0 0 0; } #happeningsDiv { padding: 5px 0px; } a.moreA { float: right; clear:both; margin: 0px 10px 0 0; font-weight: bold; color: #003366; text-decoration: none; } a:hover.moreA, a:hover.moreA2, a:hover.moreA3 { text-decoration: underline; } a.moreA .moreArrow{background: url(images/style/arrow_more.gif) no-repeat left center;} a.moreA2 { float: right; clear:both; margin: 0px 10px 0 0; padding: 21px 0px 0px 0px; font-weight: bold; color: #003366; text-decoration: none; } a.moreA3 { float: right; clear:both; margin: 0px 10px 0 0; padding: 9px 0px 0px 0px; font-weight: bold; color: #003366; text-decoration: none; } #teaTvDiv { padding: 5px 0px; width: 680px; float: left; } #teaTvDiv .tableBorder { border:1px solid #cccccc; font-size: 12px;} #teaTvDiv .tableTdWhite { background: #ffffff; padding: 5px;} #teaTvDiv a.moreB {color: #003366; font-weitht: bold;} #teaTvDiv .fontRed { color: #FF0000; } #teaTvDiv .blogTitle { font-size: 14px; padding-bottom: 5px; } #teaTvDiv p.blogTitleInfo { background:transparent url(images/dash_v.gif) repeat-x scroll center bottom; margin:0 0 10px; padding: 0 0 2px; } .page_style h2{text-align: center; background: none;} .postP p{padding-bottom: 13px;} .faqlist div{display:none;} .faqlist { margin-bottom:20px; padding: 0px 5px; } .faqlist dt { margin:6px 0px; } .faqlist dt a { font-weight:bold; } .faqlist dd { padding: 0px 10px; } #teaSearch {background: #ffffe3; height:55px; margin:5px 95px 5px 25px; padding:15px 0px 15px 25px;} #popArticles {padding-top:20px;} #popArticles h2, #teaSearch h2 {background: none; font-size: 14px; font-weight: bold; margin: 0 0 10px -2px; padding-bottom:0px;} .teaSearchInput {width:350px; padding-top:2px; font-size:14px; height:18px; line-height:18px; margin-top:-5px; float:left;} .teaSearchbutton{width:80px; height:30px; border:0px; float:left; margin:-7px 0px 5px 20px; background:url(images/style/tea_search_button.png) no-repeat center; cursor:pointer;} #popArticles{margin:5px 50px;} #homeBlogs {} #blogsDiv { padding: 0px 5px; } #homeVideo { margin: 10px 0 0 0; } #videoDiv { padding: 0 5px; } #videoDiv ul.videoUl { margin: 10px 0; } #videoDiv ul.videoUl li { background: url(images/arrow.gif) no-repeat 3px 5px; padding: 0 0 0 15px; } #videoDiv ul.videoUl li a.videoA { color: #003366; text-decoration: none; font-weight: bold; } #videoDiv ul.videoUl li a:hover.videoA { text-decoration: underline; } #homeSignup { margin: 10px 0 0 0; } #signupDiv { padding: 30px 0 0 10px; width: 330px; height: 30px; background: url(images/style/newsletter_large.png) no-repeat top center; } .emailInput { color:gray; width: 200px; height: 16px; border: 0px; margin-top:6px; margin-left:4px; float: left; } .submitInput { width: 95px; height: 20px; border: 0px; float: left; margin: 2px 0px 5px 20px; background: url(images/style/submit_large.png) no-repeat center; cursor: pointer; } #signupDivRight { margin: 30px 0 0 10px; padding: 10px 0 0 10px; width: 200px; height: 75px; background: url(images/style/newsletter_small.png) no-repeat top left;} #signupDivRight .emailInput { width: 170px; height: 16px; line-height:16px; border: 0px; margin:20px 0px 0px -1px;} #signupDivRight .submitInput { width: 95px; height: 21px; border: 0px; margin:5px 0pt 0pt -3px; background: url(images/style/submit_small.png) no-repeat center; cursor: pointer; } .productDiv p.featuredPrice { margin: 3px 0 8px 0 } .productDiv .featuredTeaTitle{clear:both;} .productDiv .featuredTeaTitle .teaName{float:left;width:120px;} .productDiv .featuredTeaTitle a{float:left;font-size:14px;font-weight:bold;line-height:14px;color:#003366;} .productDiv .featuredTeaTitle .vicon{float:left;margin-left:5px;margin-top:-2px;} /* tea lounge page CSS */ #teaFlash { width: 969px; height: 260px; margin: 0 10px;padding-top:10px;} #teaLounge { width: 969px; margin: 20px 10px 0; } #teaLounge .productDiv { width: 285px; padding: 10px 15px; } #teaLounge .productDiv p { font-size: 11px; line-height: 14px; } /* samovar happenings page CSS */ #happeningsFlash { width: 969px; height: 260px; margin: 0 10px; } #samovarHappenings { margin: 20px 0 0 10px; float: left;} #samovarHappenings .productDiv p { font-size: 11px; line-height: 14px; } #happeningsVideo { margin: 30px 0 0 10px; width: 340px; float: left; } #happeningsSignup { margin: 30px 10px 0 0; float: right; } /* samovar happenings news page CSS */ #happeningsRight { padding: 5px 15px 10px 12px; float: right; width: 220px; border-style: solid; border-width: 1pt; border-color: #C4573C;} #happeningsRight .sidebarHighlight { color: #C4573C; } #relatedArticles, #happeningsPopular { margin: 0 0 0 10px; width: 220px;} #happeningsTags { margin: 30px 0 0 10px; width: 220px;} #happeningsTags ul.tagsUl { } #happeningsTags ul.tagsUl li { float: left; margin: 0 0 0 10px;} #happeningsArchives { margin: 30px 0 0 10px; width: 220px;} #sidebarTags { margin: 30px 0 0 10px; width: 220px;} #sidebarArchives { margin: 30px 0 0 10px; width: 220px;} #sidebarTags { margin: 30px 0 0 10px; width: 220px;} /* samovar happenings detail page CSS */ #happeningsDetail { clear:both;width: 630px; margin: 20px 0 20px 10px; float: left; } #happeningsDetailDiv { margin: 5px; } #happeningsDetailDiv p { margin: 10px 5px; } #happeningsDetailDiv .userComments { background: #ededed; padding: 5px; margin: 20px 0; } #happeningsDetailDiv .fontRed { color: #FF0000; } /* archive's css */ #blogs { text-align: left; padding: 20px 0px; width: 680px; float: left; } #blogs .news { width:630px; float:left; border-bottom:1px solid #FFFFFF; padding-bottom:10px; margin-bottom:5px; margin-top: 20px;} #blogs .left { width:250px; float:left; padding-right:10px} #blogs .left p { font-size: 10px; padding-bottom: 5px; text-align: right; color: #003366} #blogs .left p a {padding-left: 3px; padding-right: 3px} #blogs .thumb { width: 250px; height: 150px; padding-bottom: 3px} #blogs .right { width: 370px; float: right} #blogs .right p { margin: 0; padding: 0; padding-bottom: 8px; color: #000000; font-size: 11px} #blogs .right_title {font-weight: bold; color: #003366;} #blogs .left_image { width: 250px; height: 150px; overflow: hidden } /* Comments */ .commentlist li { list-style: none; padding: 10px 15px; margin: 20px 0; background: #ebebeb; } .comment_text { margin: 5px 0 0 0; display: block; } .commentlist .alt { background: #F1EFE6; } .commentmetadata { font-size: 10px; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* for sitemap*/ #sitemap-content h1 {font-size: 18px;} #sitemap-content .ddsg-wrapper { width: 900px; } #sitemap-content .ddsg-wrapper h2 { margin: 0px 0 15px 0px; font-weight: bold; font-size: 14px;} #sitemap-content .ddsg-wrapper ul { margin: 0px 0 10px 0; font-size:12px; } #sitemap-content .ddsg-wrapper ul li { margin-left: 10px; list-style-position: inside; line-height: 20px; list-style-type: none; width: 275px; float: left; } #sitemap-content .ddsg-wrapper ul li a { text-decoration: none; } #sitemap-content .ddsg-wrapper ul li a:hover { text-decoration: underline; } #sitemap-content .ddsg-wrapper ul#sitemap-page, #sitemap-content .ddsg-wrapper ul#sitemap-guide { width: 600px; } #sitemap-content .ddsg-wrapper .sitemap-cat { padding-left: 10px; padding-bottom: 35px; } #sitemap-content .ddsg-wrapper .sitemap-cat-sub { width: 270px; float: left; } #sitemap-content .ddsg-wrapper .sitemap-cat-sub ul li { width: 200px; float: none; } #sitemap-content .ddsg-wrapper ul li.sitemap-sub { padding-left: 15px; } #sitemap-content .ddsg-wrapper ul li.sitemap-shop-cat { color: #4E4A49; } /* For tea tv posts in single.php */ #postFlash { float: none; } #relatedVideoTop { height: 350px; width:650px; float: none; margin-top:10px;} #relatedVideo {float: none; width: 680px; height: 320px; overflow: auto; border: 1px solid #CCCCCC; } #relatedVideo a { display: block; height: 68px; margin: 5px 0px 5px 5px; text-decoration:none; } #relatedVideo img { margin: 5px 0px 5px 5px; width: 82px; height: 50px; text-align: left;} #relatedVideo span { padding-right:10px; padding-top:3px; width:110px; vertical-align: top;} /* For featured tea */ .origin, .flavor { margin: 5px 0; } .origin .originTitle, .flavor .flavorTitle { font-weight: bold; } /* For page navigation */ .wp-pagenavi { text-align: right; } /* For search page */ #blogs .searchContent { padding: 0 0 25px 8px; margin-top: -10px; } #blogs .searchContent p.searchItemInfo { margin-bottom: 3px; color:#4A9443; font-size:11px; padding-left: 1px; } #blogs .searchContent h3 a { font-size: 13px; } /* For Yelp */ #yelp { margin-top:10px; border:1pt solid #C4573C; float:right; padding:5px 15px 10px 12px; width:220px; } #yelp h2 a { font-size:14px; font-weight:bold; color: #F27023; } #yelp p.author { margin: 5px 0 3px 0; } #yelp p.author a { font-weight:bold; color: #6666CC;}