/* Theme Name: Storefront Elegance Theme URI: http://www.storefrontthemes.com/ Version: 1.1.2 Description: Designed by Storefront Themes. Author: Storefront Themes Author URI: http://www.storefrontthemes.com Copyright: (c) 2010 Storefront Themes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; @import "css/960_24_col.css"; @import "css/wp-e-commerce-custom.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks -1.3 Headings 2. MAIN CONTAINERS -2.1 Wrapper -2.2 Header -2.3 Container 3. NAVIGATION -3.1 Main Navigation -3.2 Main Navigation Shopping Cart 4. HOMEPAGE -4.1 Slider -4.2 Beneath Slider -4.3 Homepage Carousel 5. SIDEBAR 6. POSTS 7. PAGE TEMPLATES 8. FOOTER 9. IMAGES 10.FORMS 11. MISCELLANEOUS -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 13px/20px 'Molengo', arial, serif;} h1, h2, h3, h4, h5, h6 { margin: 0; font-weight:normal; line-height:1.3; font-family:'OFL Sorts Mill Goudy TT';} h1 {font-size: 28px; margin-bottom:20px;} h2 {font-size: 24px; margin-bottom:16px;} h3 {font-size: 18px; margin-bottom:13px;} h4 {font-size: 16px; margin-bottom:10px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin-bottom:15px;} .general-divider {max-height:1px; height:1px; width:100%; margin:20px auto; clear:both; border-bottom:1px solid;} .nav-bottom-general-divider, .general-divider-footer {margin-top:0;} .general-divider-footer {margin-top:15px;} .nav-top-general-divider {margin-bottom:0;} .twitter-general-divider {margin-top:15px;} .nine-sixty {width:960px;} input, textarea { padding: 7px 0 7px 7px; border-width:1px; border-style:solid;} #content .alignright, #content img.alignright {float:right; margin-left:10px; margin-top:5px;} #content .alignleft, #content img.alignleft {float:left; margin-right:10px; margin-top:5px;} #content img.aligncenter {text-align:center; margin-left: auto; margin-right:auto; display: block; clear:both;} /* 1.2 Hyperlinks */ a:link, a:visited {text-decoration:none;} a:hover {text-decoration:underline;} /* 1.3 Headings */ h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. MAIN ID CONTAINERS */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Wrapper */ #wrapper {width:960px; margin:0 auto;} /* 2.2 Header */ #logo {margin:10px 0px;} #logo img {margin:0 auto; text-align:center; display:block; margin:0 auto;} #header hr {margin-top:0px;} /* 2.3 Container */ #container { margin:20px auto;} /*-------------------------------------------------------------------------------------------*/ /* 3. NAVIGATION */ /*-------------------------------------------------------------------------------------------*/ /* 3.1 Main Navigation */ #main-nav-container {font-family: 'OFL Sorts Mill Goudy TT', arial, serif; font:13px; line-height: 20px; margin-top:-1px;} #main-nav-starter {width:1px; border-right:1px solid; float:left; height:35px; margin-left:15px;} #main-nav {list-style-position:outside; position:relative; z-index:100;} #main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding:9px 20px 6px; text-decoration:none;} #main-nav a {border-right:1px solid;} #main-nav li {border-right:1px solid;} #main-nav li li a:link, #main-nav li li a:active, #main-nav li li a:visited {font-weight:normal;} #main-nav li {float:left; position:relative;} #main-nav ul {position:absolute; width:12em; display:none;} #main-nav li ul a {width:12em; float:left;} #main-nav ul ul {top:auto;} #main-nav li ul ul {left:12em; margin:0px 0 0 40px;} #main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {display:none;} #main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {display:block;} /* 3.2 Main Navigation Shopping Cart */ #main-nav-cart {list-style-position:outside; position:relative; z-index:100; right:0; float:right; text-align: right; margin-right:15px; border-right:1px solid; border-left:1px solid;} #main-nav-cart a:link, #main-nav-cart a:active, #main-nav-cart a:visited {display:block; padding:9px 10px 6px; text-decoration:none; cursor:pointer;} #main-nav-cart a {border-right:1px solid; border-left:1px solid;} /* remove extra cart items from cart nav button */ #main-nav-cart table.shoppingcart,#main-nav-cart span.numberitems,#main-nav-cart p,#main-nav-cart span.total,#main-nav-cart span.pricedisplay,#main-nav-cart span.totalhead,#main-nav-cart span.gocheckout,#main-nav-cart from.wpsc_empty_the_cart,#main-nav-cart form {display:none;} #main-nav-cart .cartcount, #main-nav-cart .shopping-cart-wrapper, #main-nav-cart .shopping-cart-wrapper-before, #main-nav-cart .shopping-cart-wrapper-after {float:left; margin:0 !important; padding:0 !important; border:0 !important;} #main-nav-cart .shopping-cart-wrapper .items, #main-nav-cart .shopping-cart-wrapper a {display:inline; border:0 !important;} #main-nav-container {height:35px;} span.storefront-cart-icon {font-size:24px; line-height:0; padding-right:10px; float:left; max-height:16px; position:relative; top:1px;} .cartcount {padding:0 1px 0px 2px;} /*-------------------------------------------------------------------------------------------*/ /* 4. HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Slider */ #slider-frame {width:960px; margin:0 auto; padding:7px 0px; border-right:1px solid; border-bottom:1px solid;} #slider {width:946px; margin:0px 7px; clear:both;} /* for IE */ #slider img, #slider a, #slider a img, #slider {height:360px; width:946px;} /* 4.2 Beneath Slider */ #beneath-slider {width:940px; margin:11px auto 4px; text-align:center;} /* Chrome */ body.chrome #beneath-slider {margin-bottom:-5px; margin-top:15px;} #beneath-slider p {font-size:14px; text-align:center; margin-bottom:0px; font-weight:bold;} #beneath-slider li {list-style-type:none; text-align:center;font-size:13px;} #beneath-slider li a {text-decoration:none;} #beneath-slider li a:hover span.twitter-text {border-bottom:1px dotted;} span.storefront-twitter-icon {font-size:24px; line-height:0; padding-right:10px; max-height:16px; max-height:24px; position:relative; top:4px;} /* Chrome */ body.chrome span.storefront-twitter-icon {top:-2px;} /* 4.3 Homepage Carousel */ #home-carousel-wrap {width:960px; max-width:960px; overflow:hidden; margin:20px auto 0px;} #home-carousel-wrap p {margin-bottom:0px; margin-top:5px; line-height:1.3;} .home-carousel li, .home-carousel-img {margin:0; padding:0;} .carousel-button {width:24px; float:left; height:24px; cursor:pointer; border:0; margin-top:50px;font-weight:bold; font-size:30px;} .carousel-next {text-align:right;} .home-carousel li {margin:0 10px;} .home-carousel img {width:200px; height:120px; padding:3px; border:1px solid;} .carousel-title {font-weight:bold;} .home-carousel {text-align:center; width:912px; max-width:912px; float:left;} /*-------------------------------------------------------------------------------------------*/ /* 5. SIDEBAR */ /*-------------------------------------------------------------------------------------------*/ #right-sidebar {border-left:1px solid; margin-left:-1px; } #left-sidebar {border-right:1px solid; margin-left:10px; margin-right:-1px;} #right-sidebar .widget {margin:15px 0px 30px 15px;} #left-sidebar .widget {margin:15px 15px 30px 0px;} .sidebar .widget li a {display:block; padding:5px 10px; margin:3px 0px; border-right:1px solid; border-bottom:1px solid;} .sidebar .widget li a:hover {text-decoration:none;} .sidebar .widget li ul {padding:10px;} .widget_video {padding:10px;} .widget h2 {border-right:1px solid; border-bottom:1px solid; padding:10px 10px 5px; } /*-------------------------------------------------------------------------------------------*/ /* 6. POSTS */ /*-------------------------------------------------------------------------------------------*/ .page-content {margin:15px 10px 15px 15px;} .right-sidebar-page-content {margin-left:5px;} .left-sidebar-page-content {margin-right:4px; margin-left:11px;} .page-content .page-image-frame {margin-top:15px;} .post-meta {border-right:1px solid; border-bottom:1px solid; padding:10px; margin-top:-10px;} .post-meta p {font-size:11px; margin:0px;} .page-content h1, .post h1, .post h2 {border-right:1px solid; border-bottom:1px solid; padding:10px 10px 5px; font-size:24px;} .top-post-meta {margin-bottom:10px; display:block; font-style:italic;} .page-content ol {list-style-type:decimal; margin:0px 40px 20px;} .page-content ul {list-style-type:square; margin:0px 40px 20px;} /*-------------------------------------------------------------------------------------------*/ /* 7. PAGE TEMPLATES */ /*-------------------------------------------------------------------------------------------*/ /* three column */ #container .center-column {margin-left:0px; width:475px;} .page-blog {margin-top:20px;} /*-------------------------------------------------------------------------------------------*/ /* 8. FOOTER */ /*-------------------------------------------------------------------------------------------*/ #footer {padding-bottom:15px; font-family: 'OFL Sorts Mill Goudy TT', arial, serif;} #footer p {font-size:12px; margin-bottom:0px; text-align: center;} #footer-widgets {margin-bottom:20px;} #footer-widgets ul li a {padding:5px 10px;border-bottom:1px dotted;display:block;text-decoration:none;} #footer-widgets .widget ul li a:hover {border-right:0px;} #footer-widgets ul li a {display:block;} /*-------------------------------------------------------------------------------------------*/ /* 9. IMAGES */ /*-------------------------------------------------------------------------------------------*/ .image-frame {padding:7px 0px; border-right:1px solid; border-bottom:1px solid;} .image-frame img {margin:0px 8px;} .page-image-frame {margin:-15px 0px 15px;} .post-image-frame {margin-top:10px;} .entry img, .avatar img {padding:3px; border:1px solid; margin:2px;} .comment-container .avatar img {padding:3px; margin-bottom:10px;} /*-------------------------------------------------------------------------------------------*/ /* 10. FORMS */ /*-------------------------------------------------------------------------------------------*/ input.button, input[type="submit"], form button {cursor:pointer; font-size:11px; font-weight:bold; padding:8px; border:0px;} form.formBuilderForm {font-weight:bold; font-size:11px; margin-top:20px; border-right:1px solid; border-bottom:1px solid; padding:15px;} form.formBuilderForm input, form.formBuilderForm textarea, form.formBuilderForm select, input[type="select"], textarea, select {border-width: 1px; border-style: solid; padding:5px; min-width:225px; font-weight:bold; font-size:13px;} .formBuilderField {margin-bottom:12px;} form.formBuilderForm .formBuilderSubmit input {cursor:pointer; font-size:11px; font-weight:bold; padding:8px; border:0px;} form.formBuilderForm .formBuilderSubmit input:hover {border:0px;} form.formBuilderForm select {height:25px; font-size:11px; font-weight:bold;} form.formBuilderForm checkbox {width:30px;} form.formBuilderForm textarea {height:80px;} .formBuilderFailure {padding:0px 10px; clear:both; margin-bottom:5px;} .formBuilderFailure h4 {padding-top:10px;} .formBuilderFailure a {font-weight:bold;} .formBuilderSuccess {padding:20px;} .formBuilderLabel, .formBuilderLabelRequired {margin-bottom:2px;} .comment {padding:7px 0px; border-right:1px solid; border-bottom:1px solid; margin-bottom:15px;} .comment .comment {padding:7px 0px; margin:15px;} .comment-container {margin:0px 8px; clear:both;} .comment-container .avatar {padding-right:5px; padding-bottom:5px; float:left;} .comment-container p {font-size:11px;} .comment-head {font-weight:bold; margin-bottom:10px;} #commentform input[type="submit"] {font-family:'OFL Sorts Mill Goudy TT', arial, serif; font-size:13px;} form.formBuilderForm input, form.formBuilderForm textarea, form.formBuilderForm select {background:#eaeaea;} .formBuilderError {color: #8c0a0c;} .formBuilderFailure {background: #8c0a0c; color:#fff;} .formBuilderFailure h4 {color:#fff;} .formBuilderFailure a {color:#fff;} .formBuilderSuccess {background: #c1cc89; color:#fff;} #fancy_notification_content, #loading_animation {color:#000;} /*-------------------------------------------------------------------------------------------*/ /* 11. MISCELLANEOUS */ /*-------------------------------------------------------------------------------------------*/ #main-nav ul a:hover {background:#ddd; border-right:1px solid #ddd;} input.button,.sidebar .widget li a:hover,form.formBuilderForm .formBuilderSubmit input,input.wpsc_buy_button,input.make_purchase,form.adjustform input[type="submit"],.wpsc-user-account input[type="submit"] {cursor:pointer;}