/*
Theme Name: Default
Description: The default WordPress adapted for harrietwilde.com.
This theme is based on the original design and build by Michael Heilemann, and adapted by David Flindall
*/

/* RESET
----------------------------------------*/
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size:100%;text-align: left;vertical-align: baseline;}
a img {border:none;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }

/* LAYOUT
----------------------------------------*/
body { font-family: georgia,serif;background: #000;color: #9b9b9b; text-align:center;	}
#wrap {margin:20px auto;width:960px;	}
#header {	height: 107px; width: 960px; margin:0; padding:0;}
#content {	margin: 10px 0; padding: 15px 0;text-align:left;}
#content-left {float:left;width:450px;}
#content-right {float:right;width:450px;}
#footer {padding: 0;margin: 10px auto;width: 960px;clear: both;}
#footer .detail {text-align:center;}
div { position:relative;}

/*main navigation*/
.navcontainer {/*clear:both;  width:100%; overflow:hidden;*/ margin-bottom:10px;  }
ul#nav {margin: 15px 0 30px 5px;font-size:0.9em;text-transform:capitalize; /*float:right;*/ position:relative; left: 20px; top: 30px;}
#nav li {display: inline;list-style-type: none;margin-right: 20px; font-size:1.1em;}
#nav li a:link, #nav li a:visited {color: #ddd; text-decoration:none;}
#nav li a:hover, #nav li a:active {text-decoration: none; color: #7F763B;}
/*on states*/  
#nav .current_page_parent li:a, #nav .current_page_item li:a { color:#7F763B; }

/*news*/
.news-post {background-color: #0d0d0d;padding: 10px;margin-bottom: 15px;}
.news-post img { float:right; margin:5px 5px 5px 10px; border: 1px solid #666;	}

/* TYPOGRAPHY
----------------------------------------*/
#header h1 { margin:0; float:left; display: block; width:250px; height:107px; text-indent: -9999px; background: transparent url('images/harriet-wilde.gif') no-repeat 0 0;}
#header h1 a { display: block; width: 100%; height: 100%; outline: none; } 
#content p {line-height: 1.3em; margin:5px 0 20px 0; font-size: 0.8em;}
#content h2 {font-size: 1.1em; letter-spacing: -0.2pt; font-weight: bold; color:#ddd; margin: 0 0 15px 0; }
#content h3 {font-size: 0.95em; color:#ddd; letter-spacing: -0.1pt}
#content h4 {font-size: 0.7em; color:#7F763B; margin:0; padding:0;}
#shop-description h4, #content .shop-display h4 { color:#ddd;}
#content ul {line-height: 1.5em; margin:10px 0 10px 0; font-size: 0.8em;}
#content ul {margin:0 0 0 15px; padding:0;}
#footer p, #footer ul {	margin: 0;	padding: 10px 0;text-align: left;color:#ddd; font-size: 0.8em;}
#footer li { line-height:0.8em; font-size:0.9em;}
#content #shop-description {color: #ddd;}
#content #shop-description h2 { margin:0; padding:0;}
#content #shop-description h3 {font-size: 0.9em; margin:0; padding:0; font-weight:bold; }
#content #shop-description h4 {font-size: 1em; margin:0 0 15px 0; }
.alt-clr { color: #7F763B;}

/* LINKS
----------------------------------------*/
#content a:link, #content a:visited { color: #9b9b9b; text-decoration:underline;}
#content a:hover, #content a:active { color: #ddd; text-decoration:none;}
#footer a:link, #footer a:visited { color: #ddd; text-decoration:none;}
#footer a:hover, #footer a:active { color: #9b9b9b; text-decoration:underline;}
#content .shop-display a:link,#content .shop-display a:visited { color: #ddd; text-decoration:none;}
#content .shop-display a:hover, #content .shop-display a:active { color: #9b9b9b; text-decoration:underline;}

/* IMAGES
----------------------------------------*/
#content-right img { /*position:absolute; top: -60px; left:30px;*/}

/* TEMPLATES - shop
----------------------------------------*/
/*list page (category-6.php)*/
#content .shop-display { float:left; width: 200px; padding: 10px; margin:0 15px 20px 0; height:175px; overflow:hidden;}

/*detail page (single-shop.php)*/
#shop-thumbs{float: left;	width: 170px;}		
#shop-pay-info{float: right;width: 220px;margin: 0;padding: 0 10px 0 0; }		
#shop-description{margin-left: 190px;margin-right: 260px; }
#shop-pay-info td, #shop-pay-info select, #shop-pay-info form { margin-bottom: 10px; }
#shop-thumbs img { margin-top: 20px;}

/* TEMPLATES - mailing list
----------------------------------------*/
#subscribe-wrapper { border:1px solid #1F1F1F; width:400px; padding:10px; }
#sub-form { width: 250px; position:relative; letter-spacing:normal; }
#sub-form fieldset { border: none; }
#sub-form, #sub-form fieldset, #sub-form legend { padding:0; margin:0;}
#sub-form li { list-style-type:none; margin-left: 5px;}
#sub-form label { font-size:12px; color:#fff; margin-bottom: 5px; }
#sub-form input { border:none; background-color: #262626; padding: 4px; font-size:12px; color:#fff;}
.submit input, .button {width: 130px;height: 30px;padding: 1px;color: #999;font-weight:bold;font-size:11px;text-transform:uppercase;margin: 15px 0 0 0;border: 0;background-color: #262626;overflow: hidden;cursor: pointer; cursor: hand;}

/*TABLES*/
#sizes table {	border-collapse:collapse;	background:#eee; border-left:1px solid #666;	border-right:1px solid #666;	font:0.8em/145% 'Georgia',helvetica,arial,verdana;color: #333; margin: 20px 0 25px 0;}
#sizes td, #sizes th {padding:8px; text-align:left;}
/*links */
#sizes table a {color:#ddd;	text-decoration:none;}
#sizes table a:link {}
#sizes table a:visited {	font-weight:normal;	color:#ddd;text-decoration: none; }
#sizes table a:hover {	border-bottom: 1px dashed #9b9b9b;}
/*head foot */
#sizes thead th, #sizes tfoot th, #sizes tfoot td {	background:#333; color:#fff; }
#sizes tfoot td {text-align:right}
/* body */
#sizes tbody th, #sizes tbody td {	border-bottom: dotted 1px #333;}
#sizes tbody th {	white-space: nowrap;}
#sizes tbody th a {	color:#333;}
#sizes .odd { }
#sizes tbody tr:hover {	background:#666;}

/* BITS
----------------------------------------*/
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0; width:100%; }
.postmetadata {	clear: both;}
.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
a img {border: none;}
li.facebook { padding:6px 5px 6px 20px; background: transparent url('images/facebook.gif') left center no-repeat; list-style-type: none;  font-size: 10px; margin-top:5px;}
li.rss { padding:6px 5px 6px 20px; background: transparent url('images/rss.png') left center no-repeat; list-style-type: none;  font-size: 10px; margin-top:5px;}


/* PAGENAVI
-------------------------------------------------------------- */
.wp-pagenavi  {text-align:left; margin: 15px 0 10px 0; }
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { text-decoration: none !important; font-size:15px !important;	border:none !important;background:transparent !important;color: #fff !important;}
.wp-pagenavi a:hover {background-color:#666 !important;color: #fff !important;border:none !important;}
.wp-pagenavi span.current { background: #000 !important; color: #fff !important; border:1px solid #666 !important;}






.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #666; color:#fff; border: 1px solid #ccc; padding: 10px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li {
	clear: both;
	float: left;
	margin-bottom: 18px;
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 70px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
}
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #666; border-color: #999; color:#fff; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #777;
	border: none;
	color: #fff;
	cursor: pointer;
	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }









h3.comments {padding: 0;margin: 40px auto 20px ;}
p img {padding: 0;	max-width: 100%;	}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left	}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
#sidebar ul, #sidebar ul ol {	margin: 0;	padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;}
/*#sidebar ul ul, #sidebar ul ol {	margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}*/
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;	margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;	}
#sidebar {padding: 2px 10px 2px 10px;background-color: #0d0d0d;border-right: 1px solid #666;}
#sidebar form {	margin: 0;	}