/* *************************************

COLOR GUIDE:

	Brown:	#583400
	Blue:	#35b9d5 (53, 185, 214)
	Red:	#ed154e

************************************* */

/* YUI CSS RESET via Yahoo! */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before,q:after { content: ''; } 
abbr,acronym { border: 0; } 
* { text-transform: lowercase; outline: none; }

/* @FONT-FACE */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 16, 2010 */

	@font-face { font-family: 'AmericanTypewriterMedium'; src: url('../f/americantypewriter-medium.eot'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'AmericanTypewriterMedium'; src: url(//:) format('no404'), url('../f/americantypewriter-medium.woff') format('woff'), url('../f/americantypewriter-medium.ttf') format('truetype'), url('../f/americantypewriter-medium.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'AmericanTypewriterMedium'; src: url('../f/americantypewriter-bold.eot'); font-weight: bold; font-style: normal; }
	@font-face { font-family: 'AmericanTypewriterMedium'; src: url(//:) format('no404'), url('../f/americantypewriter-bold.woff') format('woff'), url('../f/americantypewriter-bold.ttf') format('truetype'), url('../f/americantypewriter-bold.svg#webfont') format('svg'); font-weight: bold; font-style: normal; }

/* GLOBAL STYLES */

body { font-size: 62.5%; font-family: 'American Typewriter', AmericanTypewriterMedium; background: #ab824c url(../i/bg-wood.jpg) center top repeat; } /* Reset 1em to 10px */
strong { font-weight: bold; }
em { font-style: italic; }
strong em, em strong { font-weight: bold; font-style: italic; }
.caps { text-transform: uppercase; }

/* BUILDING BLOCKS */

#container { width: 960px; margin: 20px auto 0; padding-bottom: 20px; background: transparent url(../i/bg-paper.jpg) center top repeat-y; -webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; z-index: 75; position: relative; }
#header { width: 960px; height: 143px; position: relative; background: transparent url(../i/bg-paper-top.jpg) center top no-repeat; overflow: hidden; z-index: 50; }
#body { width: 960px; margin-top: 10px; overflow: auto; }
#minor { float: left; display: inline; overflow: hidden; width: 134px; }
#major { float: right; display: inline; overflow: hidden; width: 800px; padding-left: 10px; }
#item-info { float: right; display: inline; overflow: hidden; width: 370px; margin: 0 20px 20px 0; }
#add-to-cart { background: rgba(53, 185, 214, 0.25); padding: 20px 20px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; margin-bottom: 20px; }
#item-photos { width: 400px; float: left; display: inline; }
.main-image { width: 384px; height: 384px; border: 3px solid #583400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.peep-photo { border: 1px solid #583400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 20px; }
#thumbnail-nav { width: 410px; margin: 10px 0 20px -10px; overflow: hidden; }
#thumbnail-nav-wrapper { float: left; display: inline; width: 390px; overflow: hidden; height: 90px; }
.scrollContainer { width: 9999px; height:90px; position: relative; }
#order-info { width: 380px; float: left; clear: left; display: inline; padding-top: 10px; border-top: 1px solid #ed154e; }
#news, #static { width: 580px; float: left; display: inline; }
#major-sidebar { width: 180px; float: right; display: inline; margin-right: 20px; }
.columnized1, .columnized2 { display: inline; width: 285px; }
.columnized1 { float: left; }
.columnized2 { float: right; }
.archive-summary { margin-bottom: 20px; }
.hype-summary { margin-bottom: 10px; }
#footer { width: 960px; margin: 0 auto 20px; color: #fff; overflow: hidden; z-index: 10px; position: relative; }

/* HEADLINES & TEXT */

h1#logo { width: 213px; height: 73px; overflow: hidden; position: absolute; top: 25px; left: 155px; }
h2, h2 p { font-size: 20px; line-height: 22px; color: #ed154e; margin-bottom: 10px; font-family: 'American Typewriter', AmericanTypewriterMedium; }
h3 { font-size: 16px; line-height: 16px; color: #ed154e; margin: 10px 0 5px; }
#static h3 { margin-bottom: 5px; }
#studio-gal h3 { clear: both; }
#friends-and-accomplices #static h3 { margin-bottom: 15px; }
#static h4 { font-size: 16px; line-height: 16px; color: #35b9d5; margin: 10px 0 5px; }
#major-sidebar h3 { margin-bottom: 20px; }
#the-hype #static h3 { border-top: 1px solid #35b9d5; padding-top: 10px; margin-bottom: 10px; }
#archives-list h4 { color: #583400; text-align: right; padding-right: 8px; font-size: 16px; line-height: 16px; }
h6 { width: 174px; margin: 0 0 10px 10px; float: right; clear: right; display: inline; color: #35b9d5; font-size: 11px; font-family: 'Trebuchet MS', 'American Typewriter', AmericanTypewriterMedium; }

p { font-family: 'Trebuchet MS', 'American Typewriter', AmericanTypewriterMedium; font-size: 13px; line-height: 18px; margin-bottom: 5px; color: #583400; }
#add-to-cart p.price { font-family: 'American Typewriter', AmericanTypewriterMedium; font-size: 16px; line-height: 16px; color: #583400; width: 330px; padding-bottom: 10px; border-bottom: 1px solid #583400; margin: 0 0 10px; }
#add-to-cart.no-options p.price { border-bottom: none; padding-bottom: 0; }
p.price span.price { color: #ed154e; font-weight: bold; }
p.yab-add { position: absolute; top: 15px; right: 20px; }
.no-options p.yab-add { position: absolute; top: 17px; right: 20px; }
#add-to-cart form p { font-family: 'American Typewriter', AmericanTypewriterMedium; margin: 0; }
p#item-number { color: #35b9d5; font-weight: bold; margin-top: 10px; }
p#item-number strong { color: #583400; }
p.posted { color: #35b9d5; font-size: 11px; line-height: 11px; }
p.meta { margin-bottom: 25px; font-size: 11px; line-height: 11px; }
#the-peddlers #static p { margin-bottom: 15px; }
#footer p { font-family: 'American Typewriter', AmericanTypewriterMedium; font-size: 14px; float: right; margin-top: 8px; color: #fff; }

.yab-shop-notice { width: 360px; float: right; display: inline; color: #ed154e; font-weight: bold; margin-right: 15px; padding: 5px; background: rgba(53, 185, 214, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; margin-bottom: 20px; }
.yab-shop-payments { display: none; }
#order-info p { font-size: 11px; }

/* LINKS */

h1#logo a { display: block; width: 213px; height: 73px; overflow: hidden; background: transparent url(../i/logo.png) left top no-repeat; text-indent: -9999px; }
#cart a { font-size: 16px; text-decoration: none; color: #ed154e; padding-left: 25px; background: transparent url(../i/icon-cart.png) left top no-repeat; float: right; display: inline; margin: 30px 25px 0 0; }
#cart a strong { font-size: 14px; }
#cart a:hover { color: #583400; }
#footer p a { text-decoration: none; color: #fff; border-bottom: none; font-weight: normal; }
#footer p a:hover { color: #faf5a1; background-color: transparent; }
#thumbnail-nav-wrapper a { width: 86px; height: 86px; float: left; display; inline; margin-right: 10px; border: 2px solid #583400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#thumbnail-nav-wrapper a:hover { border-color: #ed154e; }
a.scrollButtons { width: 10px; height: 90px; line-height: 90px; overflow: hidden; float: left; display: inline; font-size: 20px; background-position: 0 0; background-repeat: none; text-indent: -9999px; }
a.scrollButtons:hover { cursor: pointer; color: #ed154e; background-position: 0 -90px; }
a.disabled { visibility: hidden; }
a.thumbnail-nav-left { background-image: url(../i/store-thumb-nav-left.png); }
a.thumbnail-nav-right { background-image: url(../i/store-thumb-nav-right.png); }
p a { font-weight: bold; color: #ed154e; padding: 1px; text-decoration: none; border-bottom: 1px dotted; }
#friends-and-accomplices #static p a { color: #35b9d3; }
p a:hover { background: #c7e8f5; border-bottom: 0; }
#friends-and-accomplices #static p a:hover { color: #ed154e; }
#the-hype .hype-summary a { border-bottom: none; }
h6 a { color: #35b9d5; text-decoration: none; }
h6 a:hover { color: #ed154e; }

/* FORMS */

#add-to-cart form label { font-size: 14px; line-height: 14px; color: #583400; }
#add-to-cart form select { margin-bottom: 5px; width: 160px; }
#add-to-cart form p.yab-add input { height: 11px; font-size: 11px; line-height: 11px; padding-top: 5px; padding-bottom: 6px; border: 1px solid #35b9d5; margin-left: 5px; width: 30px; text-align: center; }
#add-to-cart form p.yab-add input.submit { height: 22px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif; width: 110px; background: #35b9d5 url(../i/button-gradient.png) left top repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: #626262 0px -1px 0px; }
#add-to-cart form p.yab-add input.submit:hover { border-color: #ed154e; background-color: #ed154e; cursor: pointer; }
#add-to-cart form p.yab-add input.submit:active { border-color: #583400; background-color: #583400; cursor: pointer; }

#yab-checkout-form { width: 360px; float: right; display: inline; margin-right: 20px; }
#yab-checkout-form label { width: 75px; float: left; display: inline; text-align: right; }
#yab-checkout-form input, #yab-checkout-form textarea { font-size: 11px; line-height: 11px; padding: 3px; border: 1px solid #35b9d5; width: 267px; margin: 0 0 5px 10px; }
#yab-checkout-form .yab-shop-required label { font-weight: bold; color: #ed154e; }
#yab-checkout-form input.checkbox { float: left; width: 16px; margin-left: 85px; }
#yab-checkout-form .remember label { width: 254px; margin-left: 5px; text-align: left; }
#yab-checkout-form p.submit input.submit { height: 22px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif; width: 275px; margin-top: 10px; float: right; background: #35b9d5 url(../i/button-gradient.png) left top repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: #626262 0px -1px 0px; }
#yab-checkout-form p.submit input.submit:hover { border-color: #ed154e; background-color: #ed154e; cursor: pointer; }
#yab-checkout-form p.submit input.submit:active { border-color: #583400; background-color: #583400; cursor: pointer; }

legend { display: none; }
#drop-us-a-line form { width: 580px; margin-top: 10px; }
#drop-us-a-line label { width: 55px; font-size: 13px; display: inline; float: left; margin-right: 10px; text-align: right; font-weight: bold; color: #583400; }
input.zemText, #drop-us-a-line textarea { display: inline; border: 1px solid #35b9d5; width: 507px; padding: 3px;  }
input.zemSubmit { margin-left: 65px; height: 22px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif; width: 250px; margin-top: 5px; background: #35b9d5 url(../i/button-gradient.png) left top repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: #626262 0px -1px 0px; border: 1px solid #35b9d5; }
input.zemSubmit:hover { border-color: #ed154e; background-color: #ed154e; cursor: pointer; }
input.zemSubmit:active { border-color: #583400; background-color: #583400; cursor: pointer; }

/* SEARCH FORM */

#search-form input { padding: 3px; border: 1px solid #35b9d5; font-family: Helvetica, Arial, sans-serif; color: #626262; margin: 0 8px 10px; width: 110px;  }

/* LISTS */

#item-info ul, #static ul { list-style-type: disc; margin-left: 15px; }
#item-info ul li, #static ul li { font-family: 'Trebuchet MS', 'American Typewriter', AmericanTypewriterMedium; font-size: 13px; line-height: 18px; color: #583400; }

/* NAVIGATION */

#navigation { width: 960px; height: 69px; padding: 0 20px; background: transparent url(../i/bg-tape-nav.png) center top no-repeat; margin: -20px 0 0 -20px; z-index: 100; position: relative; }
#navigation li { height: 32px; float: left; display: inline; margin: 19px 0 0; }
#navigation li a { height: 32px; display: inline-block; text-align: center; text-decoration: none; color: #35b9d5; font-size: 18px; line-height: 18px; padding: 0 24px; white-space: nowrap; }
#navigation li a span { display: block; font-size: 14px; line-height: 14px; white-space: nowrap; }
#navigation li a:hover { color: #583400; }
#the-goods #navigation li.the-goods a { color: #ed154e; }
#the-peddlers #navigation li.the-peddlers a { color: #ed154e; }
#the-skinny #navigation li.the-skinny a { color: #ed154e; }
#the-hype #navigation li.the-hype a { color: #ed154e; }
#the-obsessions #navigation li.the-obsessions a { color: #ed154e; }
#friends-and-accomplices #navigation li.friends-and-accomplices a { color: #ed154e; }
#the-lowdown #navigation li.the-lowdown a, #archives #navigation li.the-lowdown a { color: #ed154e; }
#drop-us-a-line #navigation li.drop-us-a-line a { color: #ed154e; }

#store-navigation { width: 134px; }
#store-navigation li { padding: 0 8px 0 10px; margin: 0 0 4px; width: 116px; text-align: right; }
#store-navigation li.active { background: url(../i/arrow-cat-nav.png) right 2px no-repeat; }
#store-navigation li a { font-size: 13px; color: #b88b4a; text-decoration: none; line-height: 13px; padding-right: 12px; }
#store-navigation li.the-goods a, #store-navigation li.the-skinny a { color: #583400; padding-right: 0px; }
#store-navigation li a:hover, #store-navigation li.active a { color: #ed154e; }

#store-thumbnails, #obsessions-gal, #skinny-gal, #studio-gal, #peeps-thumbnails { overflow: hidden; }
#skinny-gal { margin-top: 10px; }
#store-thumbnails li, #obsessions-gal li, #skinny-gal li, #studio-gal li, #peeps-thumbnails li { width: 180px; height: 180px; float: left; display: inline; margin: 0 20px 20px 0; }
#store-thumbnails li a, #obsessions-gal li a, #skinny-gal li a, #studio-gal li a, #peeps-thumbnails li a { width: 174px; height: 174px; display: block; border: 3px solid #583400; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#store-thumbnails li a:hover, #obsessions-gal li a:hover, #skinny-gal li a:hover, #studio-gal li a:hover, #peeps-thumbnails li a:hover { border: 3px solid #ed154e; }

#archives-list { width: 134px; }
#archives-list ul { margin: 8px 0 4px; padding: 0; }
#archives-list li { padding: 0 8px 0 10px; margin: 0 0 1px; width: 116px; text-align: right; }
#archives-list li a { font-size: 12px; color: #583400; text-decoration: none; line-height: 12px; }
#archives-list li a:hover { color: #ed154e; } 

#page-nav { border-top: 1px solid #35b9d5; padding-top: 10px; overflow: hidden; margin-bottom: 20px; }
#page-nav p { font-family: 'American Typewriter', AmericanTypewriterMedium; font-size: 13px; line-height: 13px; width: 280px; }
#page-nav p#prev { float: left; display: inline; }
#page-nav p#next { float: right; display: inline; text-align: right; }
#page-nav p a { font-weight: normal; color: #35b9d5; border: none; }
#page-nav p a:hover { background: transparent; color: #583400; }

#social-nav { width: 108px; height: 39px; float: right; display: inline; margin: 0 10px; overflow: hidden; background: transparent url(../i/bg-social.png) left top no-repeat; }
#social-nav li { width: 16px; height: 16px; float: left; display: inline; margin: 8px 5px 0 0; overflow: hidden; }
#social-nav li.rss { margin-left: 14px; }
#social-nav li a { width: 16px; height: 16px; display: block; text-indent: -9999px; }
#social-nav li.rss a { background: url(../i/social-rss.gif) left top no-repeat; }
#social-nav li.email a { background: url(../i/social-email.gif) left top no-repeat; }
#social-nav li.etsy a { background: url(../i/social-etsy.gif) left top no-repeat; }
#social-nav li.facebook a { background: url(../i/social-facebook.gif) left top no-repeat; }

#secondary-nav { float: left; display; inline; overflow: hidden; }
#secondary-nav li { float: left; display: inline; margin: 8px 0 0 10px; }
#secondary-nav li a { font-size: 14px; color: #fff; text-decoration: none; }
#secondary-nav li a:hover { color: #faf5a1; }

/* COMMENTS */

div#comments input#importantfield { width: 1px; height: 1px; margin: 0; padding: 0; border: none; background-color: #fff; visibility: hidden; float: left; }
div#comments label { display: block; }
div#comments input#name, div#comments input#email, div#comments input#web, div#comments textarea#message { padding: 4px; width: 570px; background-color: #fff; border: 1px solid #35b9d5; }
div#comments textarea#message { margin-bottom: 10px; }
div.comment_contain { padding: 10px 0 6px; border-top: 1px solid #35b9d5; }
#cpreview div.comment_contain { border: none; background: #e9e9e9; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; }
p#cprev_head { font-weight: bold; margin: 20px 0 4px; }
#comment-form { border-top: 1px solid #35b9d5; margin-top: 0px; padding-top: 10px; }
#major div.comment_contain p, p#cprev_head, #major div#comments p#txpCommentInputForm { margin-bottom: 4px; }
#comments-help { margin-bottom: 10px; }
.comments-wrapper input.button { height: 22px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin: 0 10px 0 0; background: #35b9d5 url(../i/button-gradient.png) left top repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: #626262 0px -1px 0px; border: 1px solid #35b9d5; padding: 0 10px; }
.comments-wrapper input.button:hover { border-color: #ed154e; background-color: #ed154e; cursor: pointer; }
.comments-wrapper input.button:active { border-color: #583400; background-color: #583400; cursor: pointer; }
.comments-wrapper input.disabled, .comments-wrapper input.disabled:hover, .comments-wrapper input.disabled:active { background: #ccc url(../i/button-gradient.png) left top repeat-x; border: 1px solid #ccc; text-shadow: #aaa 0px -1px 0px; }
.comments-wrapper input.disabled:hover { cursor: default; }
.comments-wrapper p.comments_error { font-weight: bold; color: #ed154e; padding: 10px; border: 1px solid #ed154e; margin-bottom: 10px; }

/* IMAGES */

img.news-image { float: right; display: inline; border: 1px solid #583400; margin: 0 0 10px 10px; }

/* TABLES */

#yab-checkout-table { width: 380px; float: left; display: inline; font-family: 'Trebuchet MS', 'American Typewriter', AmericanTypewriterMedium; font-size: 13px; line-height: 18px; color: #583400; }
#yab-checkout-table a { width: 180px; display: block; font-weight: bold; color: #ed154e; }
#yab-checkout-table td.yab-checkout-change, #yab-checkout-table th.yab-checkout-change { width: 125px; }
#yab-checkout-table td.yab-checkout-price, #yab-checkout-table th.yab-checkout-price { width: 75px; }
#yab-checkout-table th, #yab-checkout-table td { padding: 5px; }
#yab-checkout-table th { background-color: #35b9d5; color: #fff; font-weight: bold; text-align: center; }
#yab-checkout-table td { border-bottom: 1px solid #ed154e; }
#yab-checkout-table td.yab-checkout-price { text-align: right; }
#yab-checkout-table td.yab-checkout-change { text-align: center; }
#yab-checkout-table tr.yab-checkout-subtotal td, #yab-checkout-table tr.yab-checkout-shipping td, #yab-checkout-table tr.yab-checkout-total td { border: none; text-align: right; }
#yab-checkout-table tr.yab-checkout-total td { font-weight: bold; }
#yab-checkout-table th.yab-checkout-price, #yab-checkout-table th.yab-checkout-change { border-left: 1px solid #fff; }
#yab-checkout-table input.submit-edit, #yab-checkout-table input.submit-del { height: 22px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif; background: #35b9d5 url(../i/button-gradient.png) left top repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: #626262 0px -1px 0px; border: 1px solid #35b9d5; margin-left: 5px; padding: 0 5px 0 3px; }
#yab-checkout-table input.submit-edit:hover, #yab-checkout-table input.submit-del:hover { border-color: #ed154e; background-color: #ed154e; cursor: pointer; }
#yab-checkout-table input.submit-edit:active, #yab-checkout-table input.submit-del:active { border-color: #583400; background-color: #583400; cursor: pointer; }
#yab-checkout-table tr.yab-checkout-tax { display: none; }
