/*
	Theme Name: TheBeauty
	Theme URL: http://www.cloverthemes.com
	Description: TheBeauty is a Widget-ready cms wordpress theme for beauty related websites.
	Author: CloverThemes
	Author URI: http://www.cloverthemes.com
	Version: 1.0
	Tags: two columns, fixed width, pink, cms, sidebar widgets, salon, spa, beauty
	Copyright: This is not a free wordpress theme, you can not resell it or give it away.
	All Rights Reserved.
*/

@charset "utf-8";

/*------global------*/

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;
	background: transparent;
}




body{margin:0;padding:0;font-family:Arial,sans-serif; font-size:12px;text-align:left; background:#FFDFEB url(images/bg.gif) repeat-x; color:#646464;} 
ul,ol,li,dl,dd{margin:0;padding:0;list-style:none} 
p,form,input{margin:0}
input,select,img { vertical-align:middle;}
div { overflow:hidden;}
img{border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px}
h6 { font-weight:normal;}
.clearfix:after{content:".";height:0;display:block;visibility:hidden;clear:both}
.clearfix{-height:1%;*min-height:1%}
table {border-collapse: collapse;border-spacing: 0;}
a{color:#575757;text-decoration:none;}
a:hover {color:#479AD8;text-decoration:none;}

/*------Header------*/

#wrap { background:#FFDFEB url(images/cloud.gif) no-repeat center top;}
#wrap_m { width:968px; margin:0 auto; background:url(images/mbg.gif) repeat-y center top;}
#wrap_l { width:964px; background:url(images/leftbg.gif) no-repeat left top; padding-left:4px;}
#wrap_r { width:960px; padding-right:4px; background:url(images/rightbg.gif) no-repeat right top;}
#header {width:960px; margin:0 auto; background:url(images/headerbg.gif) no-repeat; overflow:visible;}
#logo { width:200px; padding:10px 0 0 24px; float:left;font-family:Arial,sans-serif; font-size:38px;text-align:left; }
#tel { float:right; margin-top:40px;  line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:12px; color:#292627; padding-right:25px;}

 
/*------Navbar  ------*/

#navbar { width:930px; margin:0 auto; height:40px; background: url("images/navt.gif") repeat; clear:both; margin-top:5px; overflow:visible;}
#nav{ font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
#nav ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	#nav li{
		float:left;
		padding:0px;
		}
	#nav li a{
		background:#faeeef url("images/navt.gif") bottom center  repeat;
		color:#000;
		display:block;
		font-weight:normal;
		line-height:40px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
	#nav li a:hover{
			background: #2580a2 url("images/navbg.gif") bottom  repeat;
			color:#333;
			text-decoration:none;
			}
	#nav li ul{
		background:#FFe4ed;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		}
	#nav li:hover ul{
		display:block;
		
		}
	#nav li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
 	#nav li ul ul {
		background:#FFe4ed;
		display:block;
		float:none;
		color:#ccc;
		margin:-35px 0px 0px 225px;
		padding:0px;
		width:225px;
		} 
	#nav li ul li:hover a{
			border:0px;
			color:#000;
			text-decoration:none;
			}
	#nav li:hover li a{
		background:none;
		}
	#nav li ul ul li:hover a{
	background:#d12b6d;
			border:0px;
			color:#000;
			text-decoration:none;
			}
	#nav li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
	#nav li ul a:hover {
			background:#d12b6d ;
			border:0px;
			color:#000;
			text-decoration:none;
			}

/*------Body------*/

#main { padding:24px 15px 0;}
#left { width:710px; float:left; overflow:hidden;}
#sidebar { width:220px; float:right; overflow:hidden;}
.rcate { background:url(images/rbg.gif) no-repeat; padding:1px;}
.rcatebox {padding:1px 1px 1px; background:url(images/transparent.gif) no-repeat center bottom;}
.rcatebox h3 { font-family:"Constantia Bold","Times New Roman",Times,serif; font-size:18px; color:#4C4C4C; padding-left:10px; border-bottom:1px solid #D02B6D; padding-bottom:7px;}
.rcatebox h3 .rblue { color:#D5255F;}
.smalltitle { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.rcatelist {}
.rcatelist li { height:35px; background:url(images/rline.gif) no-repeat center bottom;}
.rcatelist li a { display:block;   padding-left:20px; height:34px; line-height:34px; background:url(images/arrow.gif) no-repeat 5px 14px; font-size:13px; font-family:CenturyGothic,"Courier New", Courier, monospace; color:#B9894B;overflow:hidden;font-weight:bold;}
.leftbox { width:710px; height:148px; background:url(images/aboutbg.gif) no-repeat;}
.leftbox h2 { padding-left:30px; line-height:25px; color:#CD4874; font-size:20px; padding-top:10px; margin-bottom:5px; font-family:"Constantia Bold","Times New Roman", Times, serif;}
.leftbox p { line-height:22px; font-size:14px;font-family:arial,sans-serif,monospace; padding-left:30px; padding-right:12px; font-weight:400;}
.mainbot {clear:both; margin-top:15px; padding:10px 0; border-top:2px solid #D12B6D; border-bottom:2px solid #D12B6D;}
.mbot_l { width:290px; padding-right:12px; padding-left:12px; float:left; background:url(images/mline.gif) no-repeat right top;}
.mbot_l h4,.map h4 { line-height:30px; font-family:"Constantia Bold","Times New Roman",Times,serif; color:#D12B6D; font-size:15px;  margin-bottom:4px;}
.mbot_l p { line-height:16px; font-family:Arial, Helvetica, sans-serif;}
.map { float:right; width:285px;}


/*------Homepage Bottom------*/

#homebot p  { line-height:16px; font-size:12px;}
#homebot a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
#homebot ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
#homebot ul li  { padding:5px 0 5px 15px; background:url(images/arrow.gif) no-repeat 0 10px;}
#homebot ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#time li.hours {background:url("images/time.png") no-repeat scroll 0 0 transparent;  }
#time li{padding:0 0 0 45px;}
#time h2{font-size:14px; color:#C16D1B;}
/*------Content------*/

.comleft { padding:1px; border:1px solid #FFE0EC; width:690px;}
.comleftbox { background:url(images/comleftbg.gif) repeat-x; padding:20px;line-height:25px; }
.comleftbox  h1 { font-size:30px; color:#C16D1B; line-height:35px;}
.comleftbox  h2 { font-size:25px; color:#C16D1B; line-height:30px;}
.comleftbox  h3 { display:inline-block; background:#fff left center url(images/titlebg.gif) no-repeat; padding:5px 0 5px 15px; color:#D12B6D; font-size:22px; text-transform:uppercase;}
.comleftbox  h4 { font-size:20px; color:#C16D1B; line-height:25px;}
.comleftbox  h5 { font-size:20px; color:#C16D1B; line-height:25px;}
 
#pagenav { height:25px; background:url(images/dotline.gif) repeat-x 40px 20px; font-weight:normal;}
#pagenav .title { display:inline-block; background:#fff url(images/titlebg.gif) no-repeat; padding-left:15px; color:#D12B6D; font-size:22px; text-transform:uppercase;float:left; }
#pagenav .lact { float:right; color:#AC8A6C;}
#pagenav .lact a { color:#AC8A6C; text-decoration:underline;}
.artbox { padding-top:20px;}
.artbox p { line-height:25px; color:#646464; margin-bottom:15px;} 
.artbox .aboutimg {float:left; margin-right:10px; margin-bottom:5px; padding:1px; border:1px solid #E7E6E6; margin-top:7px;}
blockquote { background: #FDF5E6;margin: 0px 25px 15px 25px; padding: 10px 20px 0px 15px; border: 1px solid #FF99CC;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.comleftbox p {margin: 0px;padding: 0px 0px 15px 0px;}
.comleftbox ul {list-style-type: square;margin: 0px;padding: 0px 0px 5px 0px; }
.comleftbox ul li {list-style-type: square;margin: 0px 0px 0px 20px;padding: 0px;}
.comleftbox ul ul {list-style-type: square;margin: 0px;padding: 0px 0px 0px 0px;}
.comleftbox ol {list-style-type:upper-latin;margin: 0px;padding: 0px 0px 5px 0px;}	
.comleftbox ol li {list-style-type:decimal;margin: 0px 0px 0px 20px;padding: 0px;}
.comleftbox li ul li{list-style-type:square;margin: 0px 0px 0px 20px;padding: 0px;}
.entry {line-height:25px;}
.clear{ clear: both; }
/*------Fullpage------*/

#fullpage { width:930px; float:left; overflow:hidden;}
#fullpage .comleft{ padding:1px; border:1px solid #FFE0EC; width:930px;}

/*------Archive------*/

.post {padding: 10px 0 5px;}
.comleftbox .title { display:inline-block; background:#fff url(images/titlebg.gif) no-repeat; padding-left:15px; color:#C16D1B; font-size:22px;line-height:22px; text-transform:uppercase; }
.comleftbox a { color:#D12B6D; padding:0 5px; text-decoration:none;}
.comleftbox a:visited {color: #D12B6D;text-decoration: none;}
.comleftbox a:hover {color: #FF99CC;text-decoration: underline;}
.comleftbox a:focus, a:hover, a:active {outline: none;}
	
/*------Sidebar-----*/

.rphoto { text-align:center; clear:both; margin-bottom:10px;}
.rbox { background:url(images/comleftbg.gif) repeat-x; padding:10px; border:1px solid #FFE2EE;}
#sidebar li p em { color:#646464;}
#sidebar { width:220px; float:right; overflow:hidden;}
#sidebar .widget  { background:url(images/comleftbg.gif) repeat-x; padding:10px; border:1px solid #FFE2EE; margin-bottom:10px;}
#sidebar h4 {

	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 0 0 0 7px;
	}
	
#sidebar p  { line-height:16px; color:#6B4481; font-size:11px;}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar embed, #sidebar object {
	width: 300px; 
	height: 250px;
	margin: 0px; 
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#sidebar li  { padding:10px 0 10px 15px; background:url(images/arrow.gif) no-repeat 0 15px; border-bottom:1px solid #F8E9EB;}

#sidebar ul li  { padding:10px 0 10px 15px; background:url(images/arrow.gif) no-repeat 0 15px; border-bottom:1px solid #F8E9EB;}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}
	
#sidebar ul li ul li {
	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}

/*------calendar------*/
#wp-calendar {
	width:100%;
}
#wp-calendar, #wp-calendar th, #wp-calendar caption {
	text-align:center;
}
#wp-calendar th {
	background:#f5f5f5;
	padding:3px;
	border:1px solid #f0f0f0;
}
#wp-calendar td {
	padding:5px 2px;
	border:1px solid #f0f0f0;
}
#wp-calendar caption {
	background:transparent;
	font-weight:bold;
	padding:3px 0px 7px 0px;
	color:#333;
}
#wp-calendar #today {
	background:#f5f5f5;
	font-weight:bold;
}

/*------Images------*/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #FF99CC;
	text-align: center;
	background-color: #fdf5e6;
	padding: 4px 0px 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}


/*------Comments------*/

.commentlist .reply{display:inline-block; background:url(images/a.png) 0 0;  margin:5px 0;  padding-left:10px; float:left;}
.commentlist .reply a{display:inline-block; background:url(images/a2.png) right 0 no-repeat; height:20px;text-align:center; color:#fff; width:30px; font-size:11px; line-height:20px; padding:0 10px 0 0; cursor:pointer;}
.comments ol li{list-style-type:none;margin:0 0 0 20px;padding:0;}
.commentlist .comment{padding:10px ; border:1px solid #f0f0f0; background:#fbfbfb; margin:0 0 10px 0;}
.commentlist .children .comment{border:1px solid #f0f0f0; background:#fff; margin: 10px 0 0 0;}

/*------banner------*/

#ibanner { position:relative; width:710px; height:386px; overflow:hidden; margin:0 auto; background: #FFFFFF url(images/banner.jpg) no-repeat top left;}
#ibanner_btn { position:absolute; z-index:999; right:5px; bottom:5px; font-weight:700; font-family:Arial; }
#ibanner_btn span { display:block; float:left; margin-left:4px; padding:0 5px; background:#000; cursor:pointer; }
#ibanner_btn .normal { height:20px; margin-top:8px; border:1px solid #999; color:#999; font-size:16px; line-height:20px; }
#ibanner_btn .current { height:28px; border:1px solid #FF5300; color:#FF5300; font-size:28px; line-height:28px; }

/*------Footer------*/

#footer { text-align:center; padding:10px; clear:both;}
#footer p { line-height:25px; font-size:11px;}
#footer p.bmenu a { color:#8A7542; padding:0 5px; text-decoration:underline; font-size:12px;}