/*
Theme Name: Happy Seamstress

Description: My website theme
Author: Joanna Rankin

*/


/*******************************************************************************************
		RESET DEFAULT STYLES
*******************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
a img { border: none; }
ol, ul { list-style: none; }
input,textarea { margin: 0; }

/* Highlight and Strike-through */
ins { text-decoration: none; font-weight: bold; }
del { text-decoration: line-through; }



/*******************************************************************************************
		FONT-FACE
*******************************************************************************************/

@font-face {
	font-family: 'Quicksand';
	src: url('Quicksand_Book.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Quicksand Light';
	src: local('Quicksand Light'),
	     local('Quicksand-Light'),
	     url('Quicksand_Light.otf') format('opentype');
}

@font-face {
	font-family: 'Quicksand Light';
	src: local('Quicksand Light Oblique'),
	     local('Quicksand-LightOblique'),
	     url('Quicksand_Light_Oblique.otf') format('opentype');
	font-style: italic;
}

@font-face {
	font-family: 'Quicksand';
	src: local('Quicksand Book'),
	     local('Quicksand-Book'),
	     url('Quicksand_Book.otf') format('opentype');
}

@font-face {
	font-family: 'Quicksand';
	src: local('Quicksand Book Oblique'),
	     local('Quicksand-BookOblique'),
	     url('Quicksand_Book_Oblique.otf') format('opentype');
	font-style: italic;
}

@font-face {
	font-family: 'Quicksand';
	src: local('Quicksand Bold'),
	     local('Quicksand-Bold'),
	     url('Quicksand_Bold.otf') format('opentype');
	font-weight: bold;
}

@font-face {
	font-family: 'Quicksand';
	src: local('Quicksand Bold Oblique'),
	     local('Quicksand-BoldOblique'),
	     url('Quicksand_Bold_Oblique.otf') format('opentype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Quicksand Dash';
	src: local('Quicksand Dash'),
	     local('Quicksand-Dash'),
	     url('Quicksand_Dash.otf') format('opentype');
}



/*******************************************************************************************
	GLOBAL STYLES
*******************************************************************************************/

body {
	color: #534741;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	line-height: 24px;
	background: #e2e2e2 url(images/header_bg.jpg) top repeat-x;
	
}

a {
	text-decoration: none;
	padding-bottom: 2px;
	color: #FF7E00;
}

a:hover {
	color: #9cc;
}


input[type=text], input[type=textarea] {
	font-family: 'Quicksand', sans-serif;
	color: #534741;
	font-size: 15px;
	border: 1px solid #898989;
	padding: 4px;
}

p {
	margin-top: 8px;
	margin-bottom: 8px;
}


h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
	margin-bottom: 12px;
}

h2 a, h3 a {
	border-bottom: none;
}

h2 a:hover {
	border-bottom: 1px dashed;
}

h3 {
	font-size: 18px;
	margin-bottom: 6px;
	margin-top: 18px;
}

h4 {
	font-size: 16px;
}

p a {
	color: #534741;
}

a img {
	border-bottom: none;
}

.nospace {
	margin-bottom: -8px;
}

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

div#page {
	width: 1034px;
	margin: 0 auto;
	padding: 0 24px 0 24px;
	
}

div#header {
	width: 100%;
	clear: both;
	float: none;
	height: 300px;
	overflow: hidden;
	position: relative;
}

div#sidebar {
	float: left;
	width: 210px;
}

div#content {
	width: 796px;
	float: left;
	margin-left: 28px;
	padding-top: 8px;
}

div#footer {
	clear: both;
	width: 100%;
	margin-top: 36px;
	float: left;
}

/*******************************************************************************************
	HEADER
*******************************************************************************************/

div#slogan {
	width: 360px;
	float: left;
	margin-left: 400px;
	color: #9cc;
	font-size: 24px;
	color: #fff;
}

div#viewCart {
	display: none;
	width: 245px;
	height: 47px;
	background: url(images/view_cart_tab.jpg) no-repeat;
	float: right;
	position: absolute;
	left: 709px;
}

div#viewCart a {
	color: #898989;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	border-bottom: none;
}

div#viewCartLinks {
	position: relative;
	top: 12px;
	left: 18px;
	height: 23px;
}

div#viewCartLinks a {
	position: relative;
	top: 4px;
}

div#viewCartLinks a:hover {
	color: #FF7E00;
}

div#cartLink {
	width: 80px;
	background: url(images/cart_icon.jpg) left no-repeat;
	background-position: 0 -24px;
	padding-left: 30px;
	float: left;
	padding-top: 4px;
	height: 18px;
	margin-right: 6px;
}

div#cartLink:hover {
	background: url(images/cart_icon.jpg) left no-repeat;
	background-position: 0 0;
	cursor: pointer;
}


img#logo {
	position: relative;
	top: 44px;
}

/*******************************************************************************************
	MENU
*******************************************************************************************/

ul#menu {
	float: left;
	clear: both;
	margin-top: 60px;
}

ul#menu li {
	float: left;
	padding: 8px 12px 8px 18px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin-right: 24px;
	position: relative;
}

ul#menu li {
	color: #ccc;
	
}

/*
li.current_tab {
	background: url(images/tab_right.jpg) no-repeat;
	background-position: 100% 4px;
}

li.current_tab div.menu_bg_left {
	background: url(images/tab_left.jpg) no-repeat;
	width: 12px;
	height: 39px;
	position: absolute;
	top: 4px;
	left: 6px;
}
*/



ul#menu li a {
	color: #aaa;
	border-bottom: none;
	padding-top: 10px;
	padding-bottom: 18px;
	position: relative;
	top: 2px;
	
}

ul#menu li a:hover {
	color: #ff7e00;
}

li.current_tab a{
	/*background: url(images/tab_middle.jpg) repeat-x;*/
	color: #ff7e00;
}

/******* search form **********/

input#s {
	/*
	border: none;
	width: 204px;
	height: 24px;
	
	background: none;
	position: relative;
	top: 6px;
	left: 10px;
	*/
}

input#searchsubmit {
	margin-top: 6px;
}

form#searchform {
	/*background: url(images/search_box.jpg) no-repeat center;*/
	/*
	width: 253px;
	height: 36px;
	float: right;
	*/

	/* left: 248px;   uncomment when view cart comes back */
	
}

div.soon_text {
	width: 93px;
	height: 34px;
	background: url(images/coming_soon.png) no-repeat;
	float: left;
	margin-right: -93px;
	z-index: 1;
	position: relative;
	left: -18px;
	top: -22px;
}

/*******************************************************************************************
	SIDEBAR
*******************************************************************************************/

div#sidebar a {
	border-bottom: none;
	color: #746A5D;
}

div#sidebar a:hover {
	color: #ff7e00;
}

div.widget {
	margin-bottom: 32px;
}

div#sidebar p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 8px;
}

h3.widgetTitle {
	margin-bottom: 4px;
}

div#sidebar input[type=text]{
	width: 116px;
	margin-bottom: 4px;
}

/* newsletter widget */
div.wpmlwidget {
	font-family: "Quicksand";
}

div.wpmlwidget label {
	font-size: 14px;
	margin-bottom: -4px;
}

div.wpmlwidget input[type=text] {
	padding: 4px;
	font-size: 12px;
}

p.wpmlaknowledgement {
	background: #fff;
	padding: 8px;
	border: 1px dashed;
}

div#sidebar input#email {
	width: 188px;
}

/* recent posts widget */
div.widget_recent_entries li {
	line-height: 20px;
	margin-bottom: 6px;
}

/** shopp categories widget **/

ul.shopp_categories{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

ul.shopp_categories li ul {
	margin-left: 18px;
	font-size: 14px;
	font-weight: normal;
}

ul.shopp_categories li.current a, ul.shopp_categories li a.current {
	color: #ff7e00;
}



/*******************************************************************************************
	BLOG
*******************************************************************************************/

/**** index/excerpts **/

div.post_excerpt {
	background: #fff;
	padding: 18px;
	float: left;
	clear: both;
	width: 686px;
}

div.post_excerpt a {
	color: #ee7f00;
}

div.post_excerpt a:hover {
	border-bottom: 1px dashed;
}

div.post_item {
	margin-bottom: 18px;
}

h2.excerpt_title a {
	color: #ff7e00;
}

div.post_thumb {
	width: 184px;
	height: 184px;
	overflow: hidden;
	border: 2px solid #fff;
	float: left;
	margin-right: 18px;
	position: relative;
}

div.post_thumb img {
	width: 184px;
}
	

div.post_thumb:hover {
	border: 2px solid #ff7e00;
}

div.post_excerpt_meta {
	float: left;
	width: 722px;
	color: #746A5D;
	font-weight: bold;
	text-transform: lowercase;
	margin-top: 8px;
}


h4.related_post_title {
	margin-bottom: 12px;
	font-size: 20px;
}

ul.related_post li a {
	border-bottom: none;
	font-weight: bold;
	font-size: 16px;
}

ul.related_post li {
	float: left;
	width: 206px;
	margin-right: 8px;
	padding: 12px;
	border: 1px dashed #999;
}

ul.related_post li:last-child {
	margin-right: 0;
}

img.related_thumb {
	float: left;
	margin-right: 12px;
}



div.post_excerpt_meta a {
	color: #746A5D;
}

div.post_excerpt_meta a:hover {
	color: #ff7e00;
}

div.post_excerpt_meta li {
	float: left;
	margin-left: 12px;
}



div.meta_item {
	float: left;
	margin-right: 24px;
	margin-top: 6px;
}

div.social_icon {
	width: 26px;
	height: 26px;
	position: relative;
	top: -4px;
}

div.digg_icon {
	background: url(images/social_digg.png) no-repeat;
	background-position: 0 0;
	
}

div.digg_icon:hover {
	background: url(images/social_digg.png) no-repeat;
	background-position: 0 -26px;
}

div.facebook_icon {
	background: url(images/social_facebook.png) no-repeat;
	background-position: 0 0;
}

div.facebook_icon:hover {
	background: url(images/social_facebook.png) no-repeat;
	background-position: 0 -26px;
}

div.delicious_icon {
	background: url(images/social_delicious.png) no-repeat;
	background-position: 0 0;
}

div.delicious_icon:hover {
	background: url(images/social_delicious.png) no-repeat;
	background-position: 0 -26px;
}

div.stumble_icon {
	background: url(images/social_stumble.png) no-repeat;
	background-position: 0 0;
}

div.stumble_icon:hover {
	background: url(images/social_stumble.png) no-repeat;
	background-position: 0 -26px;
}


div.share {
	float: right;
	margin-right: 0;
}

div.post_spacer {
	height: 84px;
	float: left;
}

div.excerpt_text a span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #746A5D;
	padding-left: 18px;
}

div.excerpt_text a span:hover {
	color: #ff7e00;
}

div.excerpt_text a {
	border-bottom: none;
}

h4.excerpt_date {
	text-transform: lowercase;
	margin-bottom: 12px;
	color: #9cc;
}

h4.comments_link {
	text-transform: lowercase;
}

h4.comments_link a {
	color: #9cc;
}

h4.comments_link a:hover {
	color: #ff7e00;
}



h4.image_title {
	margin-top: 18px;
}

div.entry img {
	margin-bottom: 18px;
}


/*** single post ***/

div.post{
	background: #fff;
	padding: 18px;
	margin-bottom: 24px;
}

div.post_meta {
	width: 100%;
	margin-bottom: 48px;
	float: left;
	line-height: 16px;
}

div.meta_col {
	width: 330px;
	float: left;
	margin-right: 18px;
}

div.meta_left {
	padding-right: 18px;
}

div.meta_right {
	margin-right: 0;
}

div.post_list li {
	list-style: none;
}

div.post_meta .share {
	float: right;
	margin-top: 16px;
}

div.post_meta {
	color: #746A5D;
	text-transform: lowercase;
	line-height: 24px;
}

div.post_meta .share li {
	float: left;
	margin-right: 12px;
}



div.post_meta div {
	margin-bottom: 8px;
}

div.post_meta a {
	color: #746A5D;
	border-bottom: 1px dashed #746A5D;
}

div.post_meta a:hover {
	color: #ff7e00;
}

div.entry ul li {
	list-style-image: url(images/bullet.jpg);
	margin-left: 24px;
}



div.entry ul, div.entry ol {
	margin-top: 9px;
	margin-bottom: 18px;
}

div.entry ul ul li {
	list-style: disc;
	margin-left: 48px;
	margin-top: -6px;
	margin-bottom: 8px;
}

div.post h2 {
	color: #ff7e00;
}

div.post_meta li {
	margin-bottom: 4px;
}

div.entry ul.checklist li {
	
	list-style-image: url(images/checkbox.jpg); !important
}

div.entry a {
	color: #ff7e00;
}

div.entry a:hover {
	color: #9cc;
}

img.alignleft {
	float: left;
	margin-right: 18px;
}

span.stepnum {
	color: #ff7e00;
	padding-right: 12px;
}


div.step {
	float: none;
	margin-bottom: 18px;
	border-top: 1px dashed #9cc;
	width: 686px;
	min-height: 160px;
}

div.example {
	padding: 8px;
	border: 1px solid #9cc;

}

div.step-images {
	width: 140px;
}

div.steptext {
	width: 528px;
	margin-left: 158px;
}

img.step-img {
	position: relative;
	top: 20px;
}


img.tip-img {
	margin-top: 8px;
}

div.tip {
	float: left;
	width: 660px;
	clear: both;
}

div.tip h4,
div.tip h3{
	color: #9cc;
	margin-top: 0;
}

div.tip h3 a {
	color: #9cc;
}

div.tip h3 a:hover {
	color: #ff7e00;
}


div.tip a {
	color: #ff7e00;
}

div.tip a:hover {
	color: #9cc;
}

div.tip {
	font-weight: bold;
	border: 1px dashed #9cc;
	padding: 12px;
	margin-top: 18px;
	color: #746A5D;
}

div.tip h3 {
	color: #ff7e00;
}

div.tip ul.checklist li {
	margin-bottom: 6px;
	font-weight: normal;
}

div.tip small {
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
}

/*** comments **/
h2#comments {
	/*color: #746A5D;*/
	color: #ff7e00;
	float: left;
	width: 100%;
}


ol.commentlist {
	width: 100%;
	float: left;
}

ol.commentlist li {
	background: #fff;
	padding: 18px;
	margin-bottom: 36px;
	float: left;
	width: 686px;
}

div.comment_text {
	float: left;
	width: 596px;
}

div.avatar {
	float: left;
	margin-right: 18px;
}

ol.commentlist span {
	font-weight: bold;
}

span.comment_date {
	color: #9cc;
	margin-left: 18px;
}

span.comment_author,
span.moderation {
	color: #ff7e00;
}

span.comment_author a {
	color: #ff7e00;
}

span.comment_author a:hover {
	color: #9cc;
}

h3#respond {
	float: left;
	width: 100%;
}



span.leave_comment a {
	color: #ff7e00;
	margin-top: 18px;
}

span.leave_comment a:hover {
	color: #9cc;
}

form#commentform input[type=text] {
	width: 340px;
	margin-right: 12px;
	padding: 6px;
	font-size: 14px;
	color: #746A5D;
}

form#commentform textarea {
	font-family: "Quicksand", sans-serif;
	font-size: 14px;
	color: #746A5D;
	width: 100%;
	line-height: 20px;
	padding: 6px;
}

form#commentform p {
	margin-bottom: 12px;
}

div.navigation { /* next/previous posts */
	float: left;
	width: 100%;
	clear: both;
}

span.next-entries {
	float: right;
}

span.previous-entries {
	float: left;
}


/*** press page ***/



div.press-item h3 {
	margin-bottom: 2px;
}

span.press-date {
	font-weight: normal;
}

/*******************************************************************************************
	PAGES
*******************************************************************************************/


/*** Contact form ***/
form.wpcf7-form input[type=text] {
	width: 330px;
	margin-bottom: 12px;
}

span.captcha-489 input[type=text] {
	width: 234px;
}

img.wpcf7-captcha-captcha-489 {
	position: relative;
	top: 10px;
	overflow: visible;
}

div.wpcf7-response-output {
	margin-top: 18px;
	background: #9cc;
	padding: 12px;
	font-weight: bold;
}

div.wpcf7-display-none {
	display: none;
}

span.wpcf7-not-valid-tip-no-ajax {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding-left: 18px;
	background: #ff7e00;
	padding: 7px;
	margin-left: 8px;
}


/*******************************************************************************************
	SHOP
*******************************************************************************************/
li.row {
	position: relative;
	left: -10px;
}
div.category h2 {
	margin-top: -52px;
}

div#shopp_product_rightcol {
	float: left;
	margin-left: 24px;
	width: 374px;
}

div#shop_product.leftcol {
	float: left;
	width: 240px;
}

ul.products img {
	width: 216px;
	height: 216px;
	padding: 0;
	margin-bottom: -4px;
}

ul.products h4.name {
	text-align: left;
	font-size: 18px;
	line-height: 16px;
	margin-bottom: 4px;
	padding-top: 4px;
	
}

ul.products h4.name a {
	color: #746A5D;
}

ul.products h4.name a:hover {
	color: #666;
}


ul.products div.frame {
	margin-bottom: 12px;
}

ul.products p.price {
	font-size: 14px;
	color: #ff7e00;
	text-align: left;
	padding-top: 4px;
}

h2#price {
	color: #9cc;
}

h1#product-title {
	color: #ff7e00;
	margin-bottom: 18px;
}

ul.products a {
	border-bottom: none;
}

li.product img {
	border: 2px solid #e5e5e5;
}

li.product img:hover {
	border: 2px solid #746A5D;
}

/*
div.nobg {
	background: none;
}
*/
ul.views {
	position: relative;
	z-index: 500;
}

li.product img {
	margin-bottom: 4px;
}

p.headline {
	font-size: 16px;
	margin-bottom: 18px;
	color: #787878;
	font-weight: bold;
}

/*** Cart and checkout ***/

table.cart tr {
	padding: 14px 0 0 0;
	font-weight: bold;
	
}

table.cart th {
	font-size: 16px;
}

tr.row-break {
	border-top: 1px dashed #999;
	height: 12px;
}



div.dashedLine {
	width: 100%;
	height: 24px;
	margin-top: 24px;
	border-top: 1px dashed #999;
}

div.cart-thumb {
	float: left;
	margin-right: 12px;
}

div.cart-thumb img{
	width: 82px;
	height: 82px;
}

table#cart-totals {
	margin-top: 12px;
}


table.cart tr.item-row input {
	text-align: center;
}

div.remove-link {
	display: inline;
	margin-left: 8px;
}

div.links-bottom {
	margin-top: 18px;
}

div.links-top {
	margin-bottom: 18px;
}

a.right {
	float: right;
}

form#checkout div {
	margin-bottom: 24px;
}


form#checkout li label {
	font-size: 18px;
	margin-bottom: 12px;
	margin-top: 18px;
}

form#checkout div label {
	margin-top: 6px;
}

form#checkout span label {
	margin-top: 2px;
}

form#checkout div label, form#checkout span label {
	
	font-size: 14px;
}

input#firstname, input#lastname, input#phone, input#email {
	width: 300px;
}

input#lastname, input#email, label.label-shift {
	position: relative;
	left: 24px;
}

table#shopp_summary th {
	border-bottom: 1px dashed #999;
	margin-bottom: 8px;
}



table#summary-totals td {
	width: 100px;
}

table#summary-totals {
	float: right;
}
hr.dashed {
	border: 0;
	border-bottom: 1px dashed #999;
	margin-top: 8px;
	margin-bottom: 8px;
}


th.quantity-head {
	width: 50px;
}

td.summary-quantity {
	text-align: center;
}

form#checkout h3 {
	margin-bottom: 12px;
}

li#shipping-address-fields input, li#shipping-address-fields label {
	position: relative;
	top: -4px;
}

li#shipping-address-fields {
	position: relative;
	left: -6px;
}

/*** lightbox styles **/

div#TB_window {
	border: none;
}

div#TB_secondLine, div#TB_closeWindow, div#TB_caption {
	font-family: "Quicksand", sans-serif;
}

div#TB_overlay {
	/*background: url(images/photo_bg.png) repeat;*/
}

h3.original {
	color: #999;
}

h3.sale {
	color: #ff7e00;
}

p.savings {
	display: none;
}


span.original-price {
	color: #999;
	text-decoration: line-through;
	padding-right: 8px;
}

div.shopp_description {
	margin-bottom: 18px;
}

input.addtocart {
	margin-top: 6px;
	margin-bottom: 8px;
}

div.spec-item {
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #bbb;
}

div.spec-item:last-child {
	border-bottom: none;
}

h3#spec-head {
	margin-bottom: -4px;
}

div#product-specs span {
	color: #ff7e00;
	font-weight: bold;
	margin-right: 8px;
}

/*** shopp sidebar stuff **/

li.current-menu-item a, li.current-menu-item {
	color: #ff7e00;
	font-weight: bold;
}

/*******************************************************************************************
	FOOTER
*******************************************************************************************/

div#footer {
	font-size: 11px;
	padding-bottom: 18px;
	padding-top: 12px;
	border-top: 1px dashed #746A5D;
}

div.footerLinks {
	float: right;
}

div.footerLinks ul li {
	float: left;
	padding: 0 8px 0 8px;
	border-right: 1px solid #746A5D;
}

div.footerLinks ul li a {
	font-size: 11px;
	border-bottom: none;
	color: #746A5D;
	font-weight: bold;
	text-transform: uppercase;
}

div.footerLinks ul li a:hover {
	color: #ff7e00;
}

div.footerLinks ul li:last-child {
	padding-right: 0;
	border-right: none;
}

div#credits {
	float: left;
	color: #746A5D;
	font-weight: bold;
	text-transform: lowercase;
}

ol li {
	list-style: decimal;
	margin-left: 18px;
}


/******** photo gallery ***********/

div.gallery-link {
	float: none;
	height: 180px;
}

div.gallery-thumb {
	float: left;
}

div.gallery-thumb img {
	border: 2px solid #fff;
}

div.gallery-thumb img:hover {
	border: 2px solid #f90;
}

div.gallery-text {
	float: left;
	margin-left: 18px;
	width: 480px;
}


/******* CONTACT FORM ******/

div.formBuilderLabel {
	line-height: 18px;
}

textarea#fieldformBuilderFieldYour_Message {
	margin-bottom: 18px;
	margin-top: -8px;
}

h4.search-title {
	margin-bottom: 8px;
}


/**** Facebook and Twitter links ***/
#facebook {
	position: relative;
	top: -80px;
}