body{ font-family:helvetica,arial; font-size:12px; margin:0px; color:#918686; }
h1 { font-family:georgia; font-size:24px; font-weight:bold; color:#f15133; text-transform:uppercase;}
h2 { font-family:georgia; font-size:12px; font-weight:bold;  color:#f15133; }
h3 { font-family:georgia; font-weight:normal; font-size:18px;  color:#000; }
h4 { font-family:georgia; font-size:14px; font-weight: normal; color:#000; }
h5 { font-size:13px; color:#918686; font-weight: normal; margin-bottom: 0; padding-bottom: 1px; text-transform: uppercase; }
p { font-size:13px; color:#918686; line-height: 17px; }
p.post-date { font-size: 12px; }
label { font-size:13px; color:#918686; }
#search label { margin-right: 2px; }
a { text-decoration:none; border:none; color:#F15133; }
li { padding:0px; margin:0px 20px; }
ul { padding:0px; margin-left:0px; }
ol { padding:0px; margin:0px; line-height:18px; }
img { padding:0px; margin:0px; }
div.search-result > h3 > img { display: none; visibility: hidden; }

.clear { clear:both; line-height:0px; font-size:0px; }
#content .clear { clear:both; line-height:normal; font-size:normal; }

html { height:100%; }
body { height:100%; background: url(../Images/cssimg/site-bg.png) top left repeat;  }
#site-wrapper { width:1000px; min-height:100%; margin:0px auto; background: url(../Images/cssimg/wrapper-bg.png) top left repeat; border-left:1px solid #00b5cc; border-right:1px solid #00b5cc; }

/*Site*/
#top { color:#f6a15e; height:102px; background: url(../Images/cssimg/top-stripe.png) top center repeat-x ; }
#top-address {  height:83px; font-weight:bold; margin:0px auto; padding:10px 0px 0px 402px; text-align:left; }

#middle-wrapper { width:955px; margin:0px auto; background: url(../Images/cssimg/border-vertical.png) repeat-y right top; }

#left-half { float:left; width:366px; text-align:left; }
#left-half #logo { float:left; }
#left-half #navigation { float:left; margin-left:17px; width:132px; }
#left-half #navigation ul { list-style-type:none; padding:0px; padding-bottom:3px; margin:0px; background: url(../Images/cssimg/border-horizontal.png) repeat-x left bottom; }
#left-half #navigation li { list-style-type:none; padding:0px; margin:0px; background: url(../Images/cssimg/border-horizontal.png) repeat-x left top; width:132px!important; height:22px!important; }
#left-half #navigation li a { color:#918686; font-size:11px; text-transform:uppercase; display:block; padding-top:5px; line-height:19px; }
#left-half #navigation ul li a:hover { color:#f47b20; }
#left-half #navigation ul li.selected a { color:#f47b20; }

#left-half #sign-up { clear:both; background: url(../Images/cssimg/newsletter-bg.png) repeat-x left top; width:215px;  margin-top:40px; text-align:left; }
#left-half #sign-up .item { padding-bottom:5px; }
#left-half #social-links { margin:0px 0px; float: right;}
#left-half #search { width: 213px; margin-top: 86px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* For Safari and its WebKit ilk */
	#left-half #search { width: 213px; margin-top: 70px;}
}
#left-half #search form { background: url(../Images/cssimg/border-horizontal.png) repeat-x left bottom; padding-bottom: 5px; }
#left-half #search form input { margin-right:3px; margin-bottom:3px; border:1px solid #918686; }
#left-half #twitter { width: 213px; margin-top: 39px;}
#left-half #twitter div.clearfix { background: url(../Images/cssimg/border-horizontal.png) repeat-x left bottom; padding-bottom: 5px; }
#left-half #twitter div h5 { float: left; margin-top: 13px;}
.tweet { font-style: italic; }
.tweet a { color: #918686; text-decoration: underline; }
#left-half #archives { width: 213px; margin-top: 56px; }
#left-half #archives #archive_header { background: url(../Images/cssimg/border-horizontal.png) repeat-x left bottom; padding-bottom: 5px; }
.BlogPostArchive { margin-top: 16px; width: 213px; }
.BlogPostArchive { font-style: italic; }
.BlogPostArchive ul li { font-size: 13px; }
.BlogPostArchive ul li a { color: #918686; text-decoration: underline; }
.topspacing { margin-top: 16px; }

#right-half { float:right; width:575px; background: url(../Images/cssimg/border-horizontal-extended.png) repeat-x left top;  position:relative; }
#right-half #content-wrapper { min-height:400px; }
#right-half #content-wrapper #content { padding:17px 10px 10px 15px; }
#right-half #content-wrapper #content  h2 { text-transform:uppercase; }
.home #right-half #content-wrapper #content { padding:11px 11px 11px 0px; }



/*content pages*/
.shop #content {  }
.about #content { padding-top:55px!important; }
.contact #content { padding-top:55px!important; }
.directions #content { padding-top:55px!important; }

/*page bugs*/
.home .bug { position:absolute; top:394px; right:-30px; }
.shop .bug { position:absolute; top:-72px; right:-20px; }
.gallery .bug { position:absolute; top:-63px; right:-23px; }
.workshops .bug { position:absolute; top:-72px; right:29px; }
.press .bug { position:absolute; top:-50px; right:-15px; }
.about .bug { position:absolute; top:-40px; right:-20px; }
.contact .bug { position:absolute; top:-55px; right:-15px; }
.directions .bug { position:absolute; top:-45px; right:-15px; }

/*pages*/
.faq { padding-top:0px margin-top:0px;}
.faq span{ color:#696969; padding-top:25px;}
.faq h3{ color:#696969; padding-top:15px; font-size:12px;}
.faq p{ color:#918686; font-style:italic; width:485px; }
.workshop {width:355px;}
.about li {list-style-type:none; color:#696969; line-height:25px; margin-left:0px}
.blog-container .press { width:355px; }
.blog-container .gallery {width:367px; }
.blog-container .shop {width:367px; }
.contact table.webform td { line-height: 24px; padding: 3px 6px; }
.contact table.webform .cat_button { color:#10b9ce; border:1px solid #00b5cc; background:#fff; }

#content .shop {width:360px;}
#content .designers li {list-style-type:none; color:#696969; line-height:25px; margin-left:0px}

#content .contact { width:399px;}
#content .contact form{ width:399px; padding:0px!important; margin:0px!important;}
img.divider {margin:25px 0px;}

/* clearfix -- forces an element to self-clear its kids */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
