/*
Theme Name: JoEnterprises
Description: A WordPress theme for the JoEnterprises online store.
Author: Marianne
*/


/***** PAGE COLORS & FONTS *****/

body { background: url(images/gradient.jpg) #efe9e9 repeat-x 0 90px; font-family: Arial, sans-serif; color: #4a4a4a; font-size: 14px }
#page_banner { background:url(images/banner_purple00.png) #000 repeat-x 0 -151px; height: 125px; }
#banner { padding-top: 25px; height: 100px; background:url(images/banner_purple00.png) no-repeat 0 0; }
#banner .phonenum { color: #fff; font-size: 13px }
#content-body { background:url('images/bg_content0.png') transparent repeat-y 0 0 }

a { color: #4a4a4a; text-decoration: none; outline: none }
a:hover { color: #44000; text-decoration: none }
a:visited { color: #4a4a4a; text-decoration: none }

.aboutlink { font-size: 12px }

#content h2 { font-size:26px; margin: 0 0 10px 0}
#content h3 { font-size:22px; margin: 0 0 5px 0}
#banner h1 { margin-right: 10px; margin-left: 90px; display:inline; font-size:45px; letter-spacing:-2px; }
#banner h4 { display:inline; font-size: 12px; color: #ccc }
#banner a { color:#fff; text-decoration:none; }

#category_header { background-image: url('images/bg_heading.png'); text-align: center; margin: 0 0 30px 0 }
#category_header h1 { background-color: #dac5c5; font-size: 30px; border: 1px solid #999}

.product_list { border: 1px solid #aaa; }
.product_meta { font-size: 18px; line-height: 20px; font-weight: bold; color: #333 }
.product_onsale, .product_saleprice { color: #cc0000 }
.product_onsale span { font-size: 14px; }
.addtocart_button { font-size: 15px; background-color: #777; color: #fff; border-color: #ccc }

#cart_contents table { border: 1px solid #fff; background-color: #fff }
#cart_contents tr { border-left: 1px solid #eee6e8; border-right: 1px solid #eee6e8; }
#cart_contents td { border-color: #fff}
#cart_contents .header, #cart_contents .grandtotal { font-weight: bold; background-color: #EEE6E8 }
#cart_contents .cart_item { background-color: #f5f1f2; }
#cart_contents input.text { border-color: #ccc }
#cart_contents input.button { font-size: 11px; background-color: #777; color: #fff; border-color: #ccc }
#cart_contents a { color: #440000; }

#checkout .forminput_country span { font-weight: bold; color: #770000 }
#checkout .inputerror { color: #aa0000; font-size: 11px; font-weight: bold }

#payment table { border: 1px solid #ccc }

#ordercomplete #cart_contents { border: 1px solid #ccc; font-size: 12px}
#ordercomplete #cart_contents td { border: 1px solid #ccc; }
#ordercomplete #cart_contents .invoice td { border: 1px solid #fff; }

.wp-caption { border: 1px solid #888; background-color: #f3f3f3; }
.wp-caption p.wp-caption-text { font-size: 11px; }

#home-categories a { color: #fff; background-color: #ccb3ba; font-size: 16px; border: 1px solid #777; }
#home-categories a:hover { border-color: #111; color: #444}

#sidebar, #sidebar a { color:#777; font: 13px Arial, sans-serif; text-decoration: none }
#sidebar #category_header h2 { font-size: 22px;  }
#sidebar-categories a { background-color: #fff; font-size: 18px; border: 1px solid #999; }
#sidebar-categories a:hover { border-color: #444; }
#sidebar_cart  { background: url('/images/store_cart.png') no-repeat 0 0; }
#sidebar_cart a  { font-size: 12px; color: #d7bfc7}
#sidebar_cart a:hover  { color: #fff}
#sidebar .addtocart_button { font-size: 12px; }
#sidebar_cart .checkout { border: 1px solid #d7bfc7; background-color: #444; }
#sidebar_cart a.checkout:hover  { border-color: #fff}

#content-footer { background:url(images/bg_footer0.png) transparent no-repeat 0 0; color:#777; font-size: 11px}
#content-footer #first span { font-size: 18px; }
#content-footer .address, #content-footer a { color: #4a4a4a }
#content-footer .address .phone { color: #770000 }


/***** LAYOUT *****/

html { overflow-y: scroll }

body { margin: 0; padding: 0; text-align: center; }
#page_banner { z-index: -1; position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 100%; }
#wrapper { width: 960px; margin: 0 auto; text-align: left;}
#sidebar { width: 225px; float: right; margin-top: -10px } 
#content { margin: 0 245px 0 86px; padding: 0}
#content-body { margin: 0; padding: 10px 48px 0 44px; min-height: 200px; }

.clear { clear: both; height: 0; margin: 0; padding: 0 }


/***** CUFON FONTS *****/
#banner a, #content h1, #sidebar-categories li, #first span, h2,h3 { visibility : hidden }


/***** MAIN CONTENT *****/

#category_header h1 { padding: 3px 10px; margin: 0 auto; display: inline-block; border-width: 1px 2px 2px 1px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

a img { border:none; outline: none}

.editproduct { position: relative; z-index: 10 }
.editproduct a { color: #770000; float: right; border: 1px outset #770000; padding: 1px 3px; margin: -4px 0 0 0 }

#content .frontpage { text-align: center; font-style: italic; font-size: 12px }
#content .frontpage img { height: 120px; border: 3px solid #dac5c5; padding: 2px; margin: 0 auto; background-color: #fff }

.entry ul { padding: 0;  margin: 10px 0 0 15px;}
.entry ul p { display: none; }

.product_list { padding: 15px 20px 20px 20px; margin-top: 30px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.product_list a.post_link { display: block; width: 100%; }
.product_list, .product_list table { cursor: pointer }

.product_list table .entry p, .product_list table .entry ul {margin-top: 0}

.post td.img { width: 100px; padding-right: 20px; text-align: center }
.product_pagetop td { vertical-align: bottom; text-align: center }
.product_pagetop td.img { width: 400px; padding-right: 20px }
.product_pagetop { margin-bottom: 40px}
.page_bottom { padding: 20px 0 0 0; text-align: center}

.product div.product_image { max-width: 400px; padding: 15px 35px 0 15px}
.product div.product_image img { max-width: 100%; }

.product_meta { margin-top: 15px}
.product_onsale, .product_saleprice { margin: 10px 0 0 0 }
.onsale { text-decoration: line-through; }

.addtocart_button { cursor: pointer; margin-top: 15px; padding: 3px 8px; outline: none }
*:first-child+html .addtocart_button { margin-top: -10px; padding: 2px 0 0 0;}


/***** CART *****/
#cart_contents { padding: 20px 0 10px 0}
#cart_contents table { width: 100%; }
#cart_contents tr { width: 100%; }
#cart_contents td { white-space: nowrap; }
#cart_contents td.itemname { width: 100%; white-space: normal }
#cart_contents .right { text-align: right }
#cart_contents p { margin: 4px 0 }

#cart_contents .taxselect { float: left; position: absolute; text-align: left; margin: -14px 0 0 20px; font-size: 13px; }
#cart_contents .taxselect select { margin: 5px;  }
#cart_contents input.text { width: 20px; text-align: center; padding-top: 2px; border-color: #ccc }
#cart_contents input.button { cursor: pointer; padding: 1px; outline: none }
#cart_contents a:hover { text-decoration: underline }

#shoppingcart .addtocart_button { float: right; margin: 15px 0 20px 6px; }
#shoppingcart #paybutton { text-align: right; margin: 0 0 40px 0; }

#ajaxprocess { position: absolute; margin-left: 200px; margin-top: -40px; }


/***** CHECKOUT *****/
#checkout { padding: 12px 20px 0 20px;}
#checkout table { width: 399px; }
#checkout td { padding: 2px 0; margin: 0; vertical-align: top}
#checkout td.formfield { width: 120px }
#checkout .forminput input { width: 260px }
#checkout .forminput_zip input { width: 102px }
#checkout .forminput_phone1 input { width: 48px }
#checkout .forminput_phone2 input { width: 60px; }
#checkout .forminput_country input { width: 42px; background-color: #eee; cursor: default;  }
#checkout td.forminput_phone1 { width: 50px }
#checkout td.forminput_country { text-align: right }

#checkout .inputerror { color: #aa0000; font-size: 11px; font-weight: bold }
#checkout #formprocess { display: inline; margin: 15px 0 0 10px; position: absolute; }

#payment { padding: 20px 30px 0 30px; font-size: 11px;  }
#payment table { text-align: left; cursor: default }
#payment td { padding: 15px 10px }
#payment img { display: block; margin: 0px auto 10px auto; }

#paybutton { padding: 20px 0 5px 0; text-align: center; }
#paybutton p { font-size: 11px; margin: 4px 0}


/***** ORDER COMPLETE *****/
#ordercomplete #cart_contents { padding: 12px 12px 30px 12px; }
#ordercomplete { padding: 0 0 20px 0; }


/***** IMAGES *****/
.alignright { float: right; }
.alignleft { float: left; }

div.alignleft { margin-right: 15px }
div.alignright { margin-left: 15px }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; padding-top: 4px; margin: 15px 0 5px 0; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.wp-close { margin: 15px 7px 10px 0px; float: left }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { line-height: 17px; padding: 0; margin: 0; }


/***** SIDEBAR *****/
#sidebar #category_header { display: none; margin: 0 10px 18px 0; text-align: left; padding-left: 8px; }
#sidebar #category_header h2 { padding: 5px 2px 0px 2px }

#sidebar ul { list-style-type: none; padding: 0; margin: 36px 0 0 0; }
#sidebar-categories li { margin: 0; padding: 0 0 18px 0; }
#sidebar-categories a { display: inline-block; padding: 3px 8px 5px 8px; border-width: 1px 2px 2px 1px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;   }
#sidebar-categories a:hover { border-width: 2px; padding: 4px 6px 3px 9px }

#sidebar_cart  { padding: 2px 0 0 26px; margin: 0 0 20px -5px }
#sidebar .addtocart_button { padding: 0px; margin: 0 4px; border-width: 1px; }
#sidebar_cart .checkout { padding: 1px 4px; margin: 0 4px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#sidebar .infolink a { color: #fff; font-size: 13px; }
#sidebar .infolink a:hover { font-weight: bold }
#sidebar .infolink { margin: 10px 10px 10px 1px }
#sidebar .infolink a { display: block; line-height: 24px; padding: 0 0 0 30px; background: url('images/info_icon0.png') no-repeat 0 0}


/***** HOME PAGE *****/
#home-categoriesXX { display: none; color: #d9c6cb }

.home .entry { position: relative }
.home .featured { padding-top: 90px; margin-bottom: -5px }
#home-categories { list-style-type: none; padding: 0; margin: -5px 0 30px 0; text-align: center; position: absolute }
#home-categories #category_header { margin: 0 0 16px 0; }
#home-categories li { display: inline; padding: 0px 5px; line-height: 35px }
#home-categories a { padding: 1px 6px 3px 6px; border-width: 1px 2px 2px 1px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;   }


/***** INFO *****/
.info { padding: 0px 7px }
#content .info h3, .info hr { margin-left: -7px; margin-right: -7px;  }

.info a { color: #770000 }
.info a:hover { text-decoration: underline }
.info ul li { padding: 3px 0 }

/***** SEARCH *****/

/***** COMMENTS *****/

/***** COMMENTS NAVIGATION *****/

/***** RESPOND & REPLY BUTTONS *****/

/***** LEAVE A COMMENT *****/

/***** FOOTER *****/
#content-footer { margin: 0; min-height: 40px; }
#content-footer { text-align: center; padding-top: 60px}
#content-footer #first span { display: inline-block; padding-bottom: 3px; }