/*  
Theme Name: Salon Serenity (was Soho Serenity)
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Soho+Serenity
Description: 
Version: 1.1
Author: Lance Brown (original theme by Mina @ www.the-cloisters.net/)
Author URI: http://lancebrown.org
Tags: round, fixed height

*/

.fan_box .full_widget .connect_top {
	background: transparent;
}

body.fan_widget{background:transparent}

.fan_box .full_widget{
	background:transparent;
	border: 0px solid #333333;
}

/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
 margin: 0; 
padding: 0; 
}

h1, h2, h3, h4, h5, h6 { color: #4a4b84; font-family: Helvetica, Georgia, Times, serif; margin: 0; padding: 0; }

h1 { font-size: 2em; }
h2 { font-size: 20px; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link, a:visited { text-decoration: none; color: #4a4b84; }
a:hover { text-decoration: none; color: #71979e; }
p { padding: 10px 0; }
blockquote { 
margin: 7px 20px 5px 15px;
 padding: 0 5px 5px 10px;
 font-style: italic;
 border-left: 2px solid #4a4b84;
 border-right: 2px solid #4a4b84; 
}

/***** MAIN CONTENT *****/
body { 
margin: 0;
background: #94c0af;
  color: #65503e; 
height: 1000px;
}

#wrapper { margin: 0 auto 0 auto; padding: 0; width: 1000px;
text-align: left; 
background: #94c0af url(http://vjssalon.com/images/bgoval.gif) no-repeat;
height: 1000px;
background-position: top center;
position:relative; }



#main_content {
float: left; margin: 0; padding: 0; width: 850px; height:450px; position:relative;
clear:both;
display:block;
z-index:0;
 }

#container { 
background: transparent;
position: absolute;
left: 130px;
top: 50px;
 width: 390px;
height: 380px;
 margin: 0px 7px;
 padding: 5px 0 10px 0; 
overflow:auto;
}

#container-centerform { 
background: transparent;
position: absolute;
left: 130px;
top: 50px;
 width: 575px;
height: 390px;
 margin: 0px;
 padding: 10px; 
overflow:auto;
}

#container_wide { 
background: transparent; 
position: absolute;
float:right;
right: 130px;
top: 50px;
 width: 700px;
height: 390px;
 margin: 0px;
 padding: 10px; 
overflow:auto;
 }

#container-shop { 
background: transparent;
position: absolute;
left: 140px;
top: 30px;
 width: 740px;
height: 420px;
 margin: 0px;
 padding: 10px; 
overflow:hidden;
}

#siteseal
{
position: absolute;
bottom: 0px;
right: 20px;
display:block;
height:120px;
width: 120px;
z-index:2;
}



.post { 
padding: 0px 10px 5px 7px; 
position:relative;
}



.entry { 
font-size: 1.02em; line-height: 1.42em; margin: 0; padding: 10px 0 5px 0; text-align: justify; position:relative;
}

.byline { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Tahoma, Helvetica, Verdana, Tahoma, sans-serif; text-transform: uppercase; color: #915f34; border-bottom: 1px solid #aa9b7f; letter-spacing: .1em; }

.postmetadata { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Tahoma, Helvetica, Verdana, Tahoma, sans-serif; text-transform: uppercase; color: #915f34; letter-spacing: .1em; }



/***** HEADER *****/
.header { 
width: 1000px;
height: 246px;
 margin: 0 auto 0px auto;
position:relative;
z-index:1;
 }

.header h1, .header h1 a { font-size: 1.9em; color: #660000; text-decoration: none; padding: 40px 0 0 0; margin: 0; text-align: center; font-family: Palatino, Georgia, Verdana, Times, serif; 
}

.header h1 a:hover { 
text-decoration: none;
 color: #000;
 background: none;
 border: none;
 }

#headerimage-back {
margin:0px auto;
position:absolute;
left:300px;
background: #fffff;
opacity: .25;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; 
	filter: alpha(opacity=25);	
padding: 0px;
width:370px;
height:200px;
}

#headerimage {
margin:0px auto;
position:absolute;
left:378px;
top:36px;
}


#headerimage {
margin:0px auto;
position:absolute;
left:378px;
top:36px;
}

/***** corner objects *****/

#bestofnc {
 position:absolute;
 top: 90px;
 left: 625px;
padding: 0; text-decoration: none;
text-align:center; 
font-weight:bold;
font-size:11px;
}

#callnow {
 position:absolute;
 top: 165px;
 left: 235px;
padding: 0; text-decoration: none;
text-align:center; 
font-weight:bold;
font-size:16px;
}

.home { 
 position:absolute;
 top: 5px;
 right: 5px;
width:50px;
height:50px;
padding: 0; text-decoration: none; 
 background: url(http://vjssalon.com/images/hilite-sm-50.png) no-repeat;
}

.home-text  { 
 position:absolute;
 top: 17px;
 right: 5px;
height:40px;
width:40px;
font-size:12px;
font-weight:bold;
text-align:center;
padding: 0; text-decoration: none; }

.sidepanel img { border: none; }

.brochure { 
 position:absolute;
 top: 40px;
 right: 20px;
padding: 0; text-decoration: none; }



.hilite-left  { 
 position:absolute;
 top: 12px;
 left: 0px;
height:225px;
width:225px;
/* background: url(http://vjssalon.com/images/hilite-sm.png) no-repeat; */
padding: 0; text-decoration: none; }

.hilite-left-text  { 
 position:absolute;
 top: 3px;
 left: 0px;
height:205px;
width:205px;
font-size:30px;
font-weight:bold;
	color: #ec30ff;
text-align:center;
padding: 0; text-decoration: none; }




.hilite-rt  { 
 position:absolute;
 top: 12px;
 right: 90px;
height:125px;
width:125px;
 background: url(http://vjssalon.com/images/hilite-sm.png) no-repeat;
padding: 0; text-decoration: none; }

.hilite-rt-text  { 
 position:absolute;
 top: 13px;
 right: 10px;
height:105px;
width:105px;
font-size:13px;
font-weight:bold;
text-align:center;
padding: 0; text-decoration: none; }

.hilite-rt-smaller  { 
 position:absolute;
 top: 145px;
 right: 30px;
height:100px;
width:100px;
 background: url(http://vjssalon.com/images/hilite-smaller.png) no-repeat;
padding: 0; text-decoration: none; }

.hilite-rt-smaller-text  { 
 position:absolute;
 top: 25px;
 right: 5px;
height:90px;
width:90px;
font-size:12px;
font-weight:bold;
text-align:center;
padding: 0; text-decoration: none; }

.centerform {
padding: 0px 0 0 270px;
}


/***** Right Side Boxes*****/
#bio {  
width: 300px; 
float: right; 
margin: 5px 0 0 5px; 
padding: 0; 
position:absolute;
left: 545px;
top:30px;
height: 250px;
}

#bio p img {
margin: 0px;
padding: 0px;
}

.rotator p img {
margin: 0px;
padding: 0px;
}

#misc { background: #94c0af; 
width: 300px; 
height: 150px;
float: left; 
padding: 0; 
position:absolute;
left: 550px;
top: 290px;
overflow:hidden;
 }

#misc p { color: #FFFFFF; padding: 10px 20px 0 20px; text-align: justify; }
#misc h2 { font-size: 1.2em; color: #FFFFFF; font-variant: small-caps;  font-family: Palatino, Georgia, Verdana, Times, serif; list-style: none; padding: 3px;}
#misc img { margin: 5px; }

.testi {
height: 20px;
overflow:hidden;
}

.testi-box {
height: 100px;
overflow:hidden;
}

.testi-teaser {
height: 20px;
overflow:hidden;
position:absolute;
bottom:5px;
right:5px;
font-style:italic;
}

#bio ul li a:hover, #misc ul li a:hover { background: none; border-bottom: 1px solid #7a8462; color: #4a4b84; text-decoration: none; }
#bio ul li a, #misc ul li a { color: #4a4b84; font-size: 1.08em; display: inline; margin: 0; padding: 0; text-decoration: none; border: none; }
#bio ul li, #misc ul li { display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#bio ul ul, #misc ul ul { margin: 0 0 0 5px; list-style: none; }
#bio ul ul ul, #misc ul ul ul { margin: 0 0 0 10px; list-style: none; }
#bio ul, #misc ul { margin: 0 0 5px 20px; padding: 0; list-style: none; }

/***** IMAGES *****/
p img { padding: 3px;  max-width: 100%; }
a img { border: none; padding: 3px; background: none; }
.post .wp-smiley { border: none; }
img.avatar { float: left; margin: 5px; border: #544b40 1px solid; }
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright, .alignright { float: right; padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft, .alignleft { float: left; padding: 3px; margin: 0 7px 0 0; display: inline; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

img.thumbnail { float: left; width: 70px; height: 70px; margin: 0 5px 0 0; padding: 0; border: #4f3e2f 1px solid; }
img.medium { float: right; width: 230px; height: 130px; margin: 5px 0 5px 0; padding: 0; border: #4f3e2f 1px solid; }
img.preview { float: left; width: 172px; height: 93px; margin: 18px 0 0 28px; padding: 0; }

/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** FOOTER *****/

#footer { 
 margin: 0px auto 0px auto;  padding: 5px 0 0 5px; font-size: 95%;
width: 600px; 
 clear: both;
position:relative;
display:block;
}

.update-box {
height: 145px;
overflow:hidden;
}

.footer-teaser {
height: 15px;
overflow:hidden;
position:absolute;
bottom:5px;
right:5px;
font-weight:bold;
}

#footer .left-col { width: 250px; float: left; margin: 0 0 0 20px; padding: 5px; position:relative; }

#footer .right-col { width: 250px; float: left; padding: 5px;   position:relative; }

#footer h4, .left-col .area h2, .right-col .area h2 { font-size: 1.5em; font-family: Georgia, Helvetica, "Trebuchet MS", Tahoma, Arial; font-variant: small-caps; color: #3f2713; margin: 4px 0 6px 10px; padding: 0; }

.footer-misc, .footer-misc-r { list-style: none; margin: 0; padding: 0; font-size: 92%; }
.footer-misc li a:hover, .footer-misc-r li a:hover, .left-col .area a:hover, .right-col .area a:hover { background: none; text-decoration: none; }
.footer-misc li { padding: 3px 0 0 20px; border-bottom: 1px solid #919a7b; }
.left-col .area li { text-align: left; list-style: none; padding: 3px 0 0 0; border-bottom: 1px solid #919a7b; }
.right-col .area li { text-align: left; list-style: none; padding: 10px 0 0 0; border: none; }
.footer-misc-r li { padding: 10px 0 0 20px; }
.left-col .area, .right-col .area { list-style: none; margin: 0; padding: 0; }
.left-col .area ul li ul li, .right-col .area ul li ul li { list-style: none; margin: 0 0 0 5px; padding: 0; border: none; }
.left-col .area ul ul, .right-col .area ul ul { margin: 0 0 0 5px; }
.left-col .area ul ul ul, .right-col .area ul ul ul { margin: 0 0 0 10px; }
.left-col .area ul, .right-col .area ul { margin: 0 0 5px 15px; padding: 0; }
 
#area1, #area2 {
overflow:hidden;
position:relative;
height:165px;
}

/***** CREDITS & SITE INFO *****/
#credits { height: 30px; clear: both;  margin: 0; padding: 5px 0 0 0; text-align: center; font-size: 85%; line-height: 120%; }




/***** SEARCH *****/
#searchform { margin: 5px 15px 5px 0; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 125px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** CALENDAR *****/
#wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 7px; padding: 0; width: 80%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 80%; margin: 5px 0 5px 7px; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px solid #4a4b84; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #94c0af; }

/***** IE HACKS *****/
* html #sidebar { margin: 0 10px 20px 10px; padding: 0; }
* html #misc h2 { margin: 0; padding: 10px 10px 0 0; }
* html #container_wide { margin: 0 0 0 20px; }

/* 
	WordPress Menubar Plugin
	sf-blue.css stylesheet for the Suckerfish template

	Credits:
	Son of Suckerfish Dropdowns
	By Patrick Griffiths and Dan Webb
	http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

#wpmtop menu {
margin: auto;
}

.Suckerfish {
	margin: 0px;
	background: #4a4b84;
	height: 26px;
	border-top: 1px solid #2EB0FF;
	padding: 0;
	text-align: left;
position:absolute;
top:225px;
left:153px;
width:687px;
z-index:11;
}

.Suckerfish ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #4a4b84;
	z-index: 11;
}

.Suckerfish ul ul {
	top: 26px;
	position: absolute;
	left: -999em;
z-index:11;
	width: 160px;
	margin: 0;
	padding: 0;
}
	
.Suckerfish ul ul ul {
	margin: -26px 0 0 160px;
}

.Suckerfish li {
	float: left;
	padding: 0;
	height: 26px;
	position: relative;
}

.Suckerfish li li {
	float: left;
	padding: 0;
	width: 160px;
}



.Suckerfish a, 
.Suckerfish a:hover,
.Suckerfish .highlight a:hover {
	font-size: 12px;
	font-weight: bold;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	overflow: hidden;
}

.Suckerfish .highlight a {
	font-size: 12px;
	font-weight: bold;
	float: left;
	color: #ec30ff;
	text-decoration: none;
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	overflow: hidden;
}


.Suckerfish li li a, 
.Suckerfish li li a:hover {
	padding: 0;
	text-indent: 15px;
	width: 157px;
}

.Suckerfish li:hover ul ul, 
.Suckerfish li:hover ul ul ul,
.Suckerfish li:hover ul ul ul ul,  
.Suckerfish li.wpmhover ul ul, 
.Suckerfish li.wpmhover ul ul ul, 
.Suckerfish li.wpmhover ul ul ul ul {
	left: -999em;
}

.Suckerfish li:hover ul, 
.Suckerfish li li:hover ul, 
.Suckerfish li li li:hover ul, 
.Suckerfish li li li li:hover ul,
.Suckerfish li.wpmhover ul, 
.Suckerfish li li.wpmhover ul, 
.Suckerfish li li li.wpmhover ul,
.Suckerfish li li li li.wpmhover ul{
	left: 0;
}

.Suckerfish li.selected, 
.Suckerfish li.current-cat, 
.Suckerfish li.current_page_item {
	background: #1C86EE;
}

.Suckerfish li.highlight {
	background: #0911ff;
}

.Suckerfish li:hover, 
.Suckerfish li.wpmhover {
	background: #1C86EE;
}



.Suckerfish li {
	border-left: 1px solid #2EB0FF;
	border-right: 1px solid #104E8B;
}

.Suckerfish li li {
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #2EB0FF;
	border-bottom: 1px solid #104E8B;
}

.Suckerfish ul ul {
	border-left: 1px solid #2EB0FF;
	border-right: 1px solid #104E8B;
}

.Suckerfish-after {
	clear: left;
	margin: 0 10px 0 10px;
	background: url(http://vjssalon.com/images/shadow.png) repeat-x;
	height: 6px;
	border-top: 1px solid #104E8B;
display:none;
}