/*
Theme Name: Handcrafted Heart and Soul
Theme URI: http://handcraftedheardandsoul.com/
Description: Custom Wordpress / FoxyCart theme.
Theme design by Jen Rhoton Designs LLC || http://jenrhoton.com
Theme development by 1M Creative || http://1mcreative.com
FoxyCart beta integration by 1M Creative || http://1mcreative.com
Version: 1.0
Author: Antoine E Butler Sr, <a href="http://1mcreative.com">1M Creative</a>
Tags: 
*/

/* Basic Reset */
body { margin: 0 auto 1em; padding: 0; background: #292923 url(images/body.jpg) top center no-repeat; font-size: 1em; color: #655b41; font-family: Times, "Times New Roman", serif; }

/* Basic Typography - Family, color and size inherited from Body */
h1, h2, h3, h4, h5, h6 { color: #dac550; font-weight: 300; margin-bottom: 0.4em; margin: 0; padding: 0; }
h1 { font-size: 1.5em; text-align: center; }
.home h1, .single h1, .page h1 { text-align: left; margin-bottom: 1.25em; }
.single h1 { position: relative; display: block; padding-right: 100px; }
.single h1 span { color: #655b41; font-weight: normal; position: absolute; top: 0; right: 0; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

a, a:visited { color:  #b30021; text-decoration: none; }
a:hover, a:active { color: #dac550; text-decoration: underline; }
a img { border: none; }

.group:after, #sidebar:after, #wrapper:after, #header .branding:after, #nav:after, .single .info li:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.group, #sidebar, #wrapper, #header .branding, #nav, .single .info li { zoom: 1; display: block; }

/* Main Site Structure including navigation */
#wrapper { width: 940px; margin: 0 auto; position: relative; }

p#brand { text-align: center; padding: 25px 0; margin: 0 0 3px;  }

.navigation { font-size: 0.8125em; }
.navigation, .navigation li { list-style: none; margin: 0; padding: 0; text-align: center; }
.navigation li { display: inline; position: relative; z-index: 998; }
.navigation a, .navigation a:visited { color: #655b41; text-decoration: none; text-transform: uppercase; text-align: center; padding: 0 1.1em; height: 43px; line-height: 43px; }
.navigation a:hover, .navigation a:active { color: #b30021; text-decoration: none; }

.navigation.secondary { font-size: 0.6875em; font-family: Arial, sans-serif; display: block; width: 210px; margin: 0 auto; position: absolute; top: 16px; right: 30px; }
.navigation.secondary a, .navigation.secondary a:visited { color: #cccc99; text-transform: none; padding: 0 0.75em; height: auto; line-height: normal; }
.navigation.secondary a:hover, .navigation.secondary a:active { color: #b30021; }

.navigation li ul { display: none; position: absolute; top: 1em; left: 0.4em; background: #b7b499; width: 150px;  z-index: 999; padding: 0.8em 0 0 0; margin: 0; }
.navigation li:hover ul, .navigation li.hover ul { display: block; }
.navigation li ul a, .navigation li ul a:visited, .navigation li ul a:active { display: block; margin: 0; padding: 0 10px; border: 1px solid #6e6f40; border-top: none; border-bottom: none; text-align: left; line-height: 30px; height: 30px; }

#page { background: url(images/page.png) no-repeat; padding-top: 25px; width: 840px; margin: 0 auto; line-height: 1.3em; }
#page .background { background: url(images/page-bleed.png) repeat-y; padding: 0 28px 50px; overflow: hidden; }

/* custom faux sidebar image placement */
.page.page-id-43 .article, .page.page-id-40 .article { padding-bottom: 5em; }
.page-id-43 .article p, .page-id-40 .article p { position: relative; }
.page-id-43 .article img.alignright, .page-id-40 .article img.alignright  { position: absolute; top: -10px; right: -200px; }

/* two columned content. ".support" identifies a visible sidebar */
.category .article { margin: 0 auto; width: 750px; clear: both; }
.article .back { margin-bottom: 1em; font-size: 0.75em; text-transform: uppercase; }
.article .back a { color: #655b41; }
.single .article { width: 780px; }
.page .article{ min-height: 556px; _height: 556px; width: 560px; padding: 0 30px 0 20px; float: left; clear: none; }
.article.support { background: url(images/seperator-vertical.gif) right 8px no-repeat !important; }
.aside { float: left; clear: none; width: 166px; padding: 2px 0 2px 8px; background: none !important; color: #b30021; }
.aside.tertiary { padding: 16px 0 0 16px; width: 150px; background: none !important; font-size: 0.875em; font-style: italic;  }

.category .article { text-align: center; }
.category .article .header { width: 704px; margin: 0 auto 2em; padding-bottom: 1.5em; background: url(images/seperator-horizontal.gif) bottom center no-repeat; overflow: hidden; }
.category .article ul { font-size: 0.75em; font-family: Arial, sans-serif; }
.category .article ul, .category .article li { margin: 0; padding: 0; list-style: none; display: inline; }
.category .article li a { display: inline; float: left; clear: none; margin: 0 23px; width: 204px; height: 270px; color: #655b41; text-decoration: none; line-height: 1.1; }
.category .article li a strong { display: block; }
.category .article li a img { border: 2px solid #dac550; margin-bottom: 0.5em; height: 200px; clear: both; }
.category .article li a:hover img { border: 2px solid #b30021; }

.single .graphics { float: left; clear: none; display: inline; width: 366px; min-height: 420px; position: relative; background: url(images/seperator-vertical-product.gif) right 5px no-repeat; margin: 0 18px 2em; }
.single .graphics em { font-size: 0.6875em; }
.single .graphics h2 { margin-top: 2em; }
.single .graphics .extras { padding-left: 1em; }
.single .graphics span { position: absolute; top: 0; left: 0; z-index: 1; display: block; height: 350px; width: 350px; background: url(images/overlay-product.png) no-repeat; }
.single .info { padding: 0.8em 0 0 0; float: left; clear: none; width: 375px; }
.single .info ul, .single .info li { margin: 0; padding: 0; list-style: none; }
.single .info ul { margin-bottom: 2em; }
.single .info label { font-family: Arial, serif; font-size: 0.75em; color: #b30021; display: block; width: 130px; clear: none; float: left; text-align: right; margin-right: 20px; }
.single .info label em { font-size: 0.8em; line-height: 1.3em; display: block; color: #655b41; }
.single .info label.clear, .single .info input.clear { width: auto; text-align: left; }
.single .info input, .single .info select { display: block; clear: none; float: left; margin-bottom: 1em; width: 200px; }
.single .info textarea { display: block; clear: none; float: left; width: 200px; height: 100px;}

.single .info .upload { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; display: block; padding: 1em 0; margin-bottom: 1em; }
.single .info .upload img { width: 50px; margin: 0.5em; }

.single .info input.submit { float: none; clear: both; width: 138px; height: 33px; background: url(images/add-to-site.gif) no-repeat; border: none; text-indent: -99999px; font-size: 1; line-height: 0; margin: 0 auto; cursor: pointer; }

#fc_checkout_cart #li_customer_new_password.fc_row { display: block !important; }

.error { display: block; padding: 10px; background: #c00; color: #fff; font-size: 0.85em; font-family: Arial; margin-bottom: 10px; }
div.success + form { display: none; }

.page.page-template-checkout-php .article { margin: 1em auto; width: 750px; clear: both; }
#page #fc_cart_table { width: 100%; }
#page #fc_cancel_continue_shopping { display: none; }

/*#fc_checkout_container ol#fc_shipping_list { position: relative; top: 83px; }
#fc_data_entry_container { }
#fc_custom_fields_container { position: relative; left: 100px; top: -15px; }*/

#fc_checkout_container input.fc_radio { height: 1.4em; }
#fc_checkout_container #custom_shipping li.fc_row { margin-bottom: 20px; }

/* Graphic Header - DEFAULT (Product Type) */
#page .section, #page .section span, #page .section p { width: 784px; height: 210px; display: block; }
#page .section { position: relative; margin: 0.1em 0 2em; overflow: hidden; float: left; clear: none; }
#page .section p { position: absolute; top: 0; left: 0; z-index: 99; background: url(images/overlay-210.png); text-indent: -99999px; padding: 0; margin: 0; }

/* Graphic Header - Home */
.home #page .section,.home #page .section span, .home #page .section p { width: 610px; height: 350px; }
.home #page .section p { background: url(images/overlay-350.png); text-indent: -99999px; padding: 0; margin: 0; }

/* extras for graphic header on home page */
.sale { width: 167px; height: 208px; background: #dac550; margin-bottom: 16px; overflow: hidden; }
.newsletter { width: 155px; text-align: center; background: #655b41; color: #fff; font-size: 0.9em; padding: 14px 6px 0; line-height: 1em;  }
.newsletter p { margin: 0 0 0.7em; }
.newsletter p em { font-size: 0.85em; }
.newsletter ul, .newsletter li { margin: 0; padding: 0; list-style: none; }
.newsletter input { font-family: Arial, sans-serif; font-size: 0.65em; display: block; background: #b7b499; border: 1px solid #fff; color: #655b41; padding: 5px; width: 143px; margin: 0; }
.newsletter input.n { text-transform: uppercase; float: right; color: #fff; border: none; background: none; width: auto; margin: 0 0 5px; }
.newsletter form { margin: 0; padding: 0; }

/* Footer Layout and Style */
.footer { background: url(images/footer.png) no-repeat; padding: 0 50px 1em; margin: 0 auto; color: #655b41; font-size: 0.6875em; font-family: Arial, sans-serif; text-align: right; }
.footer p { margin: 0; line-height: 2em; position: relative; top: -2em; right: -0.5em; }
.footer p span { margin: 0 0.5em;}
.footer p a { color: #655b41; }

p.credit { font-size: 0.55em; font-family: Arial, sans-serif; text-align: right; margin: 0 50px; }
p.credit a { color: #cc9; }