/*
Theme Name: Rubies E-commerce
Theme URI: http://www.thereformation.co.nz/
Description: E-commerce WordPress theme for <a href="http://www.rataandruby.co.nz/">Rata & Ruby</a>.
Version: 1.0
Author: Glen Mossong
Author URI: http://glenmossong.net/
Tags: white, jquery, e-commerce, online store, two columns, widgets
*/

/* Core */
* { margin:0; padding:0; }
html { height:100%; font-size:9pt; line-height:1.5em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLT-Light", "HelveticaNeue LT 45 Light", "HelveticaLT-Light", "Helvetica LT Light", Helvetica, Arial, sans-serif; color:#989797; background:#deded4 url(images/background-trans.png); }
body { min-height:100%; width:950px; background-color:#fff; margin:0 auto; }
div#wrapper { width:930px; padding:0 10px; text-align:left; }
ul,ol { list-style-type:none; }
a {color:#666; text-decoration:none; }
a:hover {color:#92c83e;}
p { margin-bottom:1em; }
blockquote,.textwidget blockquote p, em { color:#999; font-size:10pt; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0; line-height:1.2em; }
h1, h2, h3, h4, h5 {font-family: "Chalet-ParisNineteenSixty", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLT-Light", "HelveticaNeue LT 45 Light", "HelveticaLT-Light", "Helvetica LT Light", Helvetica, Arial, sans-serif; font-weight:normal;}
h1 { font-size:18pt; margin-bottom:.2em; line-height: 1em; }
h2 { font-size:14pt; margin-bottom:.1em; line-height: 1em; }
h3 { font-size:12pt; margin-bottom:.1em; line-height: 1em; }
h4 { font-size:12pt; margin-bottom:.1em; line-height: 1.2em; }
span { line-height:1.2em; }

/* Homepage & Page Menu */
div#hmpgmenu {width: 930px; height: 140px;}
div#navigation { float: left; width:800px; height:100px; margin-top: 60px; }
div#hmpglogo { float: right; top: 20px; width: 130px; height: 100px; margin-bottom: 50px; }
ul#menu li a {color: #999;}
ul#menu li a:hover {text-decoration: none; outline: none;}
ul#menu li { display:inline; font-family: "Chalet-ParisNineteenSixty", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLT-Light", "HelveticaNeue LT 45 Light", "HelveticaLT-Light", "Helvetica LT Light", Helvetica, Arial, sans-serif; font-size:14pt; text-transform:lowercase; margin-right:20px; }
#hmpglogo h1 { background:url(images/rataandruby-logo.gif) no-repeat; width: 120px; height: 100px; }
#hmpglogo h1 a {display:block; text-indent: -9999px; width: 120px; height: 100px; }
div#description { width:930px; color:#92c83e; font-size:9pt; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin-top: 3px;}

li#menuli1 a:hover {color: #7a9754;} /* About us */
li#menuli1 a.active {color: #7a9754;}
li#menuli2 a:hover {color: #00a994;} /* Baby & Kids */
li#menuli2 a.active {color: #00a994;}
li#menuli4 a:hover {color: #f26922;} /* Women */
li#menuli4 a.active {color: #f26922;}
li#menuli5 a:hover {color: #dc475d;} /* We love */
li#menuli5 a.active {color: #dc475d;}
li#menuli6 a:hover {color: #eda120;} /* Stockists */
li#menuli6 a.active {color: #eda120;}
li#menuli7 a:hover {color: #b16307;} /* Contact */
li#menuli7 a.active {color: #b16307;}


/* Section specific colours */
.baby .grid_product_info .product_text p, .baby a.categorylink, .baby h1, .baby #vr-form h3, .baby .breadcrumb, .baby p a {color: #00a994;}
.baby a:hover {text-decoration:underline;}
/*html.baby {background:#dcfaf6 url(images/background-trans.png);}*/

.women .grid_product_info .product_text p, .women a.categorylink, .women h1, .women #vr-form h3, .women .breadcrumb {color: #f26922;}
.women a:hover {text-decoration:underline;}
/*html.women {background:#fbeadd url(images/background-trans.png);}*/

.love .grid_product_info .product_text p, .love a.categorylink, .love h1, .love #vr-form h3, .love .breadcrumb {color: #dc475d;}
.love a:hover {text-decoration:underline;}
/*html.love {background:#fce6e9 url(images/background-trans.png);}*/

.stockists h1, .stockists a {color: #eda120;}
/*html.stockists {background:#fdf3e3 url(images/background-trans.png);}*/

.contact h1, .contact a {color: #b16307;}
/*html.contact {background:#f6eadc url(images/background-trans.png);}*/

.about h1, .about a {color: #7a9754;}
/*html.about {background:#eef8de url(images/background-trans.png);}*/

.sale .grid_product_info .product_text p, .sale a.categorylink, .sale h1, .sale #vr-form h3, .sale .breadcrumb {color:#f71a21;}
.sale a:hover {text-decoration:underline;}
.sale .wpsc_buy_button:hover {text-decoration: underline !important;}
/*html.sale {background:#ffe8e9 url(images/background-trans.png);}*/

h1 small {font-size: 12pt;}

h1.prodtitles {font-size:14pt; font-family: "Chalet-ParisNineteenSixty", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLT-Light", "HelveticaNeue LT 45 Light", "HelveticaLT-Light", "Helvetica LT Light", Helvetica, Arial, sans-serif; margin-bottom: 20px;}

/* Homepage Layout & Structure */
div#midsection { width: 930px; height:395px;}
div#btmsection {margin: 50px 0 30px 0; min-height: 320px;}
div#sale {margin-top: 30px;}
div#homepg-shoppingbag {float: right; width:450px;}
img#saleheart { position: relative; left: 85px; top: -110px;}
div#sideshoppingcart {margin-top: 50px;}
div#homepg-shoppingbag #sideshoppingcart {margin-top: 10px;}
#widget-sidebar-one h2 {display: none; }
#widget-sidebar-one h4 { color:#7a9754; margin-bottom:.7em; margin-top:.5em;}

/* Page */
div#content {text-align: left; width:100%; }
.post {width:930px;}
.entry { margin-bottom:30px; margin-top:20px; }
.post-edit-link,.postmetadata,small,cite { font-size:9pt; color:#999; }
h4 small {color: #666;}
a img {border: none;}
#hmpglogo { background:url(images/rataandruby-logo.gif) no-repeat; width: 120px; height: 100px; margin-top: 20px; }
#hmpglogo a {display:block; text-indent: -9999px; width: 120px; height: 100px; }

/* Shop Page */
div#shop-page {float:right; position:relative; top: -10px; width: 655px;}
div#shop-sidebar {float:left; width: 261px; min-height: 650px; margin-top: 95px; }
div#shop-sidebar h3 {font-size:18pt; margin-bottom:.1em;}
div#vr-form {margin-top: 10px;}
div#vr-form p {margin-bottom:0;}
div#saleshop {margin-top: 40px;}
img#saleheartshop { position: relative; left: 85px; top: -87px;}
div#top-shop-banner {position:relative; left:-10px; width:950px;}
#shoppglogo { float:left; background:url(http://www.rataandruby.dreamhosters.com/wp-content/uploads/2009/10/shoppg-logo.jpg) no-repeat; width:285px; height: 162px;} /* You will need to update this URL to relect where your logo image file sits on your server */
#shoppglogo a {display:block; text-indent: -9999px; width:315px; height:162px;}
div#shopbanner {float:right; width:665px; height:162px;}
div#shop-navigation { float: right; width:655px; height:60px; margin-top: 20px; }
ul#shopmenu li { display:inline; font-family: "Chalet-ParisNineteenSixty", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLT-Light", "HelveticaNeue LT 45 Light", "HelveticaLT-Light", "Helvetica LT Light", Helvetica, Arial, sans-serif; font-size:14pt; text-transform:lowercase; margin-right:15px; }
#shopmenu li a {color: #666;} 
#shopmenu li a:hover {text-decoration: none; outline: none;}
img.creditcard-logo {position:relative; top:7px; padding: 0 5px 0 5px;}

/* Single */
div.navigation {margin-bottom: 10px;}

/* Images */
img.alignright { float:right; margin:20px 10px 20px 20px; }
img.alignleft { float:left; margin:0 20px 20px 0; }
img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
a img.alignright { float:right; margin:0 0 20px 20px; }
a img.alignleft { float:left; margin:0 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.size-full { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
img.size-full:hover { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; }


/* Comments */
.commentlist li,#commentform input,#commentform textarea { font:.9em Helvetica, Arial, Verdana, Sans-Serif; }
.commentlist li ul li { font-size:1em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; margin:5px; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite,.commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
#commentform p { }
.commentmetadata { font-weight:normal; }
h3#comments,h3#respond { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLT-Light", "HelveticaNeue LT 45 Light", "HelveticaLT-Light", "Helvetica LT Light", Helvetica, Arial, sans-serif; font-weight:normal; color:#313131; margin-bottom:20px; }
h3#respond { border-top:1px solid #e6e6e6; display:block; padding-top:5px; }

/* Normal Bubble */
li.bubble { width:auto; font-size:.75em; margin-bottom:24px; }
li.bubble blockquote { min-height: 47px; margin:0; padding:0; color:#666; border:1px solid #e6e6e6; background-color:#e6e6e6; }
li.bubble blockquote p { margin:10px; padding:0; }
li.bubble cite { position:relative; margin:0; padding:7px 0 0 15px; top:6px; background:url(images/tip.gif) no-repeat 20px -1px; font-weight:normal; font-size:8pt; color:#999; }
li.bubble cite a { font-weight:normal; font-size:8pt; }
cite strong {text-transform: capitalize; font-weight:bold;}

/* Widgets */
fieldset {border: none;}
input#email_address { position: relative; top:-10px; font-family: "Helvetica", Arial, Verdana, Sans-Serif; width: 220px; background-color:#f2f2e9; color:#999; border: none; padding:9px 0 0 3px; height: 15px;}
input#vr_submit {position: relative; left: 10px; bottom: 11px; }
div#shop-sidebar input#vr_submit {position: relative; left:0; top:0; }
input#email_address:hover { background-color:#e5e5dc;}
#email_address_label {display:none;}
.time-meta, .from-meta {font-size:8pt; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.time-meta a {}
.time-meta a:hover {}
.from-meta {color:#999;}
#widget-sidebar-one { float: left; width:550px;}
#widget-sidebar-one p {color:#7a9754;}
#widget-sidebar-two {float: right; width:350px; margin-right: 5px; margin-top: 6px; padding-left: 15px; border-left: dashed 1px #e0e0e0;}
#widget-sidebar-one h2, #widget-sidebar-two h2, #widget-sidebar-one h2 a, #widget-sidebar-two h2 a {color:#7a9754; font-size: 12pt; margin-top: 20px;}
p.vr_preface {color:#7a9754; font-size: 12pt; margin-top: 0;}
h2 a.twitterwidget {color:#989797;}
h2 a.twitterwidget:hover {color:#333!important;}
#widget-sidebar-two li a {line-height: 1.5em;}
span.entry-content {letter-spacing:0; font-size:9pt; line-height:1.5em;}
span.entry-meta {display:block; margin-bottom: 1em;}

/* Forms */
/*form textarea {min-height:100px; border:1px solid #DEDEDE;}
form input:hover {border:1px solid #ff0075;}
form textarea:hover {min-height:100px; border:1px solid #ff0075;}*/
#submit {font-size: 9pt !important;}


/* Footer */
div#footer {clear:both; font-family: Arial, sans-serif; font-size:8pt; color:#d0d0d0; padding:10px 0 30px 0; width:930px; border-top: dashed 1px #e0e0e0; overflow:auto; line-height:1.3em;}
#footer a { color:#999; text-decoration:none; }
#footer a:hover { color:#666; text-decoration:underline; }
#footer div#left { float:left; width:630px; }
#footer div#right { float:right; width:300px; }
#footer ul { text-align:right; }
#footer li { display:inline; margin-left:10px; }
#footer a.reflink {color:#d0d0d0 !important;}

/* Facebook and Twtter */
ul#socialmedia-icons {list-style-type: none; text-align:left; position:relative; height:32px; margin:14px 0 10px 0;}
li#facebookbadge {position:absolute; right:0; top:0; width:32px; height:32px; background: url(images/facebook-badge.gif) no-repeat 0 0;}
li#facebookbadge:hover {background: url(images/facebook-badge.gif) no-repeat 0 -32px;}
li#twitterbadge {position:absolute; right:38px; top:0; width:32px; height:32px; background: url(images/twitter-badge.gif) no-repeat 0 0;}
li#twitterbadge:hover {background: url(images/twitter-badge.gif) no-repeat 0 -32px;}
ul#socialmedia-icons a {display:block; width:32px; height:32px; text-decoration: none; overflow: hidden; text-indent: -9999px!important;}

/* Popup window */
div#popup {width:650px; overflow-x: hidden;}