/*
THEME NAME: The HW Salon
THEME URI: http://michaelwender.com
DESCRIPTION: Custom theme based on the <a href="http://www.plaintxt.org/themes/sandbox/">WordPress Sandbox</a>.
VERSION: 1.0
AUTHOR: Michael Wender
AUTHOR URI: http://michaelwender.com
*/
@import url('css/reset.css');
@import url('css/fonts.css');
@import url('css/thickbox.css');
/* Layout */
body{background: #410C01 url('images/bkgrd.png') repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif;}
#wrapper{width: 858px; margin: 33px auto; background-color: #fff;}
#inner-wrapper{margin: 10px;}
div#container {float: left;	margin: 0 -270px 0 0; width: 100%;}
div#content {margin: 0 270px 0 0;}
div.sidebar {float: right; overflow: hidden; width: 250px;}
div#secondary	{clear: right;}
div#footer { text-align: center; clear: both; width: 100%; background: #714941 url('images/bkgrd.footer.png') repeat-x; height: 26px; line-height: 26px; border-top: 1px solid #420C01; color: #D0C2BF; font-size: 85%;}
div#footer a{color: #D0C2BF;}
div#header, div#access, div#footer{}
div#footer2{text-align: center;}

#blog-title{margin: 0; position: absolute; top: 22px;}
#blog-title a{display: block; width: 118px; height: 153px; text-indent: -9999px; background: transparent url('images/logo.png') no-repeat;}
#business-address{background: #714941 url('images/bkgrd.gradient.png') repeat-x; height: 26px; border-bottom: 1px solid #420C01; color: #D0C2BF; padding: 0 8px 0 0; text-align: right; font-size: 85%; line-height: 26px;}
#access{background: #714941 url('images/bkgrd.gradient.png') repeat-x; height: 26px; border-bottom: 1px solid #420C01;}
#salon-logos{height: 73px; background: #fff url('images/logos.salon.png') no-repeat right;}

/* Text */
h1,h2,h3,h4,h5{font-weight: bold; font-family: Georgia, 'Times Roman', serif;}
h1,h2,h3,h4,h5{margin: .25em 0 .75em 0;}
h1{font-size: 182%;}
h2{font-size: 167%;}
h3{font-size: 153.9%;}
h4{font-size: 123.1%;}
h5{font-size: 93%;}
h6{font-size: 85%;}
p,li{line-height: 1.75em;}
p{margin: 1em 0;}
ul,ol{margin: .25em 1em .75em 2em;}
a{color: #0D7A26; text-decoration: none;}
a:hover, a:active{text-decoration: underline;}

/* Menu */
div#menu{height: 26px; position: relative; margin-left: 120px;}
div#menu ul{margin: 0; border-right: 1px solid #765A4C;}
div#menu li{list-style-type: none; display: block; float: left;}
div#menu li a{display: block; text-decoration: none; height: 26px; padding: 0 8px; line-height: 26px; color: #F3F1F0; border-left: 1px solid #A08580; border-right: 1px solid #420C01;}
div#menu li a:hover,div#menu li a:active, div#menu .current_page_item, div#menu .current_page_parent,div#menu ul li:hover ul li a:hover{background-color: #714941;}
div#menu li ul{display: none;}

/* Posts */
.entry-title{clear:both; margin-bottom: .25em; border-bottom: 1px solid #420C01;}
.entry-date, .entry-meta, .comment-meta{font-size: 85%; color: #9D9D9D;}
.entry-meta{border-top: 1px dotted #420C01; padding: .5em 0 0 0; margin-bottom: 2em;}
.post, .comments, .formcontainer, #respond{width: 510px; margin: 0 auto;}
div#container,div.sidebar{margin-top:0;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:2em;}
div#nav-below{margin: 0 0 2em 0;}
.alignleft,div.nav-previous{float: left;}
div.nav-previous{margin-left: 1em;}
.alignright,div.nav-next{float: right;}
div.nav-next{margin-right: 1em;}
.alignright{margin: .25em 0 .25em 1em;}
.alignleft{margin: .25em 1em .25em 0;}

.comments h3, #respond h3{clear: both; border-bottom: 1px solid #420C01;}
.comment-author{font-weight: bold; background: transparent url('images/dotted_line.png') repeat-x bottom; padding-bottom: .1em;}
.comments li{padding: .25em .5em;}
.comments .alt{background-color: #F3F0EF;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 1.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

/* Sidebar */
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:180px;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 0;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
div.sidebar label.screen-reader-text{display: block}
div.sidebar #s{width: 150px!important}

ul#staff{list-style-type: none; margin: 0;}
#staff li{background: transparent url('images/dotted_line.png') repeat-x bottom; min-height: 64px; padding-top: .75em; clear: left;}
#staff li img{float: left; margin: .25em .5em .25em 0; clear: left;}
#staff a img{border: 2px solid #AE9389;}
#staff a img:hover{border-color: #5E2813;}
#staff li a{font-size: 123.1%; font-weight: bold;}
#staff .credentials{}

.widget_recent_comments li{background: transparent url('images/icon.comment.png') no-repeat 0 8px; padding: .5em 0 .25em 20px!important; font-size: 85%; border-bottom: 1px dotted #420C01;}
.widget_recent_comments li a{font-weight: bold;}

.widget_categories a{display: block; padding: .25em .5em; margin-bottom: .25em; border: 1px solid #420C01; border-left-color: #D0C2BF; border-top-color: #D0C2BF;}
.widget_categories a:hover{text-decoration: none; background-color: #A08580; color: #420C01; border: 1px solid #D0C2BF; border-left-color: #420C01; border-top-color: #420C01;}

.widget_recent_entries li{border-bottom: 1px dotted #420C01; padding: .5em 0!important;}

/* Search and Comment Forms */
#comments{margin: 0 0 1em 0;}
.form-label{font-weight: bold;}
#s, .form-textarea textarea, textarea, .newsletterTextInput {
	background: #fff url('images/bkgrd.form_text.png') repeat-x!important;
	width: 200px;
	color: #361A0C;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 6px;
	margin: 0px;
	border: 1px solid #D0C2BF;	
	border-top: 1px solid #420C01;
	border-left: 1px solid #420C01;
	display: inline;
}
.submit input, .submit input:focus, .button, .button:focus, .form-submit input, .form-submit input:focus, #searchsubmit, .newsletterContainer .submit, #email-subscribe {
	background: url('images/bkgrd.form_button.png');
	border: 3px double #420C01;
	border-left-color: #D0C2BF;
	border-top-color: #D0C2BF;
	color: #000;
	padding: 0.25em;
	font-weight: bold;
}

.submit input:active, .button:active, .form-submit input:active, #searchsubmit:active, .newsletterContainer .submit, #email-subscribe {
	background: #E6F1E8;
	border: 3px double #D0C2BF;
	border-left-color: #420C01;
	border-top-color: #420C01;
}

/* Misc */
#mission-statement{clear: both; padding-top: 1em;}
.flickr-photo { border: solid 1px #420C01;}
.flickr-yourcomment { }
.flickr-frame { text-align: left; padding: 0; clear: both; margin-top: 1em;}
.flickr-caption { font-size: 85%; color: #9D9D9D; margin-top: 0px; }