/*
Theme Name: Metropolis Hairdressing
Theme URI: http://www.reynoldsdigital.com
Description: Metropolis Hairdressing
Version: 1.0
Author: Barry Reynolds
Author URI: http://www.reynolsdigital.com/

*/
html {background-colour:#eeeeee;margin:0 auto;padding:0;background-image:url('http://www.metropolishairdressing.com//wp-content/uploads/2011/02/metropolis-bg1.jpg');}
body{background-image:url('http://www.metropolishairdressing.com/wp-content/uploads/2011/03/header-bg3.jpg');background-repeat:repeat-x;margin:0 auto;padding:0;min-height:200px;}
#header {height:142px;margin:0;padding:0;background-image:url('http://www.metropolishairdressing.com/wp-content/uploads/2011/04/header-bg2.jpg');background-repeat:no-repeat;}
#search{}
.bookonline { float: left; width: 100px; height: 50px; margin-top: 8px; }
.emailTop {float: left; margin: 28px 0 0 25px; font-size: 0.85em; color: #AA7D52;}
.telTop {float: left; font-size: 1.2em; margin: 28px 13px 0 350px; color: #AA7D52}
.priceListTop { float: right; width: 100px; height: 50px; margin-top: 8px; }


.telTopPrefix {color: #AA7D52;}
.emailTopPrefix {color: #000;}
#first-top-menu {margin:24px 0 0 0;padding:0;float:left;}
#second-top-menu {margin:24px 0 0 0;padding:0;float:right;}
#content{width:640px;float:left;}
#sidebar{padding:0;background-image:url('http://www.metropolishairdressing.com/wp-content/uploads/2011/03/sidbebar-body.jpg');}
#sidebar ul {float:left;width:300px;padding:background-repeat:no-repeat;}
#sidebar h2 {margin:0px 0px 4px 0px;text-align:center;}

#sidebar p strong {color:#624F5F;}
#footer{margin-top:10px;padding-top:35px;height:420px;}
#jquery_header {height:405px;color:#3B373F;background-repeat:no-repeat;padding:32px;}
#offer_boxes {margin-top:0px;margin-bottom:30px;height:220px;}
#page-boxes {margin-bottom:20px;height:490px;}
#page-boxes .grid_6 {margin-bottom:30px;}

/* =========================================================
TYPOGRAPHY
============================================================ */
h1 {font-family: georgia,times, serif;color:#AA7D52;font-weight:200;margin:14px 0 5px 0;font-size:38px;padding:0 0 10px 0;letter-spacing:-1px}
h2 {font-family: georgia,times, serif;margin:0px 0 0px 0; padding-top: 10px; padding-bottom: 10px; font-weight:100;font-size:24px;color:#AA7D52;line-height:28px;letter-spacing:-1px}
#page-boxes h2 {font-size:24px;margin-top:23px;}
h3 {font-family: georgia,times, serif;margin:0px 0 13px 0;font-size:24px;color:#79492C;text-transform:capitalize;}
p{font-family: Helvetica, Arial, sans-serif;margin-top:0px;margin-bottom:20px;font-size:13px;line-height:1.5;color:#74765C;}

#content h1 {font-size:32px;margin:0px 0 5px 0;}
#content h2 {font-size:22px;line-height:1.2;}
#content .grid_2 h2 {font-size:18px;line-height:1.2;}
#content .grid_2 p {font-size:12px;line-height:1.5;}
#content .grid_8 p {font-size:13px;line-height:1.5;}

#content .grid_8 ul {font-size:13px;line-height:1.5;font-family: Helvetica, Arial, sans-serif;color:#74765C;padding:0 0 0 20px;}
#content .grid_8 ul li {font-size:14px;line-height:1.5;}

#content .grid_8 ol {font-size:13px;line-height:1.5;font-family: Helvetica, Arial, sans-serif;color:#74765C;padding:0 0 0 20px;}
#content .grid_8 ol li {font-size:14px;line-height:1.5;}



h2 a:link,
h2 a:visited,
h2 a:active{color:#AA7D52;text-decoration:underline;}
h2 a:hover{text-decoration:underline;}

#content ul {font-family: Helvetica, Arial, sans-serif;margin-top:0px;margin-bottom:0px;color:#111;font-size:14px;line-height:1.5;}
#content ul li {}

#content ol {font-family: Helvetica, Arial, sans-serif;margin-top:0px;margin-bottom:20px;color:#111;font-size:14px;line-height:1.5;}
#content ol li {}

div.clear{clear:both;}

img a:link,img a:visited,img a:active{color:#111;text-decoration:underline;}
a:hover{text-decoration:underline;}

a:link,a:visited,a:active{color:#AA7D52;text-decoration:underline;}
a:hover{text-decoration:underline;}

.subNav {
	float: left;
	width: 100%;
	text-align: right;
	padding-bottom: 10px;
}

/* PRICE TABLE */

td.priceHeading {
		font-size: 0.8em;	
	}

td.headingLeft {
		font-size: 0.8em;	
	}

.promoRight {
	float: right;
	width: 220px;
	margin-right: 42px;
	margin-top: 0px;
	
}

.promoRightGallery {
	float: right;
	width: 220px;
	margin-right: 30px;
	
}


/* =========================================================
IMAGES
============================================================ */
img {border:0px;}
/* -----IMAGES------- */

.blogpost {clear:both;background-color:#ffffff;}


/* =========================================================
Page Boxes
============================================================ */
#page-boxes .thumb {float:left;margin-right:20px;}
#page-boxes .more {float:right;margin:0;padding:0;}
#page-boxes p {padding:0;margin:0 0 10px 0;}



/* =========================================================
LISTS
=========================================================== */

#sidebar ul {list-style:none;margin:0;padding:0;}
#sidebar ul li {list-style:none;margin:0;padding:0;}
#sidebar ul li ul {margin:0;padding:0;}
#sidebar ul li ul li a,
#sidebar ul li ul li a:visited {font-family:Helvetica, Arial, sans-serif;text-decoration:underline;font-weight:bold;margin:0px;font-size:14px;color:#333366;display:block;list-style:none;padding-right:10px;margin:0 0 4px 0;}
#sidebar img {margin:5px 0 0 0;}

/* =========================================================
DROPDOWN TOPNAV
============================================================ */
#first-top-menu ul li a,
#first-top-menu ul li a:visited {font-family: Helvetica, Arial, sans-serif;color:#AA7D52;text-transform:uppercase;text-decoration:none;margin:0;padding:0;font-size:13px;display:block;list-style:none;float:left;}
#first-top-menu ul {list-style:none;display:block;margin:0;padding:0px;width:350px;text-align:left;}
#first-top-menu ul li {float:left;list-style:none;padding-right:15px;padding-left:15px;}

/* =========================================================
DROPDOWN TOPNAV
============================================================ */
#second-top-menu ul li a,
#second-top-menu ul li a:visited {font-family: Helvetica, Arial, sans-serif;color:#AA7D52;text-transform:uppercase;text-decoration:none;margin:0px;padding:0;font-size:13px;display:block;list-style:none;}
#second-top-menu ul {list-style:none;display:block;margin:0;padding:0px;width:350px;text-align:left;}
#second-top-menu ul li {float:right;list-style:none;padding-right:13px;padding-left:13px;}

/* =========================================================
CONTENT
============================================================ */
#content .blogpost{padding:10px 0 0px 0;margin:0 0 5px 0;background-color:#ffffff;}
#content .pagepost{padding:0 0 10px 0;margin:0 0 10px 0;background-color:#ffffff;}
#content .tagspost{padding:0 0 20px 0;margin:0 0 20px 0;background-color:#ffffff;}
a:hover{text-decoration:underline;}

/* =========================================================
FOOTER
============================================================ */

#footer .widgets {list-style:none;margin:0 auto 20px auto;padding:0 0 20px 45px;;width:900px; }
#footer ul li {width:258px;margin:10px 13px 10px 0px;padding:0 10px 0 10px;float:left;}

/* =========================================================
WORDPRESS STANDARD CSS
============================================================ */

.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left; padding-right: 10px; padding-bottom: 10px;}
.alignright{float:right; padding-left: 10px; padding-bottom: 10px;}
.slider {width:441px;height:329px;}
#collisionwidget-3 {padding:20px 20px 0 10px;margin:20px 20px 0 10px;float:left;background-image:url('http://www.metropolishairdressing.com/wp-content/uploads/2011/03/opening-speech.png');background-repeat:no-repeat;background-position:40px 37px;}
#collisionwidget-3 .widgettitle {text-align:center;width:300px;margin:0 0 12px 0;}


.testimonial {margin:0 0 20px 35px; padding:0px 0px 0 25px;width:190px;font-size:13px;color:#333;background-image:url('http://www.metropolishairdressing.com/wp-content/uploads/2011/03/closing-speech.png');background-repeat:no-repeat;background-position:right bottom;}
#sidebar h2 {text-align:center; width: 200px; float: left; margin-left: 50px;}
.testimonial span {color:#AA7D52;}

td {font-family: Helvetica, Arial, sans-serif;margin-top:0px;margin-bottom:20px;font-size:15px;line-height:1.5;color:#74765C;}