/*
Theme Name: HG Wells Custom
Theme URI: http://www.aestheticbrandmarketing.com/
Description: A custom theme for H.G. Wells, created by <a href="http://www.aestheticbrandmarketing.com/">ABM</a>.
*/

* {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ type selectors ------------------------ */
html {
	background:#685b52 url("images/html.jpg") top repeat-x;	
	font-size:62.5%;
}

body { 
	text-align:center; 
	font:1.4em/1.5em Arial, Helvetica, sans-serif; 
	color:#fff;
	}

blockquote { margin-left:10px; margin-right:10px; }
span.post-meta-key { display:none; }

h1	{ font-size:3em; margin-top:20px; line-height:1em; font-weight:normal; color:#ccb180; }
h2	{ font-size:1.1em; color:#ccb180; }
h3	{ font-size:1.0em; color:#ccb180; }

h1 span,h2 span,h3 span	{ display:none; }

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

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("images/bullet-back-to-top.jpg") right no-repeat;
	}

.alignleft { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

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

.entry h1, .entry h2, .entry h3 { clear:both; }

div.breadcrumb {
margin:-10px 0 20px;	
}

/* ------------------ framework -------------- */

#wrap {
width:984px;
margin:0 auto;
background:url('images/sidebar-bg.png') repeat-y;
}

#masthead {
height:103px;
background:url('images/masthead.jpg') no-repeat;
}
	#masthead a {
	display:block;
	height:103px;
	width:250px;
	}

#sidebar {
float:left;
width:308px;
text-align:left;
padding-bottom:50px;
}

	#phone,#nav,#blog-btn {
	margin-left: 21px;
	}
	
	#sidebar h2, #sidebar img, #sidebar p {
	margin-left:40px;	
	}
	
	#sidebar p.copy { margin:15px 0 15px 40px; }
	
	#sidebar h2 {
		text-transform:uppercase;
		color:#877668;
		margin-bottom:10px;
		font-size:.9em;
		line-height:1.3em;
		margin-top:20px;
	}
	
		#sidebar h2 span {
		color:#fff;	
		display:inline;
		}

	#phone {
	width:264px;
	height:83px;
	background:url('images/phone.jpg') no-repeat;
	}

	#nav {
	width:264px;
	height:415px;
	background:url('images/nav.png') no-repeat;
	}
	
	#nav span { display: none; }
	#nav li, #nav a { width:230px; height:31px; display:block; } /* change height here also */
	#nav li { float:left; list-style:none; display:inline; position:relative; margin:0 0 6px 17px; }
	
	#n1 a:hover { background:url("images/nav.png") -281px -1px no-repeat; }
	#n2 a:hover { background:url("images/nav.png") -281px -38px no-repeat; }
	#n3 a:hover { background:url("images/nav.png") -281px -75px no-repeat; }
	#n4 a:hover { background:url("images/nav.png") -281px -112px no-repeat; }
	#n5 a:hover { background:url("images/nav.png") -281px -149px no-repeat; }
	#n6 a:hover { background:url("images/nav.png") -281px -186px no-repeat; }
	#n7 a:hover { background:url("images/nav.png") -281px -223px no-repeat; }
	#n8 a:hover { background:url("images/nav.png") -281px -260px no-repeat; }
	#n9 a:hover { background:url("images/nav.png") -281px -297px no-repeat; }
	
	#nav li ul {
	position:absolute;
	width:198px;
	left:-999em;
	top:0;
	font-size:12px;
	line-height:24px;
	border-top:1px solid #42441c;
	z-index:9999;
	}
	#nav li ul li {
		background:none;
		padding:0;
		margin:0;
		width:100%;
		height:auto;
		float:left;
		display:inline;
		z-index:9999;
	}
	#nav li.hover ul,#nav li:hover ul {
		left:230px;
		z-index:9999;
	}
	#nav li.hover ul li ul,#nav li:hover ul li ul,
	#nav li.hover ul li.hover ul li ul,#nav li:hover ul li:hover ul li ul,
	#nav li.hover ul li.hover ul li.hover ul li ul,#nav li:hover ul li:hover ul li:hover ul li ul,
	#nav li.hover ul li.hover ul li.hover ul li.hover ul li ul,#nav li:hover ul li:hover ul li:hover ul li:hover ul li ul,
	#nav li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul li ul,
	#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li ul {
		top:-1px;
		left:-999em;
		z-index:9999;
	}
	#nav li.hover ul li.hover ul,#nav li:hover ul li:hover ul,
	#nav li.hover ul li.hover ul li.hover ul,#nav li:hover ul li:hover ul li:hover ul,
	#nav li.hover ul li.hover ul li.hover ul li.hover ul,#nav li:hover ul li:hover ul li:hover ul li:hover ul,
	#nav li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul,#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
	#nav li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul,
	#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
		left:197px;
	}
	#nav li.hover ul li a,#nav li:hover ul li a,#nav li ul li a {
		display:block;
		float:none;
		width:160px;
		height:auto;
		text-indent:0;
		border:1px solid #42441c;
		border-top:none;
		padding:0 18px;
		background:#c2af86;
		color:#2a1d02;
		text-decoration:none;
	}
	#nav li.hover ul li a:hover,
	#nav li:hover ul li a:hover,
	#nav li ul li a:hover {
		color:#fff;
		background:#8e764c;
		text-decoration:none;
	}
	
	#blog-btn {
	width:264px;
	height:99px;
	}
	
		#blog-btn a {
		display:block;
		height:97px;
		background:url('images/blog-btn.png')	
		}
		
		#blog-btn a:hover {
		background-position:0 -99px;	
		}
		
	#social {
	width:264px;
	height:36px;
	margin-left:30px;
	background:url('images/social.png') no-repeat;
	}
	
	#social span { display: none; }
	#social li, #social a { width:114px; height:27px; display:block; } /* change height here also */
	#social li { float:left; width:30%; list-style:none; display:inline; position:relative; margin-right:4px; }

#main {
float:right;
width:676px;
text-align:left;
}

	#main .entry ul li {
	margin-left:15px;	
	}

	#main p, #main h1, #main h2, #main h3, #main ul {
	margin:0 0 10px 0;	
	}
	
	#header-index {	
	z-index:0;
	}
	
		#header-index object { z-index:0; }

	.header {
	height:299px;
	background:url('images/header-breast.jpg') 0 -1px no-repeat;
	}
	
	  .page7, .page13, .parent-pageid-13 .header, .parent-pageid-7 .header { 
	  background:url('images/header-body.jpg') 0 -1px no-repeat; 
	  }
	  
	  .page17, .parent-pageid-17 .header {
	  background:url('images/header-body.jpg') 0 -1px no-repeat; 
	  }
	  .page15, .parent-pageid-15 .header { 
	  background:url('images/header-skincare.jpg') 0 -1px no-repeat; 
	  }
	  
	  .page9 { 
	  background:url('images/header-breast.jpg') 0 -1px no-repeat; 
	  }
	  
	  .page11, .parent-pageid-11 .header { 
	  background:url('images/header-face.jpg') 0 -1px no-repeat; 
	  }
	
		#main .header blockquote {
		width:300px;
		padding:70px 0 0 50px;
		color:#ccb180;
		background:url('images/quote.png') 20px 70px no-repeat;
		}
		
		#main .header blockquote em { font-weight:bold; }
		#main .header blockquote strong { font-size:1.5em; float:right; padding-top:10px; }
		
		#main .header p.read-more-testimonials {
		height:58px;
		width:183px;
		text-align:center;
		padding-top:6px;
		margin:10px 0 0 175px;
		background:url('images/read-more-testimonials.png') no-repeat;
		}
		
			#main .header p.read-more-testimonials a {
			color:#fff;	
			text-decoration:none;
			}
			#main .header p.read-more-testimonials a:hover {
			color:#ccb180;	
			}
	
	#main ul#subnav {
	height:147px;
	background:url('images/subnav.png');
	margin:13px 0 37px;
	}
	
		#subnav span { display: none; }
		#subnav li, #subnav a { width:161px; height:146px; display:block; } 
		#subnav li { float:left; list-style:none; display:inline; position:relative; }
		
		#sn1 { margin-right:10px; }
		#sn2 { margin-right:10px; }
		#sn3 { margin-right:10px; }
		
		#sn1 a:hover { background:url("images/subnav.png") 0 -147px no-repeat; }
		#sn2 a:hover { background:url("images/subnav.png") -171px -147px no-repeat; }
		#sn3 a:hover { background:url("images/subnav.png") -342px -147px no-repeat; }
		#sn4 a:hover { background:url("images/subnav.png") -513px -147px no-repeat; }
	
	#wells {
	width:188px;
	height:161px;
	background:url('images/drwells.png');
	float:left;
	}
	
	#wells-title {
	width:487px;
	height:38px;
	background:url('images/wells-title.png') no-repeat;
	float:left;
	}
	
	#wells-bio {
	font-size:.9em;
	line-height:1.5em;
	}
	
	#upcoming-specials {
	width:487px;
	height:44px;
	margin-top:40px;
	background:url('images/upcoming-specials.png') no-repeat;
	}
	
	#newsletter {
	width:100%;
	height:90px;
	clear:both;
	background:url('images/newsletter-bg.jpg') repeat-x;
	font-size:.9em;
	}
	
		#newsletter p {
		margin:0 10px 10px;
		}
		
		#newsletter form {
		margin-left:10px;
		width:100%;
		}
		
		#newsletter form br { height:0; display:none; }
		
		#newsletter input {
		width:260px;
		background:#4b443e;
		color:#fff;
		border:none;
		height:20px;
		padding:2px 0 0 5px;
		font-size:.8em;
		text-transform:uppercase;
		float:left;
		margin-right:5px;
		}
		
		#newsletter input.submit {
		height:22px;
		width:82px;
		margin-left:10px;
		background:url('images/btn-submit.jpg') no-repeat;
		padding:0;
		}


#footer {
	width:100%;
	text-align:center;
	padding:0;
	height:150px;
}

	#footer ul {
	width:984px;
	margin:0 auto;
	text-align:center;
	}
	
	#sidebar-bottom {
	background:url('images/sidebar-btm.jpg') 0 0 no-repeat;
	height:30px;
	}
	
	#footer ul li {
	margin-right:10px;
	padding:0 0 0 10px;
	display:inline;
	border-left:1px solid #fff;
	line-height:1.5em;
	font-size:1em;
	}
	
	#footer p { text-align:center; font-size:12px; line-height:15px; width:850px; margin:0 auto 10px; }
	
		#footer ul li.page-item-19 { border:none; }
	
		#footer ul li a { color:#fff; text-decoration:none; }
		#footer ul li a:hover { text-decoration:underline; }
		
		#footer ul li ul, #footer ul li ul li { display:inline; }
		
	#footer a { color:#fff; text-decoration:underline; }
	#footer a:hover { text-decoration:none; }
	
	#footer a[href*=aesthetic] { text-decoration:none; }
	
	#footer ul li.first { border-left:0; }


#sidebar-nav {
	width:237px;
	height:368px;
	padding-top:5px;
	margin-left:35px;
	background:url('images/sidebar-nav.png') 0 0 no-repeat;
}

	#sidebar-nav li, #sidebar-nav li a {
		width:227px;
		height:84px;
		display:block;
	}
	
	#sidebar-nav li {
		margin:4px 0 7px;	
	}
		#sidebar-nav li:first-child { margin-top:0; }
	
	#sidebar-nav a span { display:none; }


/* BLOG STYLES */

body.blog #sidebar p,
body.single #sidebar p {
margin:0 35px 10px 40px;	
}

body.blog #sidebar img,
body.single #sidebar img {
float:left;	
}

#categories, #archives {
margin-left:40px;
padding-top:56px;
margin-bottom:15px;
}

	#share-title {
	height:36px;
	margin-bottom:5px;
	background:url('images/share-title.png') 0 0 no-repeat;	
	}

	#categories {
	background:url('images/categories.png') 0 0 no-repeat;
	}
	
	#archives {
	background:url('images/archives.png') 0 0 no-repeat;
	}
	
	#categories ul, #archives ul {
	margin-left:15px;	
	}
	
#sidebar div.sociable {
margin-left:40px;
height:60px;
}

#sidebar div.sociable ul li a img.sociable-hovers {
margin-left:10px;	
}


body.blog div.post:first-child {
height:260px;
margin-top:35px;
}

	.blog #main .post:first-child h2 {
	font-size:2.5em;
	line-height:1em;
	margin:0px 0 20px 0;
	}
	
	.blog #main .post:first-child .entry { 
	height:190px;
	overflow:hidden;
	}
	
		.blog #main .post:first-child .entry p {
		text-shadow:0 1px 0 #000;
		margin-right:10px;
		}
		
		.blog #main .post:first-child .entry img,
		.blog #main .post:first-child .entry .alignleft {
		display:none;	
		}
	
	.blog #main .post:first-child h2 a {
	text-decoration:none;
	text-shadow:2px 2px 2px #000;
	}
	
	#main .post .entry ul {
	list-style-type:disc;
	margin-left:20px;
	}
	
.navigation {
height:30px;
margin-bottom:10px;
}

body.single .post h2 {
height:209px;
padding-top:80px;
font-size:4em;
line-height:1em;
text-shadow:2px 2px 2px #000;
}


#respond {
clear:both;	
}

#respond input, #respond textarea {
background:#685b52;
border:double #CCB180;
padding:2px 5px;
}

#respond textarea { width:100%; }

#respond input:focus, #respond textarea:focus {
background:#fff;
border-color:#000;
}

#respond input[type='submit'] {
background:#ccb180;
border:0;
color:#6d5c3d;
text-transform:uppercase;
}

/* Twitter List */

#tweets {
margin-top:20px;
background:transparent url('images/tweets.jpg') 40px 0 no-repeat;
padding-top:35px;
}

#tweets ul.twitterList {
float:none;
background:none;
border:0;
margin:10px 0 10px;
padding-left:55px;
}

#video {
width:230px;
margin-left:40px;
border:2px solid #fff;
}

form {
width:240px;	
}

input, textarea, select {
display:block;
width:240px;
height:20px;
margin:5px 0;
}

.page-id-58 input {
width:auto;	
}

input[type='submit'] { width:93px; padding:5px; height:30px; }

textarea {
height:90px;	
}

#main #content .post .entry .ngg-gallery {
	width:450px;
	overflow:hidden;
}

#main #content .post .entry .ngg-gallery,
#main #content .post .entry .ngg-gallery div {
	margin-left:0;
	float:left;
	position:relative;
}

#main #content .post .entry .ngg-gallery div {
	margin-right:10px;	
	width:212px;
	overflow:hidden;
}

#main #content .post .entry #gallery-sb ul {
margin-left:0;	
}

#main #content .post .entry .ngg-gallery div.ngg-navigation {
text-align:left;
padding:2px 0 2px 0px;
clear:both;
float:none;
margin-bottom:15px;
width:100%;
overflow:none;
}

#main #content .post .entry .ngg-gallery div.ngg-navigation ul {
margin:0;
padding:0;
}

#main #content .post .entry .ngg-gallery div em {
border:1px solid #000;
margin-top:2px;
padding:10px;
}

#gallery-sb {
float:left;
padding-top:45px;
width:220px;
}

.page-id-274 #main #content .post .entry .ngg-gallery div {
width:250px;	
}