/** * Theme: Wellness Theme for WordPress * * @copyright for wellness Copyright 2010, Lotus Seeds Design * * @link http://www.lotusseedsdeisgn.com * * @license Single Domain License * @revision $Revision: 2 $ * @lastmodified 1.3 $Date: October 23th, 2010 $ /* ======= Find Mobile and iPad media rules below*/ @import url(visual.css);/* <-- controls colors, font sizes and a few presentational elements used in the theme */ @import url(css/css3support.css); /* Don't show URL's of internal anchors */ a[href*="#"]:link:after, a[href*="#"]:visited:after {content:"";} a[href*="#"] {border:none;} a[href^="http"]{text-decoration: underline;} abbr[title], dfn[title] { border-bottom:1px dotted #C12D2D; cursor:help; } pre, code, kbd, samp { font-family: Monaco, Lucida Console, monospace, sans-serif; } blockquote, q {border-left: 5px solid #E0E5D1;padding:5px 15px; border-top: 5px solid #FCF9F7;border-bottom: 5px solid #FCF9F7} ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } i, em {font-style: italic;font-weight: bold;color: #444;} /*reset items ============================================== */ * {margin:0; padding:0;} /* Reset all elements */ img {border:none;display: block;cursor:pointer;} a {text-decoration:none;cursor: pointer;} a:hover, a:active { outline: none!important; } a img:hover {opacity: 0.85;} .clear, .clearit {clear: both;overflow: hidden; } li {list-style: none} a.external {} /*table elements*/ table {width:100%;border-spacing:0;border-collapse: collapse;margin-bottom: 15px;margin-top: 10px;} table, th, td, input, textarea, select {border-style: solid;border-width: 1px;} th, td {vertical-align: top;padding: 5px 10px;} th {width: 15%;} td {width:16%} input, textarea, select, td, th {border-color:#326600;} option {border-bottom: 1px solid #E9E3DA;} /*form elements ============================================== */ legend span {white-space:normal;line-height: 1.3; display: block;} fieldset {border:none;margin: 0;padding: 0;} input, textarea, option, select {padding: 2px 4px;background: #FAF9F5;border-width:1px} label, input[type=button], input[type=submit], button { cursor: pointer; } /*IE watch out: do not group unsupported selectors of IE6 as the browser ignores the entire rule*/ [required]{background-color:#FFFFE0} .required { background-color:#FFFFE0} /*:invalid { background-color: red; }*/ /*hide from browser but make available for screen reader*/ #hdr #logo span,.tw-hide,.no-display,.skipto, #mini-search legend span, #mini-search label, .no-display {position: absolute!important;margin-left: -9999em;} /* ====================================== [site structure] ======================================================= */ #container{width: 960px;background: transparent url(images/cbg.png) repeat-y 1px top;position: relative;text-align: left;} #content {width: 946px;padding: 0 0 20px 0;background: url(images/2colbg-right-blog.png) repeat-y center 0;} #blog_content {width:64%;float:left; padding-right:10px;padding-left: 20px;} #blog_sidebar {width:29%;float:right;margin:-30px 15px 0 20px;} .home #blog_content, .home #blog_sidebar, .archive #blog_sidebar, .search-results #blog_sidebar, .error404 #blog_sidebar {margin-top: 20px} /* logo, h1 */ #hdr_wrap {width:100%;background: url(images/hdr_wrap.jpg) no-repeat center bottom;height: 178px;clear: both;} #hdr {width:960px;position: relative;z-index: 100;} #logo {background: url(images/logo.png) no-repeat 30px 0;height: 100px; float: left;width:450px;display: block} #logo span {top: -9999px;position: absolute;} .home h1 {margin: 0;padding: 0;} /*if inline image is used for logo*/ #logo-alt {height: 100px; float: left;width:371px;display: block;margin-left: 30px;} /*breadcrumb*/ #breadcrumbs {margin:25px 0 5px 20px;display: block;width:63%;text-align: left!important;} .home #breadcrumbs, .error404 #breadcrumbs, .search #breadcrumbs, .archive #breadcrumbs {display: none;} /* Quick Access - Register | My cart | Checkout ==============================================*/ #quick-access { width:60%;float: left;} #quick-access ul {margin-top:9px;margin-left: 15px;} #quick-access li {float: left;display: block; background: url(images/icon-pipe.png) no-repeat right 9px} #quick-access li a {float: left;display: block;padding: 5px 8px 0 10px;margin-right: 3px;} /* This style sheet controls superfish menu*/ #catnav {display: block;clear: both;width: 100%;} .sf-sub-indicator { position: absolute; display: block; right: .2em; top: 1em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat 0 top; /* 8-bit indexed alpha png. IE6 gets solid image only */ } #catnav .sf-menu {line-height:1.0;margin: 7px auto 0 auto;padding-left: 1.5%;float:left;} .sf-menu ul { z-index:600;position:absolute;top:-999em;width:200px;} .sf-menu ul ul, .sf-menu ul li {width:100%} .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */} #catnav ul li {float:left;position:relative;margin-right: 1px;} #catnav .sf-menu a {display:block;position:relative;text-decoration: none;} #catnav .sf-menu li:hover ul, #catnav .sf-menu li.sfHover ul {left:0;top:35px; border:1px solid #CDC38E;border-top: 0;background-image: none;} #catnav .sf-menu li a {padding: 12px 15px 9px 15px; font-size: 14px; overflow: hidden;line-height: 1em;text-transform: uppercase;} /*text color for parent item*/ #catnav ul li a{color: #ededed;background: transparent;text-shadow: 1px 1px 3px #960;} #catnav ul li a:hover {background-color: #5E5244;} /*black text for second level items*/ #catnav ul li ul a{text-shadow: 0 0; background: url(images/bar2.png) repeat-x left top; } /*olive text for hover items*/ #catnav ul li a:hover, #catnav ul li a:focus, #catnav ul li ul a:hover{color: #56771c;text-shadow: 0 0} #catnav a:active,#catnav a:focus,#catnav .sf-menu li li {background: url(images/bar2.png) repeat-x left top;} #catnav ul li a:hover, #catnav ul li a:hover, #catnav ul li a:focus {background:transparent url(images/catbg.png) no-repeat right top;} /*2nd level - disable dropdown background image*/ .sf-menu li li a {padding: 8px 15px 8px 10px;letter-spacing:0;text-align: left;text-transform: capitalize;font-size: 15px;} .sf-menu li li,.sf-menu li.active li {border-bottom: 1px solid #CDC38E;} .sf-menu li li.last,.sf-menu li.active li.last {border-bottom: 0;} .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu li a:active {outline:0;text-decoration: none;} /*search box* ==========================================*/ #searchform {background: url(images/icon_search.png) no-repeat left 2px;clear: both;margin: 12px 25px 0 0;width: 30%; float: right;display: block;overflow: hidden;position: relative;*margin: 66px 25px 0 0;} #searchform input {border: 1px solid #77934a;padding:4px;width:63%;margin-right:4px;margin-left:28px;background-color:#E8DAC3;float: left;font-size: 11px;} #searchform button {border:1px solid #778D3F;float: left;font-size: .7em;padding: 3px 3px;width: 22%;margin-top: 0;*padding: 1px 0;} #searchform input:focus,#mini-search input:focus, #searchform button:hover,#mini-search button:hover, #searchform button:focus,#mini-search button:focus {background:transparent url(images/catbg.png) no-repeat right center!important} /* Mini top search */ #mini-search {width:31%;float: right;margin-top:20px;margin-right:26px;} #mini-search input {padding:1px 5px;height: 19px;width:77%;margin:0 0 1px 0;float: left;text-align: left;background-color: #E8DAC3;} #mini-search button{width: 5em;float: right;;padding: 3px 2px;margin-top: 0;*padding: 1px 0;} /*seach Magento store: autocomplete-search*/ .ac_results{overflow:hidden;border:2px solid #326600;color:#252525;border-top:0;background-color: #fff;z-index:99999;padding:0 3px;zoom:1}.ac_results ul{width:100%}.ac_results li{cursor:default;line-height:16px;display:block;border-bottom:1px solid #fff;font-size:13px;overflow:hidden;margin:0;padding:4px 0}.ac_results li:last-child{border-bottom:0!important}.ac_loading{background:#FFF url(../images/base_images/opc-ajax-loader.gif) right center no-repeat}.ac_odd{}.ac_over{background:url(images/bamboo_bg.gif) repeat center center!important;}.ac_product_row{position:relative;text-align:left;width:100%;}.ac_product_row .ac_product_image{float:left;width:50px;margin:2px 10px 2px 2px}.ac_product_row .wrap{float:left;width:75%;}.ac_product_row .wrap .ac_product_name{font-size:14px;}.ac_product_row .wrap .ac_product_manufacturer{font-size:13px;}.ac_product_row .wrap .price,.ac_product_row .wrap .getsku{font-size:14px;padding-top:3px} .archives h1 {padding-top:25px;padding-bottom: 10px;} .single .postcontent, .page #blog_content .category, .page .postcontent {margin-left:40px;} #blog_content ol li {list-style: decimal;} #blog_content ol li, #blog_content ul li {margin-left: 10px;} #blog_content ul.disc{margin-top: 15px;} #blog_content ul, #blog_content ol {width: 98%;margin: 0 auto 15px auto;} #blog_content ul.disc li, #blog_content ul.related_post li {list-style-type: disc;margin-left:10px;} #blog_sidebar ul li a {line-height: 1.5;} #blog_content ol, #blog_content ul , .archives ul {margin-left: 15px;margin-top: 10px;} #blog_content h3,#blog_content h4,#blog_content h5,#blog_content h6,#blog_content dt{margin-top: 15px;padding-bottom:5px;padding-top: 10px;text-transform: capitalize;} /*post meta*/ .single .post-meta {margin-bottom: 10px;} .comments {margin-left: 3px;} a span.comments {background:url(images/icon-comment.gif) no-repeat left 1px;padding-left: 15px;} .tags {margin-top: 10px;} #blog_content .category {padding: 3px 0 0 40px;margin-top:5px;} .home #blog_content .category, .archive #blog_content .category {padding: 3px 0 0 5px;} /*if twitter buton added*/ .twitter-share-button {float: right;margin-top:5px; } /* if tags available*/ .tags {display: block;background: url(images/icon-tag.gif) no-repeat 3px 2px; padding-left:25px;margin-top: 10px;} /* [Blog home items] ======================= */ #blog_content .image {margin-right:20px;margin-bottom:10px;margin-top: 10px; float: left;} /*floated box*/ .box {float: left;width: 48%;} .sticky {padding-bottom: 10px} /*blog content*/ .blog-article {padding-bottom: 10px;float: left;} #blog_content p {padding:5px 0 10px 0;} .page #blog_content h2, /*#blog_content article,*/ .page #blog_content nav {margin-left: 14px;} .home #blog_content article {margin-left: 0;} /*if synidacated - feed WordPress plugin required*/ p.syndicated{margin-bottom: 5px;padding: 5px!important;} p.syndicated a {font-style: italic; } span.price {padding-left: 3px;letter-spacing: 1px;font-size: 15px;} .spoiler img,.product-shop img{margin-right: 15px;margin-bottom: 10px;margin-top: 10px;padding: 5px; float: left;} .home .spoiler img, .home .product-shop img {padding: 2px;} .product-thumb img {width: 50%!important;} .archive figure.product-thumb img.spoiler, .search figure.product-thumb img.spoiler{width: 25%!important;}/*archive page*/ /*Single page*/ div.post-info {padding: 10px 10px 8px 25px;margin: 20px 0;} /*if Related Posts by Category plugin enable - this plughin shows up at the end of each single post content*/ .related-post {padding: 15px;} #blog_content .related-post h2 {padding-bottom: 20px} .related-post li {padding-bottom: 5px;clear: both;list-style-type: disc;margin-left: 25px;vertical-align:top;} #content .related-post li img {vertical-align:top;margin-right:10px;margin-bottom: 10px;border:0;display:inline-block;} /*archives pages*/ #content .monthly-archives .archives {padding-bottom: 15px;clear: both;overflow: hidden;} .page #blog_content .archives h2 {margin-left: 25px;} .archives ul, .archives h3{margin-left: 50px;} .page #blog_content nav ul.cat-list {margin-left:40px!important;} .archives li {padding-bottom: 8px} /*404 page*/ .p404 .archives h2 {padding-bottom: 25px;} .p404 .archives h3 {margin-top: 25px;padding-bottom: 20px;} /*default .archive page from WP*/ .archive h2, .search h2 {margin-left:0;} /*========================================== [Right Column Sidebar/widgets items] ==========================================*/ /* Social Media Icons ==========================================*/ ul#socialmedia {margin-left:6px;clear: both;display: block;overflow: hidden;} ul#socialmedia li {float: left;width: 54px; height: 62px; display: block;margin-right:14px;} ul#socialmedia li:last-child {margin-right: 0;} ul#socialmedia li a {background: url(images/socialmedia.png) no-repeat;float: left;width: 54px; height: 62px; display: block;} ul#socialmedia li a:hover {background: url(images/socialmedia.png) no-repeat;} ul#socialmedia li a#rss {background-position: 0 top;} ul#socialmedia li a#rss-email {background-position: -80px top;} ul#socialmedia li a#facebook {background-position: -160px top} ul#socialmedia li a#twitter {background-position: -240px top} ul#socialmedia li a span {position: absolute;text-indent: -3333em;} ul#socialmedia li a#rss:hover {background-position: 0 -66px;} ul#socialmedia li a#rss-email:hover {background-position: -80px -66px;} ul#socialmedia li a#facebook:hover{background-position: -160px -66px;} ul#socialmedia li a#twitter:hover {background-position: -240px -66px;} /*share elements ======================= */ #blog_sidebar nav:not(:last-child) {clear: both;margin-bottom:15px;} #blog_sidebar nav.box {clear: none;} #blog_sidebar .widget {padding-bottom:2px;padding-top: 1px;} #blog_sidebar .widget ul {padding-top: 5px;} #blog_sidebar .custom-field-box{margin-bottom: 10px;margin-top: 10px;float: left;width: 48%!important;} .rightbox{float: right!important;width: 48%!important;} /* figure: for image/video using custom fields*/ #blog_sidebar .custom-field {margin-bottom:15px;text-align: center;overflow: hidden;float:none} #blog_sidebar .custom-field figcaption {margin: 0;overflow: hidden;} #blog_sidebar .custom-field figcaption:first-child{padding: 8px 8px 3px 8px} #blog_sidebar .custom-field figcaption:last-child{padding: 5px 8px} #blog_sidebar .custom-field img {margin: 1px auto;width:100%;} /*floated images*/ #blog_sidebar .custom-field-box img {display: block;width:100%;-ms-interpolation-mode: bicubic; } #blog_sidebar .custom-field-box:last-child {float: right!important;} #blog_sidebar .custom-field-box img:hover {opacity: 0.85;} /*start default widgets from Wordpress ========================================*/ #blog_sidebar .widget h2, #blog_sidebar .widget h3, #blog_sidebar .widget h4, #blog_sidebar .box h2 {padding:10px 10px 4px 10px;} /*======if tags cloud enable ==*/ #blog_sidebar .widget_tag_cloud a{ padding: 3px 10px!important;font-size: 100%;float: left;display: block;} #blog_sidebar .widget_links div, #blog_sidebar .widget_tag_cloud div, #blog_sidebar .widget_twitter div, #blog_sidebar .widget .blogroll {padding-bottom:8px;padding-top:5px;} /*======if text or link widget enable ==*/ #blog_sidebar .box li, #blog_sidebar .widget_links li{ padding: 4px 10px;} .textwidget p {padding: 5px 10px;} /*Start WordPress third party plugins ========================================*/ /* sidebar tab - tabbed widget plugin ========================================*/ #blog_sidebar .tabbed-widget {clear: both!important;display: block} #blog_sidebar .tabs{margin-bottom: 15px;width: 100%;} #blog_sidebar .tabbed-widget h2 {padding-left: 0;padding-top: 0;} /*overwrite accordion: prevent paddings in tabs*/ #blog_sidebar .tabbed-widget .ui-tabs ul li {padding: 0;} #blog_sidebar .tabs .tw-content {border: 0!important} #content #blog_sidebar .tabs .ui-tabs-panel { margin: -1px 0 0 0!important;overflow: hidden;padding: 5px 0;border-top:1px solid #778D3F!important;} /*#content #blog_sidebar .tabs .ui-tabs-panel ul {background-color: transparent!important;}*/ #blog_sidebar .ui-tabs ul {display: block;width:100%; padding-top: 5px;} #blog_sidebar .tw-tabs > ul li {} /*prevent tabs from showing margins inhertence*/ #blog_sidebar .tw-tabs .ui-tabs-nav { padding: 5px 0 0 10px;margin-bottom: 0;} #blog_sidebar .tabbed-widget .ui-tabs .ui-tabs-nav li { float: left;text-align: center;margin-top: 5px;border: 0;} #content #blog_sidebar .tabs .ui-tabs ul li a {overflow: hidden; border: 1px solid #778D3F;border-bottom: 0;margin-right:2px; padding: 6px 8px 4px 8px;text-align: center;text-decoration: none;; font: 14px Calibri, Arial, sans-serif} /*start content elements in the tabs panels*/ /*user for any widget that uses li and overwrite the ui-tabs elements*/ #blog_sidebar .tabs .ui-tabs-panel ul li {overflow: hidden;padding: 8px 5px 8px 15px;font-size: 14px;} #blog_sidebar .tabs .ui-tabs-panel ul {overflow: hidden;margin: 0;padding: 0;width:100%; } #content #blog_sidebar .tabs .ui-tabs-panel ul li {margin-left: 0;} #content #blog_sidebar .tabs .ui-tabs-panel ul li a {float: none!important;text-align: left;margin: 0!important; border: 0; padding: 0;font-weight: normal;} /*overwrite margin fromthe first first-child*/ #content #blog_sidebar .tabs .ui-tabs-panel ul li:first-child {margin-left:0} /*if Wordpress Popular Posts plugin enable*/ #content #blog_sidebar .tabs .ui-tabs-panel ul li a .wpp-post-title {display: block;clear:both;font-size: 14px!important;} #content #blog_sidebar .tabs .ui-tabs-panel ul li span {padding-left: 0!important;} .wpp-comments, .wpp-date {font-weight: normal;margin-top: 0!important;} /*widget content in the .ui-tabs-panel*/ #blog_sidebar .tabbed-widget .ui-tabs li.ui-tabs-selected a {float: left!important;} #blog_sidebar .ui-tabs-hide { } .ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav a:focus, .ui-tabs-nav a:hover {background-color: transparent;position: relative; z-index: 2;} .ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px;} #blog_sidebar .ui-tabs-nav:after { display: block;clear: both;content: " ";} /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { display: inline-block;} *:first-child+html .ui-tabs-nav { display: inline-block;} #blog_sidebar .tw-tabs .tw-content {overflow: hidden;} /*widget_tabbed widget - accordion menu ==========================================*/ /*this is .tabbed-widget h4/h2 a*/ #blog_sidebar .ui-accordion {margin-top: 0;} #blog_sidebar .ui-accordion .tw-title{margin: 0;padding: 0;;} #blog_sidebar .ui-accordion .tw-title a {padding: 10px 10px 6px 10px;overflow: hidden;font-weight: normal;} #blog_sidebar .ui-accordion .tw-title a, #blog_sidebar .tw-content span { text-decoration:none!important;outline: 0!important;border: 0;} #blog_sidebar .tabbed-widget ul{display: block;clear: both;} #blog_sidebar .tabbed-widget ul li {padding: 5px 8px;} #blog_sidebar .tabbed-widget ul li:last-child {border-bottom: 0;} #blog_sidebar .tw-content li a {display: inline;} /*overwrite the default tabbed widget styles*/ #blog_sidebar .tw-content {padding: 0;margin: 0;} #blog_sidebar .ui-accordion .ui-state-active a { background:url(images/onlight-accordion-open.png) no-repeat right 15px!important; text-decoration:none;display: block } #blog_sidebar .ui-accordion .ui-state-default a {background:url(images/onlight-accordion-closed.png) no-repeat right 16px!important; display: block;} #blog_sidebar .ui-accordion .ui-state-default:hover, #blog_sidebar .ui-accordion .ui-state-default a:hover { cursor:pointer;text-decoration:none!important;} #blog_sidebar .tw-content a.rsswidget {text-shadow: 3px 3px 3px #fff;} /*======if Twitter Widget Pro enale: widget_twitter ==================================================*/ #blog_sidebar .widget_twitter {} #blog_sidebar .widget_twitter ul {padding-top: 10px;} #blog_sidebar .widget_twitter li {padding-left: 10px;padding-right: 10px;} #blog_sidebar .twitterwidget img {float: right;/*margin-top: 3px;*/margin-right: 10px;} #blog_sidebar .widget_twitter h2 {margin-top: -5px;} .from-meta, .from-meta a{display: none;} .twitter-avatar img {margin: 8px ;float: left;} #blog_sidebar .widget_twitter h2 a{background: url(images/icon-twitter.png) no-repeat 0 0;padding: 3px 5px 20px 30px;margin-top: 0} /* ====================================== [COMMENTS SECTION] ======================= */ button {border:1px solid #E6E0D7;padding:2px 5px;margin-top: 4px;background: transparent url(images/button_bg.png) repeat-x left top;font-size: 10px;vertical-align:middle;line-height: 1.5;} /*Button: share with searchbox and comment submit*/ #blog_content button {width: auto; overflow: visible; } dl#respond label {display: block;margin-top: 10px;clear: both;font-weight: normal;width: 90%;} dl#respond div input {display: block;clear: both;width: 86%;margin-bottom: 10px;} dl#respond button {padding: 6px 20px;margin: 10px 18px;font-size: 14px;vertical-align:middle;text-shadow: 1px 1px #ededed} /*submit comment button/ share with search button*/ dl#respond button:focus, dl#respond button:hover, dl#respond button:hover{background: url(images/button_hover.png) no-repeat right 90%;border: 1px solid #778D3F} dl#respond textarea {width: 95%;margin-top: 4px;} dl#respond legend span {padding-bottom: 15px;} .commentlist dl dt span {padding-left: 10px;} #comment-count {padding: 15px}/*h2*/ .commentlist{margin-top: 5px;} .commentlist li {padding: 20px 0 15px 15px;margin-bottom: 5px;background: #fefefe;;clear: both;} #blog_content .commentlist img{padding: 0;border:0;margin-right: 10px;margin-bottom: 10px;float: left;width: 50px;} #blog_content li .comment-message {padding-bottom: 10px;display: block;} .commentlist li.bypostauthor { clear: both; background-repeat: repeat;} /*depth 2*/ .commentlist li li {margin: 20px 10px 5px 0} #blog_content .comment-message .reply, #blog_content .comment-message .cancel-comment-reply {float: right;;margin-right: 10px;margin-top: -20px;} cite.fn {padding-left: 5px;font-weight: bold;} dl#respond dt {margin: 20px 0 10px 0;padding: 5px 10px;text-shadow: 1px 1px #fff;letter-spacing: 1px;} dl#respond dd {padding: 5px 5px 15px 5px;} dl#respond div {float: left;width: 33%;} #blog_content .nocomments {font-size: 20px;padding: 15px;} /*end comment elements*/ /*page navigation - adding '.blog' class prevents the pagenav plugin style's sheet from taking over ============================================================*/ #bloghome .wp-pagenavi {clear: both;margin-top: 10px;display: block;width: 100%;text-align:right;height: 22px;} #bloghome .wp-pagenavi a {padding-right: 5px} #bloghome .wp-pagenavi a,#bloghome .wp-pagenavi a:hover, #bloghome .wp-pagenavi span.current {font-size: 18px;} #bloghome .wp-pagenavi a:hover, #bloghome .wp-pagenavi a:focus, #bloghome .wp-pagenavi span.current {height: 25px;width: 33px;margin-top: 2px!important;text-align: center; background: url(images/button_bg.png) no-repeat right top} #bloghome .wp-pagenavi a, #bloghome .wp-pagenavi span.pages, #bloghome .wp-pagenavi span.current, #bloghome .wp-pagenavi span.extend {padding: 3px 5px 1px 5px!important;margin-left: 1px;margin-top: 1px;} #bloghome .wp-pagenavi span.pages {font-size: 13px;text-align: left;float: left;margin-top: -2px;} /*for single post and page pages*/ ul.navigation {display: block;width: 100%;margin-bottom: 10px;} .navigation li {float: left;width: 45%;} .navigation li.right {float:right;text-align: right;} span.next,span.previous {display: block;clear: both;position: absolute;left: -555555px;} /* Align classes generated by WordPress ============================================================*/ .aligncenter {margin: 10px auto 20px auto;display: block;} .alignleft {margin: 10px 20px 8px 0;float: left;} .alignright, .col-right, .fright { margin: 10px 0px 8px 20px;float: right;} .col-left {float: left;} .col-right {float: right;} #ftr_wrap, #footer {width: 100%;} /* footer section ============================ */ #ftr_wrap {background: url(images/ftr_bg_top.jpg) no-repeat 50% top;text-align: left;} #footer {margin: 0 auto;background: url(images/ftr_bg_btm.jpg) no-repeat center bottom; min-height: 8em;position: relative;} #footer p.copyright {margin-top: -25px;} #footer p {padding: 4px 15px 0 126px;} /*wrap footer's links and company info*/ #footer #ftr-inner {height: 3em;text-align: left; overflow: hidden;display: block;margin-left: 15px;background: url(images/logo_footer.png) no-repeat left 5px;margin-top: 15px;padding-top: 18px;padding-left: 50px;clear: both; } #footer #ftr-inner ul {margin-left: 60px;clear: both;} #footer li {display: inline;letter-spacing: 1px;} #footer li a {padding:0 20px 0 2px;} #footer li:not(:last-child) a{background: url(images/icon_slash.png) no-repeat right -1px;} .gotop {position:absolute;right: 0;bottom: 0;margin-bottom: 75px;margin-right: 15px;font-size: 11px!important;} .gotop a {padding: 5px 5px 0 5px;} /* Align classes generated by WordPress ============================================================*/ .aligncenter {margin: 10px auto 20px auto;display: block;} .alignleft {margin: 10px 20px 8px 0;float: left;} .alignright {margin: 10px 0px 8px 20px;float: right;} .col-left {float: left;} .col-right {float: right;} /*html5 elements*/ article, aside, figure, figcaption, footer, header, mark, menu, nav, section, video, h1, h2, h3, h4, h5, h6,dd, dt,img, /*header and section*/ #logo-alt, #quick-access li, #quick-access li a, div.post-info, .postcontent, span.c-excerpt, .wp-pagenavi, ul.navigation, span.next,span.previous, span.next,span.previous, .alignright, .alignleft, /*footer p.copyright,*/ /*sidebar items (aside)*/ #blog_sidebar li, ul#socialmedia li a, .ui-tabs-nav a, ul#tabnav, box li, .widget_links li, #blog_sidebar li:hover, .tw-content li, .tw-content li a, /*comment area*/ .commentlist li, .author-info, dl#respond dt, dl#respond label, dl#respond div input {display: block;} /* control floated elements */ .fleft {float:left;} .fright {float:right;} .related-post,.wp-pagenavi, ul#tabnav,ul.navigation{width: 100%;} #container, #content, #hdr_wrap, #hdr {margin: 0 auto;} #logo, #content,#container,footer, .sticky,.related-post,#content .monthly-archives .archives, .commentlist dl, dl#respond,.commentlist li, .postmeta-bottom,.spoiler img,.product-shop img, #blog_sidebar,.widget-wrap, #tab,#searchsubmit,ul.navigation, #blog_sidebar .widget_tag_cloud div {overflow: hidden} #ftr_wrap, #login, #container, #hdr,footer,#content,.related-post, ul.navigation,.wp-pagenavi,span.next, span.previous,ol.commentlist dd, .ui-tabs-panel, #content .monthly-archives .archives, h3.related_post_title, .box-full,h2.blog-home, .postcontent, .post-info,.widget-wrap,.category, #tab,dl#respond, .postmeta-bottom , dl#leave-comment label, dl#leave-comment div input, .allowed-tags {clear: both;} /*--------------------------------- [ simple mobile version ] ---------------------------------*/ @media only screen and (max-width: 480px) { h1, h1 a {font-size: 1.5em;font-weight: bold;line-height: 1.4em;padding-bottom: 0;padding-top:10px;} h2,h3, h4,h5, h6,#respond dt {padding-bottom:10px;font-size: 1.3em;font-weight: bold;} #blog_sidebar h4 a, #blog_sidebar h3 a, #blog_sidebar h2 a {font-size: 110%;font-weight: bold!important;text-shadow: 0 0;} /*re-adjust paddings/margins*/ ul, ol, p, li, td, dl, dt, dd, h1, h2, h3, h4, h5, h6, .related-post, .navigation {padding-left: 0;margin-left: 0!important;padding-right: 0;margin-right: 0;} /* This style sheet controls superfish menu*/ /*header section*/ /*logo except the homepage*/ .logo a#logo{margin-bottom: 10px;} #breadcrumbs {margin:15px 2% 5px 1%;line-height: 1.5em;} .home #searchform {margin-top:-9px!important} #searchform {margin: 0!important; width: 100%;text-align: right;height: 22px;} #searchform input {padding:3px;width:67%;margin-top:0px;} #searchform button {padding: 2px;margin-top:1px;width: auto;} #catnav {overflow: hidden;clear: both} #catnav .sf-menu li a{padding: 13px 5px 9px 5px;font-size: 12px!important;} .related-post {padding-top: 0;padding-bottom: 0;} #blog_content .related-post h2 {padding-bottom:0} #blog_content .related-post li {padding-bottom: 5px;margin-left: 25px!important} /*archives pages*/ #content .monthly-archives .archives {padding-bottom: 15px;clear: both;overflow: hidden;} .archives ul, .archives h3{margin-left: 30px;margin-top: 0;} .page #blog_content nav ul.cat-list {margin-left:10px!important;} .archives li {padding-bottom:5px} /*sidebar items*/ #socialmedia {padding-top:15px;clear: both;display: block;overflow: hidden;padding-left: 10px;} .home #blog_content,.home #blog_sidebar, .single #blog_sidebar, .page #blog_sidebar, #footer #ftr-inner ul{margin-top:0} #blog_sidebar nav:not(:first-child) {margin-bottom:0!important} /*footer section*/ #footer #ftr-inner ul,#footer p{padding-top: 10px;text-align: center;} #footer #ftr-inner ul{margin-top: 10px;} #footer li a {padding:20px 5px 0 0} p.copyright {display: block;margin-top: -10px!important;text-align: center;} .gotop {position:relative;padding-top:10px;margin: 0;font-size: 13px!important;text-align: right;} .gotop a{ background: url(images/bamboo_bg2.png) repeat center bottom} /*disable bg image*/ #content h1, #content, #footer,#footer #ftr-inner, #footer li:not(:last-child) a, #blog_sidebar .custom-field, #blog_sidebar .box, #blog_sidebar #tab .ui-tabs-nav li a {background-image:none!important} /*disable min-height*/ #ftr-inner, #footer {min-height:1em;padding: 0;margin: 0;} /*hide from mobile version*/ .skipto, skip a, #catnav ul ul, #logo span, #searchform span, #searchform label, .page #socialmedia, #mini-search, .sf-sub-indicator, .related-post ul li img, code.allowedtags, .allowed-tags, p.access-info, #blog_content .post-info, #content .category, span.next,span.previous, /*sidebar items*/ #blog_sidebar figure, #blog_sidebar img, #blog_sidebar .widget_twitter, #blog_sidebar .tabs {display: none!important} /*different bg image treatment*/ #container {background: url(images/m-content-bg.png) repeat} #hdr_wrap {background: url(images/m-hdr_wrap.jpg) repeat-x left top!important;height: 138px;} #logo { margin: 0;background: url(images/m-logo.png) no-repeat;width:240px;height: 65px;} .blog-article, .sticky,article.archives {background: url(images/line_dotted.png) repeat-x left bottom;padding-bottom: 5px!important;} #footer #ftr-inner,.skipto,#ftr_wrap,#footer, #blog_sidebar,#blog_sidebar .box,#searchform,#hdr_wrap,#hdr,#content, .navigation li,.wp-pagenavi,#searchform, #blog_sidebar .ui-tabs > ul,dl#respond div, .box,.rightbox,#blog_sidebar .custom-field .box {width: 100%!important;margin: 0;padding: 0} #breadcrumbs {width: 98.5%} #container { width: 98%; margin: 0 1%} #blog_content{padding-left: 3%;padding-right: 3%;width: 94%;} /*do not float*/ #container,#content,#hdr,#blog_content, #blog_sidebar, footer, .box, .rightbox,.navigation li,.navigation li.right,#blog_sidebar .custom-field .box, #blog_sidebar .box,#blog_content .archives ul li.page_item a, .twitter-share-button,#breadcrumbs,.wp-pagenavi,div.logo,#logo,#blog_sidebar .ui-tabs > ul,dl#respond div{float: none!important;} #catnav, .page #blog_content h2, .archives h2, .archives h3,.archive h2, .search h2, .single .postcontent, .page .postcontent, #blog_content article, .page #blog_content nav, .page #blog_content .category, .single #blog_content .category .page #blog_content nav ul.cat-list, #footer #ftr-inner, #footer p, #footer #ftr-inner ul {padding-left: 0;margin-left: 0} #blog_sidebar h2, #blog_sidebar h3, #blog_sidebar h4,#blog_sidebar .ui-tabs > ul, #blog_sidebar .ui-accordion .tw-title,#blog_sidebar .widget {-webkit-border-radius: 0;border-radius: 0} } /*<--do not delete or the sky will fall*/ /*--------------------------------- [ ipad and any PC notebook landscape view ] ---------------------------------*/ @media only screen and (orientation: portrait) and (device-width: 768px) { /* Mini top search */ #mini-search {width:35%}#mini-search input {width:74%;margin-right: 3px} #searchform {margin-right:5px;width: 38%;} .sticky,.home .box, .home .rightbox {float: none!important;} #blog_content {width:59%;padding-left: 10px;} #blog_sidebar {width:36%;;margin:-40px 10px 0 0px;} #container, #hdr,.sticky,.home .box, .home .rightbox{width:99%!important} #content, #ftr_wrap, .alignnone, .alignleft, .aligncenter,.size-full{width: 100%;} #content {background: url(images/m-2colbg.png) repeat-y left 0;display: block;} } /*<--do not delete or the sky will fall*/