/*   
Theme Name: Bsuite
Description: A Wordpress theme for Bsuite Salon
Author: Amy Earl
Version: 1.0
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td
{
	margin:0;
	padding:0;
}

/* This is where you set your desired font size. The line-height    
and vertical margins are automatically calculated from this.       
You have to add an extra calculation here because of IE, so that    
all users may resize text manually in their browsers.      
The top one is for IE: The percentage is of 16px (default IE text size)   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).   
The second value is what all other browsers see (the wanted font size). */

body
{
	background:#000 url(images/bg.jpg) no-repeat center top;
	font:"Georgia";
	color:#fff;
	font-size:85%;
	margin:50px auto 0;
}

/* IE */
html > body
{
	font-size:14px;
}

/* Other browsers */
h1,h2
{
	font-weight:200;
	font-family:"Georgia";
	font-variant:small-caps;
	margin:0;
	padding:0;
}

h2
{
	font-size:18px;
	margin-bottom:5px;
}

img
{
	border:0;
}

p
{
	font:14px;
	margin-bottom:15px;
	font-variant:normal;
	line-height:1.5em;
	letter-spacing:0;
}

ul
{
	list-style:none;
}

table.services
{
	margin-bottom:20px;
}

#wrap
{
	width:950px;
	height:830px;
	margin:0 auto 50px;
	padding:0;
}

/*************************************************	
General 					     		    * 
************************************************/
.left
{
	float:left;
}

.right
{
	float:right;
}

/*************************************************	
Hyperlinks									
*************************************************/

a:link,a:visited
{
	text-decoration:none;
	outline:none;
	color:#bd378e;
}

a:hover,a:active
{
	text-decoration:underline;
	outline:none;
	color:#bd378e;
}

.pink
{
	color:#bd378e;
}

.white
{
	color:#fff;
}

.black
{
	color:#000000;
	background:#000;
}

.bgpink
{
	background-color:#bd378e;
}

/****************************************************	
News Item ('what's new' post on homepage)     * 
****************************************************/

#newsitem
{
	background-color:#bd378e;
	color:black;
	padding:10px;
}

#newsitem h2 a
{
	font-size:18px;
	margin-bottom:5px;
	color:black;
}

/*************************************************	
Header 					 * 
************************************************/

#head
{
	width:950px;
	height:260px;
	font-size:16px;
	margin-bottom:10px;
}

#logo
{
	width:370px;
	height:260px;
	margin-right:10px;
	float:left;
}

#head .info
{
	width:570px;
	height:155px;
	background:#000 url(images/box_header.jpg);
	padding-top:55px;
	line-height:22px;
	font-variant:small-caps;
}

#head .links
{
	width:550px;
	height:20px;
	padding:10px;
}

.rotate
{
	width:270px;
	height:400px;
}

.font16
{
	font-size:16px;
}

.font18
{
	font-size:18px;
}

.font20
{
	font-size:20px;
}

.font24
{
	font-size:24px;
}

.font28
{
	font-size:28px;
}

.right10
{
	margin-right:10px;
}

.spacing1
{
	letter-spacing:1px;
}

span.date
{
	font-size:14px;
	font-style:italic;
}

/*************************************************	
Dropmenu Nav								
************************************************/

#dropmenu,#dropmenu ul
{
	width:auto;
	float:left;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	z-index:300;
	font:16px "Georgia";
	font-variant:small-caps;
	letter-spacing:0;
	margin:2px 0 0;
	padding:0;
}

#dropmenu a
{
	display:block;
	font-style:normal;
	color:#fff;
	text-decoration:none;
	padding:0.25em .6em;
}

#dropmenu a:hover
{
	color:#bd378e;
}

#dropmenu li
{
	float:left;
	position:relative;
	line-height:10px;
	margin:0;
	padding:0;
}

#dropmenu ul
{
	position:absolute;
	display:none;
	width:125px;
	top:15px;
	left:0;
	background:#000;
	padding:13px 0 0;
}

#dropmenu ul ul
{
	top:auto;
}

#dropmenu li ul
{
	margin:0 0 0 10px;
}

#dropmenu li ul ul
{
	padding-top:0;
	top:0;
	left:124px;
	background-color:#000;
	border-top:dotted 1px #ccc;
	margin:0;
}

#dropmenu li ul ul li a
{
	border:dotted 1px #ccc;
	border-top:0;
}

#dropmenu li ul li a
{
	font-size:13px;
	letter-spacing:0;
	font-weight:normal;
	width:103px;
	border:dotted 1px #ccc;
	border-top:0;
	padding:8px 10px 7px;
}

/*************************************************	
Main Content				
************************************************/

#main
{
	width:950px;
	height:440px;
	font-size:14px;
	line-height:18px;
}

#main .rotate
{
	float:left;
	height:400px;
	background:#000;
	margin-right:10px;
	padding:20px;
}

#main a,#main a:link,#main a:visited,#main a:hover
{
	color:bd378e;
	text-decoration:none;
}

#main h1
{
	font:36px "Georgia";
	line-height:1em;
	font-variant:small-caps;
	height:auto;
	margin-bottom:0;
	padding:0;
}

#main h1 a,#main h1 a:visited,#main h1 a:hover
{
	text-decoration:none;
	color:#fff;
}

#main .blackbox
{
	float:left;
	height:380px;
	background:#000;
	color:f1f1f1;
	padding:20px 30px 40px 20px;
}

.width310
{
	width:260px;
}

.width650
{
	width:580px;
}

#contentScroll {
	height:285px;
	overflow:auto;
	position: relative;
	margin-top: 20px;
	padding-right: 20px;
}

#content
{
	height:285px;
	overflow:hidden;
}

#scrollUp,#scrollDown
{
	display:block;
	height:11px;
	cursor:default;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	color:rgba(0, 0, 0, 0.0);
	padding:5px 0;
}

#scrollDown
{
	background:url(images/btnDown.gif) center no-repeat !important;
	padding:10px 0;
}

#scrollUp
{
	background:url(images/btnUp.gif) center no-repeat !important;
}

#scrollUp:hover
{
	background:url(images/btnUpOver.gif) center no-repeat !important;
}

#scrollDown:hover
{
	background:url(images/btnDownOver.gif) center no-repeat !important;
}


/*************************************************	
Scroll Bar				
************************************************/

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #5b1a42;
}

.vscrollerbar {
	width: 10px;
	background-color: #bd378e;
}


/*************************************************	
Services				
*************************************************/

td.price
{
	color:#bd378e;
	width:50px;
	text-align:center;
}

/*************************************************	
Contact Form 				
*************************************************/

.wpcf7-form
{
	overflow:hidden;
}

#emailbox
{
	width:250px;
	float:left;
	margin-right:20px;
}

#emailbox2
{
	width:250px;
	float:left;
}

p.emailinfo,p.emailinfo input
{
	width:250px;
}

p.message,p.message textarea
{
	width:250px;
	height:100px;
	margin-bottom:10px;
}

p.message textarea
{
	height:75px;
}

.wpcf7-form #submit input
{
	color:#fff;
	background:#bd378e;
	width:auto;
	height:auto;
	font-family:"Georgia";
	font-size:13px;
	font-variant:small-caps;
	border:none 0;
	padding:5px 10px;
}

/************************************************	
Footer  				
*************************************************/

#footer
{
	width:950px;
	height:123px;
	background:transparent url(images/footer.png) no-repeat;
	z-index:1;
	position:absolute;
	top:735px;
	font-variant:small-caps;
	font-size:12px;
}

#footer .pinkbar
{
	margin-top:42px;
	height:10px;
	padding:5px 10px;
}

#footer .book
{
	position:absolute;
	right:85px;
	top:30px;
}

.print,#dropmenu li:hover ul ul,#dropmenu li:hover ul ul ul,#dropmenu li:hover ul ul ul ul
{
	display:none;
}

.bottom10,.wpcf7-form h2
{
	margin-bottom:10px;
}

#dropmenu li:hover ul,#dropmenu li li:hover ul,#dropmenu li li li:hover ul,#dropmenu li li li li:hover ul,.wpcf7-form #submit
{
	display:block;
}