/*  
Theme Name: John Edward Salon
Theme URI: http://www.jesalon.com
Description: This is a customer theme for John Edward Salon
Version: 1.0
Author: Eric Amundson
Author URI: http://www.ivycat.com/
*/
*
/* ************* Remove default paddings from all elements *****************/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* ************* end Remove default paddings from all elements *****************/

/* *************force scrollbar (to eliminate 'jump in Safari)*****************/
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/* ************* end force scrollbar *****************/

/* force minimum content height for Internet Explorer */
/*\*/
* html #content {
	height: 400px;
}

/*end minimum content height*/

/* ************* body styles *****************/
body{
	font-family: Trebuchet, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #B7C3AD;
	line-height: 160%;
	color: #5E6E51;
	padding-bottom: 30px;
}

/* ************* end body styles*****************/

/* ************* paragraphs and headings *****************/
h1#toplogo{
	height: 114px;
	margin: 0;
	text-indent: -9999px;
	padding: 0!important;
	background-color: #FFFFFF;
	background-image: url(images/top-logo.gif);
	background-repeat: no-repeat;
}

#content h2 {
	margin-top: 10px;
	font-size: 1.6em;
	color: #7A8670;
}

#content h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.3em;
}

#content h3 em{
	font-weight: normal;
	font-size: .9em;
}

#content dl, #content ul, #content ol{
	margin-left: 25px;
	line-height: 140%;
	font-size: 1.1em;
}

p{
	font-size: 1.2em;
	margin: 12px 0 12px 0;
	line-height: 160%;
}
p.edit {clear:left; font-weight:bold;border:1px solid #B7C3AD;padding:2px 15px;background:#eee;text-align:right;}

#content .entry img {
	padding: 3px;
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #B7C3AD;
}

#content blockquote {
	font-style: italic;
}

#content blockquote.alt {
	background-color: #EEEEEE;
}

#content hr {
	color: #B7C3AD;
	background-color: #B7C3AD;
	height: 2px;
	border: #B7C3AD;
	margin: 20px 0;
	clear: both;
}
#content .flashholder {border-bottom:1px solid #B7C3AD;padding:0 0 10px 5px;}

/* ************* end paragraphs and headings *****************/

/* ************* main divisions *****************/
#topnavigation{
	width: 700px;
	text-align: right;
	color: #FFFFFF;
	margin: auto;
	padding-top: 21px;
	margin-bottom: 10px;
}

#wrapper{
	margin: auto;
	width: 753px;
	background-color: #FFFFFF;
	background-image: url(images/wrapper-bg.gif);
	background-repeat: repeat-y;
}

	
	
#menu{
	color: #B8C3AE;
	background-color: #47533D;
	background-image: url(images/menu-div-bg.jpg);
	padding-top: 200px;
	background-repeat: no-repeat;
	background-position: left top;
}

#header p {
	display: none;
}

#content{
	width: 430px;
	min-height: 400px;
	height: auto;
	float: left;
}

#content div.post{
	padding: 20px;
}


p.postmetadata{
	border-top: 1px solid #DDDDDD;
	margin: 10px 0 0 0;
	font-size: 95%;
	text-align: center;
}

.navigation{
	padding: 10px 20px;
	font-size: 140%;
	font-weight: bold;
	line-height: 18px;
}

/* ************* sidebar div *****************/

#sidebar{
	width: 270px;
	float: right;
	min-height: 400px;
	height: auto;
	padding-top: 35px;
}

#sidebar ul {
	list-style-type: none;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

#sidebar li {
	display: inline;
}

#sidebar h2 {
	padding: 10px 0 .2em 0;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
}

#sidebar ul li ul {
	margin: 0;
	padding: 0;
}

#sidebar li a{
	font-size: 110%;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#sidebar li h2{
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
}

#sidebar a:link, #sidebar a:visited {
	border-bottom: 1px solid #EEEEEE;
}

#sidebar a:hover, #sidebar a:active {
	border-bottom: 1px solid #B7C3AD;
}

#sidebar p {
	padding-right: 30px;
}

#sidebar strong {
	text-align: right;
	width: 9.5em;
	display: block;
	float: left;
	padding-right: .5em;
	margin-right: .5em;
	font-style: italic;
	border-right: 2px solid #B7C3AD;
}

/* ************* footer div *****************/

#footer {
	font-size: 1.1em;
	clear: both;
	padding: 10px 10px 10px 25px;
	background-color: #47533D;
	color: #E5EEDE;
	position: relative;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#footer p span.loginout{
	position: absolute;
	right: 10px;
}

/* ************* end main divs *****************/

/* ################# links (anchor tags) ###################*/
 a{
	color: #FF6600;
	text-decoration: underline;
}

	
	
h1#toplogo a{
	position: absolute;
	width: 324px;
	height: 37px;
	top: 47px;
	left: 168px;
}
		
	
/* ################# end links (anchor tags) ################### */

/* ################# menu styles ################### */
#menulist {
	padding: 10px 15px;
	height: 1%;
position:relative;
}

#menulist a {
	font-size: 1.2em!important;
	padding: 3px;
	padding-left: 0.2em;
	padding-right: 0.5em;
	color: #D7E4CB; /*	color:red;*/
	text-decoration: none;
}

#menulist a:hover {
	color: #FFFFFF;
}

#menulist li {
	padding-right: 1px;
	display: inline;
	font-size: 1.1em!important;
}
#menulist li.external {position:absolute; right:.5em;top:1em;font-weight:bold;}
/* ################# end menu styles ################### */

/* ################# contact styles (non-form) ################### */
div#post-8 h3 {
	margin-left: 40px;
}

div#post-8 div.entry p{
	margin: 6px 0 16px 40px;
	line-height: 160%;
}

div#post-8 div.entry p.phone{
	margin-left: 40px;
}

div#post-8 strong {
	text-align: right;
	width: 4em;
	display: block;
	float: left;
	padding-right: .5em;
	margin-right: .5em;
	font-style: italic;
	font-weight: bold;
	border-right: 1px solid #B7C3AD;
}

div#post-8 div.entry p.cf-sb{
	margin-left: 0px;
}

div#content div.entry p.linklove{
	display: none;
}

/* ################# Specials styles ################### */
div#content #post-6 li {
	list-style-type: none;
}
/* ################# Services styles ################### */
#content #post-4.post{
	padding-right: 10px;
}
#content p.service-image {float:right;width:160px;}
#content #post-4 .entry {position: relative;}
#content #post-4 h3 {clear:left; background:#D1D9CB; width:220px;padding:3px;margin-bottom:0;}
#content #post-4 .entry table.price-list {width:220px; clear:left; margin:0 0 20px 0; font-size:110%;}
#content #post-4 .entry table.price-list col.prices {width:50px;}
#content #post-4 .entry table.price-list col.services {width:150px;}
#content #post-4 .entry table.price-list td {border-top: 1px solid #B7C3AD;padding:1px 0;}
#content #post-4 .entry table.price-list th {border-bottom: 1px solid #A15E43; color:#A15E43;}
#content #post-4 .entry table tr.row1 td {border-top: 0;}
#content #post-4 .entry table.price-list td.service {font-weight:bold;}
#content #post-4 .entry table.price-list td.price {text-align:right;font-style:italic;font-size:95%;}
#content #post-4 .entry table.price-list td.notes {text-align:right; border-top:0;font-style:italic;font-size:95%;}
#content p.notice {border-bottom: 1px solid #A15E43;background:#F2E4DF;border-top: 1px solid #A15E43; color:#A15E43; text-align:center;font-size:110%;padding:3px 3px; font-weight:bold;}
ul#terms li{margin: 10px 0;}
/* ################# Products styles ################### */

#post-5 {
  	float: left;
}
#post-5 dl {
  	overflow: auto; /* self-clears floats within */
  	width: 370px;
  	margin: 20px 0;
  	padding: 10px 0;
border-bottom: 1px dotted #B7C3AD;
  	}
#post-5 dt {
  	float: right;
  	width: 190px;
  	margin: 0 0 5px 0;
  	padding: 0;
  	font-size: 120%;
font-weight:bold;
  	color: #627081;
  	}
#post-5 dd {
  	margin: 0 0 0 180px;
  	padding: 0;
  	line-height: 1.5em;
  	}
#post-5 dd p{
  	margin: 1em 0;
  	padding: 0;
  	line-height: 1.3em;
font-size:110%;
  	}
#post-5 dl dd.img {
   	margin: 0;
   	}
#post-5 dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}

/* reverse float */

#post-5 .alt dt {
  	float: left;
  	}
#post-5 .alt dd {
  	margin: 0 180px 0 0;
  	}
#post-5 .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}