/* THEME NAME: Goschi DESCRIPTION: Custom E-Commerce theme for Dr. Goschi VERSION: 1.0 AUTHOR: Pepperjam and Nicasio */ /* Two-column with sidebar on right from the /layouts/ folder */ @import url('layouts/2c-r.css'); /* RESET ALL FONT SIZES ------------------------------------------------------------------------ Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:13px/1.231 "Tahoma", arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * Bump up IE to get to 13px equivalent */ pre,code {font-family:monospace;*font-size:108%;line-height:100%;} /* ----------------------------------------------------------------------------------------- */ /* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS --------------------------------------- {font-size:77%;} => 10px {font-size:85%;} => 11px {font-size:93%;} => 12px {font-size:100%;} => 13px {font-size:108%;} => 14px {font-size:116%;} => 15px {font-size:123.1%;} => 16px {font-size:131%;} => 17px {font-size:138.5%;} => 18px {font-size:146.5%;} => 19px {font-size:153.9%;} => 20px {font-size:161.6%;} => 21px {font-size:167%;} => 22px {font-size:174%;} => 23px {font-size:182%;} => 24px {font-size:189%;} => 25px {font-size:197%;} => 26px ------------------------------------------------------------------------------------------- */ /* MISC. ITEMS ---------------------------------------------------------------------------- */ * {margin:0;padding:0;} .clear {clear:both;height:0px;overflow:hidden;} .spacer {clear:both;height:30px;overflow:hidden;} a {color:#FFF;text-decoration:none;padding-bottom:1px;} a:hover {border-bottom:1px dotted #fcdb00;} a img {border:0px solid WHITE;} .edit-link {display:block;margin:15px 0px;} .entry-date .edit-link {display:inline;margin:0px;} a.post-edit-link {color:#666;font-weight:bold;text-decoration:underline;} a.post-edit-link:hover {text-decoration:none;} /* HIDE THESE ITEMS */ #image-preloader, .linklove, .ddsg-wrapper div, .advertisement font {display:none;} /* RESET FORM FIELDS */ input, textarea, select, legend {font-family: "Tahoma", Arial, Helvetica, sans-serif !important;} input, textarea, select {outline: none;} /* removes the on focus blue border in safari */ textarea {resize:none;} /* removes ability to resize field in css3 */ legend, fieldset {border:0px;padding:0px;height:auto;margin:0px;} /* RESET AD SPACE */ .advertisement * {padding:0px !important;white-space:nowrap;} /* ADD VERTICAL SCROLLBARS TO EVERY PAGE */ html, body {height: 100%;margin: 0 0 1px;} /* MAIN LAYOUT ----------------------------------------------------------------------------- */ body {text-align:center;background:#222150 url('images/goschi_siteBG.gif') repeat-x 0 0;color:#FFF;padding-bottom:30px;} #wrapper {width:940px;margin:0 auto;text-align:left;background:transparent url('images/goschi_wrapperBG-tile.jpg') repeat-y 0 0;} #wrapper-upper {background:transparent url('images/goschi_wrapperBG.jpg') no-repeat top left;position:relative;} #wrapper-lower {background:transparent url('images/goschi_wrapperBG-bottom.jpg') no-repeat bottom left;position:relative;} #contentWrapper {padding:0px 26px;} #container {padding-top:48px;} .sidebar {padding-top:48px;} body.home #container, body.home #content {margin:0px;padding-top:0px;width:100%;float:none;} body.home .sidebar {float:none;width:100%;padding-top:0px;} /* HEADER ---------------------------------------------------------------------------------- */ #header {position:relative;float:left;width:100%;} #header-leadIn h1, #header-leadIn h2 {position:absolute;left:-9999px;} #header-logo {position:absolute;z-index:3;top:0px;left:0px;float:left;width:430px;height:117px;overflow:hidden;background:transparent url('images/goschi_logo-main.jpg') no-repeat 0 0;} body.pageid-3 #header-logo, body.parent-pageid-3 #header-logo {width:453px;background:transparent url('images/goschi_logo-store.jpg') no-repeat 0 0;} #header-logo a {position:relative;width:100%;height:117px;display:block;} #header-logo a span {position:absolute;left:-9999px;} #header-callMeToday {float:right;width:247px;height:23px;background:transparent url('images/goschi_top-callMeToday.gif') no-repeat 0 0;position:relative;margin-top:19px;} #header-callMeToday span {position:absolute;left:-9999px;} #topNav {clear:right;float:right;width:487px;padding-top:34px;position:relative;z-index:9;} #menu {position:absolute;width:545px;margin-left:-58px;} #menu ul {list-style-type:none;float:right;/*display:inline;*/} #menu ul li {float:left;position:relative;margin-right:18px;} #menu ul li a {font-family:"Myriad Pro", "Tahoma", Arial, sans-serif;font-size:93%;} #menu ul li.current_page_item a {color:#5f6ca2;} #menu ul ul {display:none;position:absolute;left:-9999px;width:535px;} #menu ul li:hover ul {left:0px;top:15px;} /* CONTENT -------------------------------------------------------------------------------- */ #pageLeader {width:882px;height:271px;position:relative;top:21px;} #pageLeader a:hover {border:0px;} h2.blog-title {width:644px;height:76px;background:transparent url('images/goschi_blog-banner.gif') no-repeat;} h2.blog-title a {display:block;width:100%;height:100%;} h2.blog-title a:hover {border:0px;} h2.newsletter-title {margin-left:2px;width:382px;height:52px;background:transparent url('images/goschi_newsletter-banner.jpg') no-repeat;} h2.blog-title span, h2.newsletter-title span {display:none;} h2.page-title, #shopp h3 {font-size:167%;font-weight:bold;color:#FFF;margin-bottom:13px;margin-top:27px;} body.home h2.page-title {display:none;} .post, .comments, #respond {border-top:1px dotted #fcdb00;padding-top:20px;} .p1 {border:0px;padding-top:0px;} h3.entry-title, #comments h3 {font-size:138.5%;} h3.entry-title, h3.entry-title a, #comments h3 {color:#c3e811;} .search-posts h3.entry-title {margin-bottom:3px;} .entry-meta, .comment-meta {color:#b0bdf0;font-weight:bold;font-size:85%;margin-top:3px;margin-bottom:15px;} .search-posts.entry-meta {margin-top:0px;} .entry-meta a, .comment-meta a {color:#dfc910;text-decoration:underline;} .entry-meta a:hover, .comment-meta a:hover {text-decoration:none;border:0px;} .entry-content p, .entry-content li {font-size:108%;line-height:131%;margin-bottom:10px;} .entry-content ul {margin-left:35px;} a.more-link {color:#dfc910;font-size:108%;font-weight:bold;} /* NEWSLETTERS */ #newsletter-container {margin-top:48px;background:transparent url('images/goschi_newsletter-contentBG-middle.gif') repeat-y 6px top;} #newsletter-content {position:relative;top:10px;background:transparent url('images/goschi_newsletter-contentBG-bottom.gif') no-repeat bottom left;} #newsletter-inner {min-height:507px;padding-left:6px;position:relative;top:-38px;padding-top:1px;background:transparent url('images/goschi_newsletter-contentBG-top.gif') no-repeat 0 0;} #newsletter-align {margin-top:-5px;padding:0px 25px 0px 20px;} .newsletter-single h3.entry-title {padding-top:10px;color:#f16512;} .newsletter-single .entry-meta {color:#7184cd;} .newsletter-single .entry-meta a {color:#f16512;} .newsletter-single .entry-content {color:#040e37;} body.s-category-dr-goschi-newsletter #footer {margin-top:25px;} #nav-above {display:none;} .navigation {padding:10px 0px;} .navigation-newsletters {padding:10px;} .navigation a {color:#808aaf;font-size:108%;font-weight:bold;} .navigation a:hover {border:0px;color:#a6b3e3;} #comments {margin-top:20px;} .comments ol {list-style-type:none;} .comments ol li {border-top:1px dotted #455081;padding-bottom:10px;padding-top:15px;margin-bottom:15px;} .comments ol li.c0 {border:0px;} .comments ol li .comment-meta {margin-top:15px;margin-bottom:0px} .comments ol li p {font-size:108%;} #commentform-fields {margin-top:15px;} #commentform input {margin-right:5px;} #commentform input, #commentform textarea {width:186px;padding:3px 5px;overflow:hidden;margin-bottom:6px;font-family:arial, sans-serif;font-size:100%;color:#FFF;background-color:#2c396f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px;} #commentform textarea {height:100px;width:98%;} .form-submit {text-align:right;} #commentform input.button {width:65px;height:22px;overflow:hidden;background:transparent url('images/goschi_button-search.gif') no-repeat 0 0;border:0px;cursor:pointer;margin-top:3px;margin-bottom:25px;} #commentform span {font-size:77%;color:#8893c0;font-family:Arial,sans-serif;} .form-submit span {float:left;} /* SHOP */ .shopp-orderBy {float:right;} ul.breadcrumb {font-size:93%;} ul.breadcrumb li {color:#fcdb00;font-weight:bold;} ul.breadcrumb li a {font-weight:normal;} ul.breadcrumb li + li {display:none !important;} ul.breadcrumb li + li + li {display:inline !important;} .shopp-category-top {/*border-bottom:1px dotted #455081;*/padding-bottom:12px;/*margin-bottom:15px;*/} .shopp-category-bottom {border-top:1px dotted #455081;padding-top:12px;} .shopp-pagination {margin-top:-6px;} .shopp-pagination, .shopp-pagination a {color:#959ecf;} .shopp-pagination div ul {font-size:85%;} .shopp-pagination li {font-weight:bold;} .shopp-pagination li.active {color:#FFF;padding-bottom:1px;border-bottom:1px solid #FFF;font-size:108%} #shopp ul.products li.row {border-top:1px dotted #455081;padding-bottom:5px;padding-top:15px;margin-bottom:15px;} #shopp ul.products li.product {width:225px;text-align:center;} #shopp ul.products li.row:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #shopp ul.products li.row {display: inline-block;} #shopp ul.products li.product .frame {width:201px;margin:0 auto;text-align:center;} #shopp ul.products li.product .frame a:hover {border-bottom-width:0px;} #shopp ul.products li.product .frame .details {text-align:left;margin-top:15px;} #shopp ul.products li.product .frame .details a:hover {border-bottom-width:1px;} #shopp h4.name {color:#fcdb00;font-size:108%;} #shopp h4.name a {color:#fcdb00;} #shopp .price {font-size:123.1%;} #shopp ul.products li.product .addtoCartBtns {float:right;width:89px;margin-top:3px;text-align:right;} #shopp ul.products li.product .addtoCartBtns input.addtocart {border:0px;cursor:pointer;width:89px;height:22px;padding-top:22px;overflow:hidden;background:transparent url('images/goschi_button-addToCartOff-sml.gif') no-repeat 0 0;} a.prodDetailsBtn {padding:0px;position:relative;left:4px;} #shopp ul.products li.product .frame .details a.prodDetailsBtn:hover {border-bottom-width:0px;} #shopp h3.product-title {color:#fcdb00;font-size:138.5%;margin-bottom:10px;} #shopp .single-price {padding-bottom:10px;} .product-selection, ul.variations li label {float:left;margin-right:10px;} ul.variations li label {font-weight:normal !important;font-size:93% !important;margin-right:7px;} DIV.product input.addtocart {width:183px;height:0px;padding-top:45px;background:transparent url('images/goschi_button-addToCartOff.gif') no-repeat 0 0;cursor:pointer;border:0px;margin:20px 0px 0px 50px;} .product-info {border-top:1px dotted #455081;padding-top:15px;margin-top:15px;} .product-info-title {font-weight:bold;margin-bottom:5px;} .product-info p {font-size:93%;} #shopp form#checkout input, #shopp form#view-orders input {padding:3px 5px;overflow:hidden;margin-bottom:6px;font-family:arial, sans-serif;font-size:100%;color:#FFF;background-color:#2c396f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px;} #shopp form#checkout input#billing-address, #shopp form#checkout input#billing-xaddress {width:98%;} #shopp form#checkout input#shipping-address, #shopp form#checkout input#shipping-xaddress {width:294px;} #view-orders-hidden form {display:none;} #shopp form#view-orders input#view-orderBTN {margin-top:0px !important;} /* SIDEBAR -------------------------------------------------------------------------------- */ .sidebar {margin-top:27px;padding-bottom:5px;position:relative;z-index:3;} body.home .sidebar {margin-top:130px;} .sidebar ul {list-style-type:none;} .sidebar li.widget {margin-bottom:30px;clear:both;} body.home li.widget {margin-bottom:0px;clear:none;} body.home .sidebar li {float:left;width:196px;margin-right:32px;} body.home .sidebar li#text-6 {width:200px;margin-right:0px;} li.widget_search {margin-top:-23px;} li#text-12 {margin-top:40px;} h3.widgettitle {margin-bottom:20px;width:196px;height:0px;padding-top:51px;overflow:hidden;background:transparent url('images/goschi_sidebar-textHeaders.jpg') no-repeat 0 0;} li#text-3 h3.widgettitle {background-position:0 0;} li#text-11 h3.widgettitle {background-position:0px -153px;} li#text-4 h3.widgettitle, li#text-10 h3.widgettitle, li#text-9 h3.widgettitle {background-position:0 -51px;} li#text-5 h3.widgettitle {background-position:0 -102px;} li#text-6 h3.widgettitle {width:200px;padding-top:110px;background:transparent url('images/goschi_sidebar-10mincouch-logo.gif') no-repeat 0 0;} li#text-8 h3.widgettitle {width:200px;padding-top:110px;background:transparent url('images/goschi_sidebar-10mincouch-logo.gif') no-repeat 0 0;} li#text-7 h3.widgettitle, li#text-12 h3.widgettitle {margin-bottom:10px;width:196px;padding-top:34px;background:transparent url('images/goschi_sidebar-10mincouch-logo-sml.gif') no-repeat 0 0;} li.widget_categories h3.widgettitle {margin-bottom:10px;background-position:0px -306px;} li.widget_archive h3.widgettitle {margin-bottom:10px;background-position:0px -357px;} li#archives-4 h3.widgettitle {background-position:0px -255px;} li.widget_search h3.widgettitle {margin:0px;width:29px;padding-top:47px;background:transparent url('images/goschi_sidebar-search.gif') no-repeat 0 0;float:left;} li#text-13 h3.widgettitle {margin-bottom:10px;background-position:0px -153px;} li#cforms-3 h3.widgettitle {margin-bottom:10px;background-position:0px -204px;} li#shop-askTheDoc h3.widgettitle {background-position:0px -408px;} li#shop-categories h3.widgettitle {background-position:0px -459px;} li#shop-issues h3.widgettitle {background-position:0px -510px;} .textwidget {color:#FFF;font-size:93%;line-height:161.6%;} .sidebar .button-container {clear:both;text-align:right;} li#text-3 .button-container {padding-top:50px;} li#text-5 .button-container {padding-top:20px;} li#text-6 .button-container, li#text-7 .button-container, li#text-12 .button-container {padding-top:15px;} .button-container a:hover {border:0px;} form#searchform {float:left;width:162px;margin-left:5px;text-align:right;} .sidebar form.cform {text-align:right;} li#text-13 form#searchform {float:none;width:196px;margin:0px;} .sidebar input, .sidebar textarea {width:186px;padding:3px 5px;overflow:hidden;margin-bottom:6px;font-family:arial, sans-serif;font-size:100%;color:#FFF;background-color:#2c396f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px;} .sidebar textarea {height:75px;} input#wantConsultationBTN {margin-top:15px;width:196px;height:24px;overflow:hidden;cursor:pointer;background:transparent url('images/goschi_button-consultationOff.gif') no-repeat 0 0;} input#s {width:152px;padding:3px 5px;overflow:hidden;margin-bottom:6px;font-family:arial, sans-serif;font-size:100%;color:#FFF;background-color:#2c396f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px;text-align:left;} li#text-13 input#s {width:186px;} form#searchform input.button, input.sendbutton, #shopp form#checkout input#checkout-button, #shopp form#view-orders input#view-orderBTN, #shopp input#confirm-button {width:65px;height:22px;overflow:hidden;background:transparent url('images/goschi_button-search.gif') no-repeat 0 0;border:0px;cursor:pointer;margin-top:3px;margin-bottom:25px;} li#text-13 form#searchform input.button, input.sendbutton {margin-bottom:0px;} .sidebar input.sendbutton {margin-top:-13px;} li#cforms-3 label, li#cforms-3 .emailreqtxt {display:none;} .sidebar ul ul {margin-left:25px;} .sidebar ul ul li {list-style:disc inside;} .sidebar ul li.widget_categories ul li, .sidebar ul li.widget_archive ul li {list-style:square;} /* FOOTER --------------------------------------------------------------------------------- */ #footer {background:transparent url('images/goschi_footerBG.jpg') no-repeat 0 0;margin-bottom:35px;padding-bottom:22px;} #footerBottom {position:absolute;bottom:0px;left:0px;width:940px;height:21px;background:transparent url('images/goschi_wrapperBG-bottom.jpg') no-repeat bottom left;} #footerTestimonial {position:relative;padding-top:25px;margin-bottom:30px;} #footerTestimonial-quoteLeft {position:absolute;top:35px;width:50px;height:35px;background:transparent url('images/goschi_footer-quoteLeft.png') no-repeat 0 0;} #footerTestimonial-quoteRight {position:absolute;bottom:10px;right:0px;width:50px;height:35px;background:transparent url('images/goschi_footer-quoteRight.png') no-repeat 0 0;} #footerTestimonial blockquote {padding:10px 80px;} #footerTestimonial blockquote p {display:inline;font-family:georgia,times,tahoma,arial,sans-serif;font-size:123.1%;line-height:145%;font-style:italic;color:#bbc7e8;} #footerTestimonial cite {color:#5067a4;padding-left:15px;font-family:georgia,times,tahoma,arial,sans-serif;font-size:123.1%;line-height:145%;} #footer p {font-size:77%;font-family:verdana,arial,sans-serif;margin-bottom:7px;} #footer p a {font-weight:bold;} #footer p a:hover {border:0px;} p#copyright, p#copyright a {color:#FFF;} p#siteCred, p#siteCred a {color:#02a9ab;} p#siteCred a {text-decoration:underline;} p#siteCred a:hover {text-decoration:none;} p#footerLinks, p#footerLinks a {color:#5067a4;} p#footerLinks a:hover {text-decoration:underline;} #footer-logo {float:right;width:304px;} #footer-logo a:hover {border:0px;} /* Just some example content */ .alignright,img.alignright{ float:right; margin:1em 0 0 1em; } .alignleft,img.alignleft{ float:left; margin:1em 1em 0 0; } .aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center; } div.gallery { clear:both; height:180px; margin:1em 0; width:100%; } #shopp div.gallery {height:auto;margin:0px;width:362px;float:right;background:#2c396f;padding-bottom:2px;} #shopp div.gallery ul, #shopp div.gallery ul li.active {width:100%;text-align:center;} #shopp div.gallery ul li.active {text-align:center;} #shopp div.gallery ul li.active a {margin:0 auto;} p.wp-caption-text{ font-style:italic; } div.gallery dl{ margin:1em auto; overflow:hidden; text-align:center; } div.gallery dl.gallery-columns-1 { width:100%; } div.gallery dl.gallery-columns-2 { width:49%; } div.gallery dl.gallery-columns-3 { width:33%; } div.gallery dl.gallery-columns-4 { width:24%; } div.gallery dl.gallery-columns-5 { width:19%; } div.navigation div {width:50%;} div.navigation div.nav-next { float:right; text-align:right; } div.gallery dl,div.navigation div.nav-previous { float:left; }