/*
Theme Name: Eden
Theme URI: http://www.edensalonanddayspa.com/wordpress/
Description: Eden Salon & Day Spa
Version: 1.0
Author: Matt Fields
Datum: April 8, 2010
*/

a:link {text-decoration: none; color: rgb(238, 26, 49);}
a:visited {text-decoration: none; color: rgb(238, 26, 49);}
a:hover {text-decoration: none; color: rgb(0, 26, 121);}
a:active {text-decoration: none;}

a:link.nav {text-decoration: none; color: white;}
a:visited.nav {text-decoration: none; color: white;}
a:hover.nav {text-decoration: none; color: rgb(238, 26, 49);}
a:active.nav {text-decoration: none;}

/*a:link.nav2 {text-decoration: none; color: rgb(255, 250, 65);}
a:visited.nav2 {text-decoration: none; color: rgb(255, 250, 65);}
a:hover.nav2 {text-decoration: none; color: rgb(0, 26, 121);}
a:active.nav2 {text-decoration: none;}*/

/*a:link.print {text-decoration: none; color: rgb(238, 26, 49);}
a:visited.print {text-decoration: none; color: rgb(238, 26, 49);}
a:hover.print {text-decoration: none; color: rgb(0, 26, 121);}
a:active.print {text-decoration: none;}*/

.back_sched {display: none;}

p { 
  font-family: "Verdana","Tahoma", serif;
  font-weight: 400;
  font-size: 1.2em;
}

p.service span {
  margin-left: 10px;
  font-weight: 600;
}

p.hours {
  font-family: Georgia, "Times New Roman";
  text-align: center;
  font-weight: 600;
  color: #95080a;
}


h1, h2 {padding: 0; margin: 0;}

h1 {
  font-family: Papyrus, "Comic Sans MS";
  color: #f3dfd5;
}

h1.head {
  font-size: 2.8em;
  margin-top: 15px;
  margin-left: 40px;
  color: #8c0000;
}

h1.head span {
  font-size: 55%; 
  color: #534e29; 
  float: right; 
  margin-right: 40px;
}

h2 {
  font-family: Papyrus, "Comic Sans MS";
}

h2.relax {
  font-size: 1.1em;  
  color: #004b1e;
  margin-top: 50px;
  margin-left: 40px;
}

h2.relax span {
  font-family: "Times New Roman", serif;
  color: #95080a;
  font-size: 1.5em;
}

h2.relax a {
  text-decoration: none;
  /*color: #928a5e;*/
  color: #837c57;
  }

h2.address {
  font-family: Georgia, "Times New Roman";
  font-size: 1.2em;
  color: #534e29;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}

h2.address span {
  font-family: "Times New Roman";
  color: #95080a;
  font-size: 1.6em;
  text-align: center;
}

h3 {
  color: #534e29;
  font-family: Papyrus, "Comic Sans MS";
}

.rbcontent h3 {
  font-size: 2.0em;
}

.rbcontent h4 {
  font-size: 1.5em;
  font-family: Georgia, "Times New Roman";
  color: #95080a;
}

li.menutitle   {
  font-size: .9em;
  font-family: Georgia, "Times New Roman";
  color: #95080a;
  width: 150px;
  margin-right, margin-left: auto;
}

/* Begin Images */

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;
	}

.post img {
       margin: 0 0 2px 7px;
       display: inline;
       }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* End Images */


img.ctr {margin-right: 10px;margin-left: 10px;margin-top: 10px;}

img.aligncenter {margin: 0px auto; display: block;}

.wp-caption-text {
text-align: center;
font-size: 1em;
}

/* End Images &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


/* mac hide\*/html, body {height:100%}/* end hide */


body {
  font-size: 62.5%; /* Resets 1em to 10px */ 
  padding:0;
  margin:0;
  text-align:center;
  min-width:960px;/* for mozilla*/	  
  /*background-color: #bfc492;*/
  background-color: #b0b87c;
  background-image:url(images/body_bg.jpg);
  background-repeat: repeat-x;
  background-attachment: fixed;   
}

#outer{
  min-height: 100%; /* for footer at bottom */
  height: auto !important; /* for footer at bottom */
  height: 100%;
  margin: 0 auto -50px; /* for footer at bottom, maybe for older browsers. mf */
  padding:0;
  width:958px; 
  text-align:left;
  background-color: #b0b87c;
  background-image:url(images/border4.jpg);
  background-repeat: repeat-y;
  background-position: -30px -30px;
  position:relative;
  border: 1px solid #837c57;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header{
  width: 498px;
  margin: 0 auto 0;
  height:170px;
  overflow:hidden;
  font-family: "Arial", serif;
  text-align: left;
  background-image:url(images/header_bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}
* html #header {/*only ie gets this style*/\left:0px;le\ft:0px;}

#header h1 a {
  text-decoration: none;
  color: #8c0000;
  }

#centercontent {
  width:498px;
  margin: 0 auto -50px;
  padding: 0;
  float:left;
  background: transparent;
  /*background-color: #b0b87c;*/
}

#centercontent p {
  padding-left:10px;
  padding-right:10px;
  line-height:1.5em;
  /*color:rgb(0, 26, 121);*/
  color: #534e29;
}

#centercontent ul {
  font-size: 1.2em; 
  /*color: rgb(0, 26, 121);*/
  color: gray4; 
  font-family:"Verdana","Tahoma", serif;
  line-height:18px;
  margin-right: 10px;
  margin-top: 0px;
}

#centercontent ul ul {
  font-size: 1em;
  list-style: disc;
  }

.centertext {
  border-left: 2px solid #bfc492; 
  border-top: 1px solid #bfc492;
  background-color: #bfc492;
}
 

#left {
  position:relative;/*ie needs this to show float*/
  width:220px;
  float:left;
  font-family:"Verdana","Tahoma", serif;
  margin-bottom:50px;/* needed to make room for footer */
  padding-top: 15px;
}


#right {
  position:relative;/*ie needs this to show float */
  width:234px;
  float:right;
  font-family:"Verdana","Tahoma", serif;
  color:white; 
  margin-bottom:50px;/* needed to make room for footer */
  padding-right, padding-left: 5px;
}

#right h2 a {
  text-decoration: none;
  color: #534e29;
  }
.location {
  width: 178px;
  color: #534e29;
  margin: 20px auto 0;
  padding: 10px;
  /*border: 2px solid #d9a606;*/
}

#footer {
  position: absolute;
  bottom: 0;
  width:958px;
  margin: 0 auto 0;
  height:50px;
  background:url(/images/background5.jpg) repeat-y top right;
  text-align:center;
}
* html #footer {/*only ie gets this style*/\height:52px;/* for ie5 */he\ight:50px;/* for ie6 */}

#footer p { 
}

.footertext {
  font-size: 1em;
  color: #837c57; 
}

#clearfooter {
  height:50px;
  width: 960px; /* to make sure columns clear footer */
} /* to clear footer, for footer at bottom */

#footer hr {width: 50%; text-align: center;}

#footer a {
  color: #837c57;
  text-decoration: none;
  }
  
#footer a:hover {
  color: #8c0000;
  text-decoration: none;
  }

div,p  {margin-top:0}/*clear top margin for mozilla*/

/* BOF Suckerfish Vert. Fly-Out
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#nav, #nav ul { /* all lists */
        font-family: "Verdana","Tahoma", serif;
        font-size: 1em;
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 210px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height: 3em;
		margin-bottom : -1px;
		width: 210px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 211px;
		/*margin-top : -1.35em;*/
		margin-top: -2.8em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 210px;
		w\idth : 200px;
		display : block;
		color : #ffffff;
		font-weight : bold;
		text-decoration : none;
		/*background-color : #6075b8;*/
		background-color: rgb(106, 172, 218);
		border : 1px solid #333366;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		text-decoration: underline;
		background-color : #333366;
	}
	
	li:hover{visibility:visible} /* This fixes the stuck flyouts in ie7, courtesy of Paul O'Brien at sitepoint.com/forums/showthread.php?t=543538 */
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

/*EOF Suckerfish Vert. Fly-Out
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#navlite ul, .navlite2 ul {
  font-family: Papyrus, "Comic Sans MS";
  font-size: 1.6em;
  font-weight: 600;
  list-style-type: none;
  width: 200px; 
}

#navlite ul li, .navlite2 ul li {
  margin-bottom: 5px;
}

#navlite a, .navlite2 a {
  /*color: #0a3675;*/
  color: #f3dfd5;
}

#navlite a:hover, .navlite2 a:hover {
  color: #95080a;
}

/*BOF Round Corners :::: from www.neuroticweb.com/recursos/css-rounded-box/
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* set millions of background images ::One */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; margin-bottom: 50px; }

/* set millions of background images ::Two */
.rbroundbox2 { background: url(images/nt2.gif) repeat; }
.rbtop2 div { background: url(images/tl2.gif) no-repeat top left; }
.rbtop2 { background: url(images/tr2.gif) no-repeat top right; }
.rbbot2 div { background: url(images/bl2.gif) no-repeat bottom left; }
.rbbot2 { background: url(images/br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 100%; margin: 1em auto; }

/*EOF Round Corners
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

.clear {
  clear: both;
  }

/* for right column widget */
ul.rightwidget {
list-style-type: none;
color: #534e29;
}

h4.widgettitle {
font-size: 1.2em;
}