/* Theme Name: TruRoots Theme URI: http://www.truroots.com Version: 2.9 Description: A custom version of Elegant Theme's eShop Author: Cole Geissinger Author URI: http://www.colegeissinger.com */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { background: #f3f3f3; text-align: center; line-height: 18px; font-family: Arial, Helvetica; sans serif; font-size: 12px; color: #7c7b7a; } a { text-decoration: none; color: #5f5f5f; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; padding-bottom: 5px; color: #303030; letter-spacing: -1px; line-height: 1em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; } h1 { font-size: 35px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ .container { text-align: left; width: 962px; margin: 0 auto; position: relative; } #header { padding: 15px 0px 0px; background:url(../images/h_line.gif) 0 0 repeat; height:115px; border-bottom:07px solid #3a3a3a; height:117px; box-shadow:0 0 11px #000; } img#logo { float: left; margin: 0px 27px 0px 15px; } #search-bar { float: right; background: url(../images/search-bg.png) no-repeat; width: 162px; height: 25px; margin-top: 16px; margin-right:6px; } #search-bar #searchinput { background: none; border: none; float: left; margin: 4px 6px 0 0px; width: 115px; padding-left: 10px; font-size: 11px; font-family: Georgia, serif; color: #494949; } #search-bar #searchsubmit { margin-top: 1px; } .textbox-div { width:700px; height:40px; padding:15px; margin:0px auto; } #menu { position: absolute; bottom: -113px; left: 0px; background:url(../images/secondary-menu.png) no-repeat; width: 961px; height: 110px; z-index: 10; } h3#deals-title { font-size: 16px; text-transform: uppercase; font-weight:normal; color: #5f5e5e; padding-left: 25px; background: url(../images/deals-bg.png) no-repeat bottom left; height: 47px; position: absolute; top: -15px; left: 27px; } h3#deals-title span { background: url(../images/deals-bg.png) no-repeat top right; padding: 14px 23px 17px 7px; display: block; } #content { padding-bottom: 20px; padding-top: 20px; } body#home #content { background: url(../images/content-bg.png) 0 0 repeat-x;} body#home #content .container { padding: 52px 0px 0px; } #content .container { padding: 60px 0px 0px; } #scroller { position: relative; left:25px; margin-bottom: 40px; } #scroller a#left-arrow, #scroller a#right-arrow { display:block; width:49px; height:35px; text-indent:-9999px; margin-top: 79px; position:absolute; } #scroller a#left-arrow { background: url(../images/arrows.png) 0 0 no-repeat; margin-left:0px; margin-right:1px; left:-46px; } #scroller a#right-arrow { background: url(../images/arrows.png) right top no-repeat; margin-left: 14px; right:-3px; top:0; } #scroller #items { width: 906px;} #scroller .block { padding-left: 17px; height: 205px; } #items .item { background: url(../images/item-bottom-bg.png) no-repeat bottom left; padding-bottom: 22px; float: left; width: 208px; position: relative; margin-right: 17px; box-shadow:1px 1px 5px #403930; border-radius:10px; } #items .item-top { background: url(../images/item-top.png) no-repeat; height: 13px; } #items .item-content { background: url(../images/item-bg.png) repeat-y; min-height: 100px; padding: 7px 20px 2px; min-height: 162px;} .item-content h4 { font-size: 20px; padding-bottom: 0px; text-align:center; margin-top: 10px; } .item-content h4 a:hover { text-decoration: none; } #items .item a.more { position: absolute; bottom: -12px; left: 70px; } .product span.tag, #items .item-content span.tag { color: #ede7c2; font-size: 22px; position: absolute; left: -15px; display: block; background: url(../images/scroller-item-tag.png) no-repeat bottom right; padding-right: 11px; text-shadow: 1px 1px 1px #131212; } #items .item-content span.tag { top: 18px; } .product span.tag span, #items .item-content span.tag span { display: block; background: url(../images/scroller-item-tag.png) no-repeat; padding-left: 9px; height:36px; padding-top: 9px; } #main-area-bottom { display:none; height: 9px; background: url(../images/content-bottom.png) no-repeat; box-shadow:0 6px 6px #333; box-shadow:0 6px 6px rgba(0,0,0,0.2);} #main-area { background: url(../images/content-top.png) no-repeat; padding-top: 8px; box-shadow:0 0 9px #555; border-radius:10px;} #main-content { background: url(../images/main-bg.png) repeat-y; padding: 0px 0px 15px 1px; border-radius:0 0 10px 10px; padding-bottom:8px; } #left-column { float: left; width: 720px; margin-top:-8px; } #left-column .product { float: left; background: url(../images/product-right.png) repeat-y top right; position: relative; } .product .product-content { padding: 24px 23px 19px 24px; width: 193px; background: url(../images/product-bottom.png) repeat-x bottom left; } .product a.image { display: block; position: relative; } .product a.image:hover { text-decoration: none; } .product-content span.tag { bottom: 20px; } .rounded { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border:1px solid #ebebeb; display:inline-block; overflow:hidden; width: 193px; height: 130px; margin-bottom: 10px; } .product h3 { font-size: 24px; } .product h3 a:hover { text-decoration: none; } .product-content a.more { float: left; margin-left: 60px; } span.band { position: absolute; top: -10px; right: -11px; display: block; width: 101px; height: 101px; } span.onsale { background: url(../images/band-onsale.png) no-repeat; } span.buygetone { background: url(../images/band-buygetone.png) no-repeat; } span.outofstock { background: url(../images/band-outofstock.png) no-repeat; } #left-column .last { background: none !important; } #breadcrumbs { padding: 10px 5px 31px 4px; font: italic 12px Georgia, serif; color: #4e4d4d; text-shadow: 1px 1px 1px #ffffff; } #breadcrumbs .sep { background:url("../images/breadcrumbs_separator.png") no-repeat; display:inline-block; height:7px; margin:1px 1px 0 3px; width:4px; } #breadcrumbs a { color: #807f7f; } #breadcrumbs a:hover { text-decoration: none; color: #4e4d4d; } .post { padding: 38px 50px 34px 42px; position: relative; } .post ul { list-style-type: disc; margin: 10px 0px 10px 20px; } .post ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; } .post ul li ul, .post ul li ol { margin: 2px 0px 2px 20px; } .post ol li ul, .post ol li ol { margin: 2px 0px 2px 35px; } #product-slider { float: left; width: 298px; margin: 0px 25px 10px 0px; } #product-slides { margin: 0px 0px 7px; } .item-slide { position: relative; } .item-slide .overlay { background: url(../images/big-overlay.png) no-repeat; display:block; height:226px; width:298px; position: absolute; top: 0px; left: 0px; } #product-thumbs a { display: block; position: relative; float: left; margin-right: 6px; } #product-thumbs a .overlay { background: url(../images/overlay-sprite.png) no-repeat; display: block; width: 69px; height: 69px; position: absolute; top: 0px; left: 0px; } #product-thumbs a.active .overlay, #product-thumbs a:hover .overlay { background: url(../images/overlay-sprite.png) bottom left; } .product-info { float:right; width:304px; } p.post-meta { color: #990f0f; font: italic 14px/24px Georgia,serif; padding-bottom: 20px; } p.post-meta a { color: #930000; font-weight: bold; } span.price-single { background: url(../images/price-single.png) no-repeat top right; padding-right: 13px; display: block; float: left; color: #ffffff; font-size: 30px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); margin: 0px 16px 0px 0px; } span.price-single span { display: block; padding:11px 0 6px 12px; background: url(../images/price-single.png) no-repeat top left; } a.addto-cart { float: left; background: url(../images/addto-cart.png) no-repeat top right; padding-right: 13px; display: block; color: #ffffff !important; font-size: 30px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); text-transform: uppercase; } a.addto-cart span { display: block; padding:11px 0 6px 48px; background: url(../images/addto-cart.png) no-repeat top left; } a.addto-cart:hover { text-decoration: none; } div.description { font-style: italic; font-size: 14px; margin: 15px 0px 0px; } div.hr { background: url(../images/hr-bg.png) no-repeat; height: 1px; width: 720px; margin: 28px 0px 28px -42px; } .post h2 { font-size: 28px; margin-bottom: 8px; } .post a { color: #9c260e; } .related { padding: 35px 0px 0px; } .related-items, .related-recipes { background: url(../images/hr-bg.png) no-repeat; margin: 0px -50px 0px -25px !important; list-style-type: none !important; } .related-items li, .related-recipes li { float: left; width: 360px; background: url(../images/hr-bg.png) no-repeat bottom left; } .related-items a { display: block; background: url(../images/relatedbg-right.png) repeat-y top right; padding: 10px 5px 9px 21px; min-height: 52px; } .related-items li.second a, .related-recipes li.thrid a { background: none; padding-left: 12px; } .related-items a:hover, .related-recipes a:hover { text-decoration: none; } .related-items img, .related-recipes img { padding: 3px; border: 1px solid #e2e2e2; background: #ffffff; float: left; margin-right: 17px; } .related-items span, .related-recipes span { color: #000; font-size: 18px; float: left; width: 225px; padding-top:7px; } div.dnone { display: none; float: left; } #product-slides { height:226px !important; position:relative !important; width:298px !important; } #footer { margin-top: 24px; } #footer p#copyright { text-align: right; color: #807f7f; text-shadow: 1px 1px 1px #fff; font-size: 11px; padding-right: 10px; } #footer p#copyright a { font-weight: bold; font-style: italic;} /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul#top-menu { float: left; padding: 25px 0px 0px; font-family: Arial, Verdana, sans-serif; } ul#top-menu li { padding-right: 8px; margin-right:5px; } ul#top-menu li a { display: block; color: #404040; padding: 3px 0px 4px 8px; } ul#top-menu li a:hover { text-decoration: none; } ul#top-menu > li.current_page_item, ul#top-menu > li:hover { background: url(../images/top-link-bg.png) no-repeat top right; padding-right: 8px; } ul#top-menu > li.current_page_item > a, ul#top-menu > li:hover > a { display: block; color: #404040; background: url(../images/top-link-bg.png) no-repeat; } ul#top-menu ul { z-index: 9999; background: url(../images/top-dropdown.png) no-repeat bottom left; width: 158px; padding: 0px 19px 17px; } ul#top-menu ul li.top { background: none !important; padding: 0px !important; margin-bottom: -8px; } ul#top-menu span.menu-top { background:url(../images/top-dropdown-topbg.png) no-repeat; display:block; height:12px; left:-19px; position:absolute; top:-12px; width:196px; } ul#top-menu ul li { background: url(../images/top-separator.png) no-repeat bottom left; padding-bottom: 2px; } ul#top-menu ul li a { width: 158px; background: url(../images/top-dropdown-bullet.png) no-repeat 1px 12px; padding: 5px 2px 5px 15px; } ul#top-menu ul li a:hover { color: #000000; } ul#top-menu ul li.second > a { padding-top: 0px; background-position: 1px 7px; } ul#top-menu li:hover ul, ul#top-menu li.sfHover ul { left:0px; top:36px; } ul#top-menu li li:hover ul, ul#top-menu li li.sfHover ul { left:173px; top:0px; } ul#secondary-menu { padding: 20px 0px 0px 23px; } ul#secondary-menu li { padding-right: 20px; } ul#secondary-menu li.current_page_item > a > strong, , ul#secondary-menu li.current-menu-item > a > strong { color:#ede7c2; } ul#secondary-menu li a strong { color:#ffffff; display:block; font-size:20px; font-weight:normal; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-transform:uppercase; margin-bottom:-3px; } ul#secondary-menu li a span { color: #b6b6b6; text-transform: lowercase; font-family: Century Gothic, sans-serif; text-shadow: 1px 1px 1px #2d2d2d; } ul#secondary-menu li a:hover { text-decoration: none; } ul#secondary-menu li a:hover strong { color: #ede7c2; } ul#secondary-menu li a:hover span, ul#secondary-menu li > a > span { color: #918e81; } ul#secondary-menu ul { width: 345px; background: url(../images/secondary-dropdown.png) repeat-y; padding: 3px 0px 15px; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border: 1px solid #232323; border-top: none; } ul#secondary-menu li:hover ul, ul#secondary-menu li.sfHover ul { left:0px; top:51px; } ul#secondary-menu li:hover ul ul, ul#secondary-menu li.sfHover ul ul { left:173px; top:-3px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #232323; } ul#secondary-menu ul li { background: url(../images/secondary-dropdown-bottom.png) repeat-x bottom left; padding: 0px 0px 2px 2px; } ul#secondary-menu ul li a { display: block; padding: 9px 3px 9px 28px; width: 139px; color: #ffffff; font-family: Century Gothic, Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: url(../images/secondary-dropdown-bullet.png) no-repeat 15px 17px; } ul#secondary-menu ul li a:hover { background-color: #383838; color: #ede7c2; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured { background-color: #969384; height: 501px; position: relative; } #featured #top-shadow { position: absolute; top: 0px; left: 0px; background: url(../images/top-shadow.png) repeat-x; height: 34px; width: 100%; } #featured #bottom-shadow { position: absolute; bottom: 0px; left: 0px; background: url(../images/bottom-shadow.png) repeat-x; height: 31px; width: 100%; } .slide { position: relative; width: 100%; height: 501px; } #featured .container { height: 501px; } #slider-box{position:relative; width:962px; margin:0 auto; z-index:2;} .slide .description, #slider-box .description{ background: url(../images/description-bg.png) no-repeat; width: 377px; height: 174px; position: absolute; bottom: -5px; right: 0px; z-index: 15; padding:36px 56px 53px; } .slide .description h2.title { font-size: 24px; color: #969595; text-transform: lowercase; font-weight:normal; } .slide .description h2.title a { color: #000; } .slide .description h2.title a:hover { text-decoration: none; } a.more { float: right; display: block; background: url(../images/more.png) no-repeat bottom right; padding-right: 10px; font-family: Arial, Verdana, sans-serif; color: #4e4e4d; font-size: 11px; text-shadow: 1px 1px 1px #ffffff; } a.more:hover { color: #313130; text-decoration: none; } a.more span { display: block; background: url(../images/more.png) no-repeat top left; padding-left: 9px; height: 28px; line-height: 25px; } #featured .description { font-style: normal !important; } .description .product { position: relative; } .description .product span.tag { position: absolute; top: -5px; left: -94px; display: block; background: url(../images/featured-description-tag.png) no-repeat bottom right; padding-right: 11px; color: #ffffff; font-size: 30px; text-shadow:1px 1px 1px #5e1303; } .description .product span.tag span { display: block; background: url(../images/featured-description-tag.png) no-repeat; padding-left: 10px; height:50px; padding-top: 10px; } #controllers { position: absolute; top: 0px; left: 0px; width:100%; } #switcher { position: absolute; top: 18px; right: 5px; } #switcher .item { background: url(../images/feat-item-alternate.png) no-repeat; width: 121px; height: 126px; float: left; margin-right: 35px; padding: 114px 0px 0px 8px; margin-top: -18px; } #switcher .active { margin-top: 6px; } #switcher a.product { position: relative; display: block; } #switcher a.product span.tag { color: #ffffff; font-size: 22px; position: absolute; top: 5px; left: -23px; display: block; background: url(../images/featured-small-tag.png) no-repeat bottom right; padding-right: 11px; } #switcher a.product span.tag span { display: block; background: url(../images/featured-small-tag.png) no-repeat; padding-left: 9px; height:36px; padding-top: 9px; } #switcher a.product:hover { text-decoration: none; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: left; width: 239px; padding-left: 2px; margin-top:-8px; } #sidebar a { color: #807f7f; text-shadow: 1px 1px 1px #ffffff; } #sidebar a:hover { color: #505050; text-decoration: none; } #sidebar .widget { background: url(../images/widget-bottom.png) repeat-x bottom left; padding: 0px 0px 2px; } .page-template-page-full-landscape-php #sidebar .widget{background:none;} #sidebar h4.widgettitle { color: #5f5e5e; font-size: 30px; text-transform: lowercase; letter-spacing: 0.5px; background: #F3E9DB url(../images/widget-title.png) no-repeat bottom left; padding: 14px 5px 11px 25px; text-shadow: 1px 1px 0px #ffffff; border-top-right-radius:10px; } #sidebar .widget-content { padding: 10px 10px 10px 25px; } #sidebar .widget-testimonial-content { padding: 8px 10px 10px; } #sidebar .widget ul ul { margin:0 0 0 15px; } #sidebar .widget ul li { background:url("../images/list-icon.png") no-repeat scroll 0 13px transparent; padding:7px 0 7px 13px; } #sidebar .widget ul li ul { margin:0 0 -12px; padding:5px 0 0 7px; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .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-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .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; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:203px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 202px; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; padding: 35px 30px 20px 0px; text-align:right; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px; text-decoration: none; font-weight: normal !important; font-size: 20px !important; color: #5f5e5e !important; border: none !important; background: url(../images/pagenavi-bg.png) no-repeat; padding:5px 15px 5px 13px !important; } .wp-pagenavi span.current { font-size: 20px !important; color: #5f5e5e !important; color: #9f260d !important; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding:5px 15px 5px 13px !important; margin: 2px; border: none !important; background: url(../images/pagenavi-bg.png) no-repeat; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; color: #413f36; border: none !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries {display: none;} .foursixeight { margin: 0px 0px 15px 84px;} .fullwidth { width: 100% !important; } .last { margin-right: 0px !important; } .cufon-disabled span.tag, .cufon-disabled h3#deals-title, .cufon-disabled h4.widgettitle, .cufon-disabled ul#secondary-menu li a strong, .cufon-disabled .price-single, .cufon-disabled .addto-cart { font-family: Impact, sans-serif; } .cufon-disabled .description h2.title, .cufon-disabled .item-content h4, .cufon-disabled .product h3, .cufon-disabled .post h1, .cufon-disabled .post h2, .cufon-disabled .post h3, .cufon-disabled .post h4, .cufon-disabled .post h5, .cufon-disabled .post h6 { font-family: Century Gothic, Arial, sans-serif; font-weight:normal; } .cufon-disabled #switcher a.product span.tag { font-size: 18px; } .cufon-disabled .description .product span.tag { font-size: 24px; } .cufon-disabled .description .product span.tag span { height:48px; padding-top:12px; } .cufon-disabled .slide .description h2.title { font-size:32px; } .cufon-disabled ul#secondary-menu li a strong { font-size:16px; } .cufon-disabled h3#deals-title { font-size:22px; font-weight:normal; letter-spacing:0; } .cufon-disabled #content .product span.tag, .cufon-disabled #content #items .item-content span.tag { font-size: 19px; } .cufon-disabled #content .product span.tag span, .cufon-disabled #content #items .item-content span.tag span { padding-bottom:2px; padding-top:7px; } .cufon-disabled .product h3 { font-size:22px; } .cufon-disabled #sidebar h4.widgettitle { font-size:24px; font-weight:normal; } .cufon-disabled .price-single, .cufon-disabled .addto-cart { font-size: 24px; } .cufon-disabled span.price-single span { padding:14px 0 14px 12px; } .cufon-disabled a.addto-cart span { padding:14px 0 14px 48px; } .cufon-enabled #featured span.tag, .cufon-enabled h3#deals-title, .cufon-enabled #content span.tag, .cufon-enabled h4.widgettitle, .cufon-enabled ul#secondary-menu li a strong, .cufon-enabled span.price-single, .cufon-enabled .addto-cart, .cufon-enabled .wp-pagenavi span.current, .cufon-enabled .wp-pagenavi a.page, .cufon-enabled .description h2.title, .cufon-enabled .item-content h4, .cufon-enabled .product h3, .cufon-enabled .post h1, .cufon-enabled .post h2, .cufon-enabled .post h3, .cufon-enabled .post h4, .cufon-enabled post h5, .cufon-enabled .post h6, .cufon-enabled .related-items span { text-indent: -9999px; } .eshopcart_widget { text-shadow: 1px 1px 0px #fff !important;} table.eshop thead th,table.cart thead th, table.eshop tbody th { background-color: #dbd9d5 !important; text-shadow: 1px 1px 0px #fff !important; } table.eshop,table.eshop th,table.eshop td { border:1px solid #c8c8c8 !important; } table.cart tr.stotal { background:#9a260e !important; color:#fff !important; text-shadow: -1px -1px 0px #7e1e0a !important;} form.eshop fieldset { background:#f7f7f7 !important; color:#7c7b7a !important; border:1px solid #dadada !important; } form.eshop legend { background:#ae2509 !important; color:#fff !important; border-width:1px !important; border-style:solid !important; border-color:#921f07 !important;} form.eshop input.button { background:#ae2509 !important; border-color:#921f07!important; } .eshop caption {display: none; } .post table.eshop thead th, .post table.cart thead th, .post table.eshop tbody th { background-color: #f3f3f3 !important;} table.cart tr.stotal #subtotalw, .post form.eshop table.cart tr.stotal #subtotalw { color: #404040!important; } .post .eshop {margin: 40px 0px 0px 0px !important; } /*------------------------------------------------*/ .no_sidebar #main-content{width:960px !important;} .no_sidebar #main-content, .three-column #main-content{background-image:url("../images/main-bg-full.png") !important;} .no_sidebar #main-area, .three-column #main-area{background-image:url("../images/content-top-full.png") !important;} .no_sidebar #main-area-bottom, .three-column #main-area-bottom{background-image:url("../images/content-bottom-full.png") !important;} .no_sidebar #left-column{width:960px;} .et_pt_gallery_entry { margin: 0 0 32px 72px !important; } p.post-meta { display: none; } /********** Custom Styles Added by Cole Geissinger **********/ h1, h2, h3, h4, h5, h6{ color:#000; } #et_pt_blog h2{margin-bottom:0; padding-bottom:0;} .et_pt_blogentry{padding-bottom:30px !important;} #addy_in_state{float:left; width:152px;} /*** [ Content Home ] ***/ #home #content-wrapper{background-color:#DFD1BB; background-image:url('../images/home_bkgd.jpg'); background-repeat:repeat; background-position: top center; background-attachment: scroll;} #home #content-wrapper-inside{background:url(../images/content-top-inside.png) 0 0 repeat-x;} #home #content{padding-top:0;} /*** [ Product Page ] ***/ #product-slides{width:435px !important; height:293px !important; overflow:hidden;} #product-slides img{border-radius:10px;} .product-info{padding-top:0;} .product-info h1{font-size:2.7em;} #product-slider{width:435px; margin-right:15px; position:relative; left:-1px;} #product-options{position:absolute; bottom:0;} #product-options ul{list-style:none; margin:0; padding:0;} #product-options li{float:left; display:block; width:39px; height:52px; background:url(../images/product-variables-sprite.png) 0 -7px no-repeat; text-indent:-99999px; overflow:hidden;} #product-options #low-fat{background-position:-6px;} #product-options #gluten-free{background-position:-50px;} #product-options #whole-grain{background-position:-94px;} #product-options #low-glycemic{background-position:-134px;} #product-options #high-fiber{background-position:-183px;} #product-options #complete-protein{background-position:-223px; width:47px;} #product-options #high-protein{background-position:-271px;} #product-options #sprouted{background-position:-313px;} #product-options #omega-3{background-position:-357px;} .more-info{font-size:1.5em !important; font-weight:normal; color:#7C7B7A;} .content_right, .content_left{ float: left; width: 45%; } .content_left{ padding-right: 5%; } /*** [ Related Recipes (big content area) - added our custom class to existing formatting starting at line 189 ] ***/ .related{padding-top:11px;} .related-recipes ul{background: url(../images/hr-bg.png) no-repeat bottom left;} .related-recipes li{width:240px; min-height:300px; background:url("../images/relatedbg-right.png") repeat-y scroll right top transparent;} .related-recipes li.third{background:none;} .related-recipes img{background:none transparent; border:none; border-radius:15px;} .related-recipes a{display:block; padding:22px 22px 0 !important; background: url(../images/hr-bg.png) no-repeat bottom left;} .related-recipes span.recipe-title{padding-bottom:7px;} .related-recipes p{color:#7C7B7A;} .related-recipes li span.more-info{background:url(../images/more-info.png) center center no-repeat; text-indent:-9999px; padding:0 0 15px; height:28px; margin-left:-15px;} body.search-no-results .entry{padding:20px;} /*** [ Product Gallery Slide ] ***/ #gallery { position: relative; padding: 0 0 10px; width:435px; height:293px; overflow:hidden; } #slideshow { text-align: center; width:100%; height:100%; position: relative; } #slideshow .image-wrapper { display: block; position: absolute; } #slideshow .image-wrapper > a { width:100%; text-align: center; display: block; } #slideshow .image-wrapper img { width:435px; height:293px; border-radius:10px; position:relative; top:-17px; } #caption { text-align: center; margin: 10px 0; } #caption .image-caption { display: block; position: absolute; width: 640px; text-align: center; } #thumbs li { float: left; list-style: none; } #thumbs a { display: block; position: relative; float: left; margin-right: 6px;width: 69px; height: 69px; overflow:hidden; } #thumbs a .overlay { background: url(../images/overlay-sprite.png) no-repeat; display: block; width: 69px; height: 69px; position: absolute; top: 0px; left: 0px; } #thumbs a.active .overlay, #thumbs a:hover #overlay { background: url(../images/overlay-sprite.png); } #thumbs > div.pagination{display:none;} ul.thumbs{margin:0;} .thumb img { border: 3px solid rgba(255,255,255,0.5); } /*** [ Where To Buy Over-rides ] ***/ form#searchForm, #address_search{width:890px !important; position:relative;} #address_search label{min-width:94px !important;} #address_search .search_item, #addy_in_radius{clear:none !important; padding-top:0 !important;} #addy_in_radius{position:absolute; right:0; top:0;} #radius_in_submit{float:right !important; width:194px !important;} /*** [ Sidebar Styles ] ***/ #sidebar a, #sidebar h4.widgettitle { color:#766645; } #sidebar #quick-ideas-widget h4.widgettitle { background: transparent url(../images/widget-title-dark.png) 0 0 no-repeat; color:#a49f9b; text-shadow: 1px 1px 0px #000 !important; } #sidebar #quick-ideas-widget { background:#56524f; color:#bebbb6; border-top-right-radius:10px;} #sidebar #quick-ideas-widget ul li { background:url("../images/dark-list-icon.png") no-repeat scroll 0 13px transparent; } /*** [ Footer Styles ] ***/ #footer p#copyright, #footer p#copyright a{color:#5a4231; font-weight:bold; text-shadow:none;} /*** [ Testimonial Widget ] ***/ #testimonials{margin:0; padding:0;} #testimonials li{padding:25px 5px 0 15px !important; list-style:none; margin-bottom:20px; background:url(../images/quote-left.png) 0 14px no-repeat !important; text-indent:19px; color:#766645; text-color:1px 1px 1px #fff; font-style:italic; font-family:Times, serif; font-size:1.2em; } #testimonials li p{background:url(../images/quote-right.png) 103% bottom no-repeat;} .testimoial-author{display:block; text-align:right; position:relative; font-weight:bold;} /*** [ Default Style Over-rides ] ***/ .archive h2{margin:20px 26px 5px;} .pagination a{color:#72a018;} .post{padding:25px 25px 7px;} #search-bar{margin-top:25px;} #content .container{padding-top:36px;} #breadcrumbs{display: none;} .product-info{height:298px; position:relative; width:219px;} body.page-template-page-full-php .product-info{width:441px;} .rounded-photo, .rounded-photo-img img{border-radius:10px;} div.description{max-height:121px; font-size:1em; font-style:normal;} .post-edit-link{float:right;} body.page-template-page-blog-php h2.et_pt_title a{color:#111 !important;} .item-content h4 a{font-weight:normal; font-size:17px; color:#696969; letter-spacing:normal;} .linksalpha_button_icons_main{position:relative; left:-5px; margin:10px 0;} .group:before, .group:after{content:""; display:table;} .group:after{clear:both;} .group{zoom:1; /* For IE 6/7 (trigger hasLayout) */}