/*
Theme Name: Sherlase Style
Author: Adam Abrams
Author URI: http://www.adamabrams.com/
*/

html, body { 
	height: 100%;
}

body { 
	background: #FCF3E3 url('images/background.gif') top center repeat-y;
	text-align: center;
	font-size: 62.5%;
	font-size: .9em;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Century Gothic', sans-serif;
}

body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,div,iframe,form,table,td,th {
	padding: 0;
	margin: 0;
}

ul {
	list-style-position: inside;
	margin-left: 10px;
	padding-left: 10px;
}

ul.quotes {
	margin: 20px;
}

ul.quotes li {
	margin-bottom: 15px;
	}


/*  IE 5.5 PNG FIX - INCLUDE iepngfix.htc AND blank.gif IN SITE */

img, div { behavior: url(iepngfix.htc) }


#wrapper {
/*	background: #D6C7AB;*/
	background: #BFB497;
	
	padding: 0;
	width: 1040px;
	text-align: left;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em auto; /* the bottom margin is the negative value of the footer's height */
	
}


#header {
	position: relative;
	background: black url(images/header.jpg) top left no-repeat;
	text-align: center;
	height: 308px;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.page-id-18 #header {
	background: black url(images/header-tour.jpg) top left no-repeat;
}

body.page-id-61 #header {
	background: black url(images/header-about.jpg) top left no-repeat;
}

#topnav {
	text-align: right;
	height: 38px;
	margin-right: 15px;
}

#topnav li {
	display:inline;
	color: white;
	line-height: 38px;
}

#topnav a {text-decoration:none;}

#topnav a, #topnav a:link, #topnav a:visited
{color:white;}

#topnav a:hover {color: #F8EC8A;}

/* ROUNDED BOX - TOP MENU */

#roundboxMenu {
	background-color: #EBDFBD;
	position: absolute;
	width: auto;
	bottom: 30px; right: 40px;
}

#roundboxMenu .bl {background: url(images/bl.gif) 0 100% no-repeat #F4E6CD; width: 466px;}
#roundboxMenu .br {background: url(images/br.gif) 100% 100% no-repeat}
#roundboxMenu .tl {background: url(images/tl.gif) 0 0 no-repeat}
#roundboxMenu .tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}


/* MAIN NAVIGATION  */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: none;  /* OVERALL MENU BG */
	border: none;  /* TOP & BOTTOM OF MENU  */
}

#nav a {
	display: block;
	padding: 10px 0;
	width: 10em;
	text-decoration:none;
	color: black;  /* LINK TEXT COLOUR  */
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #EBE1CE;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 10em;
}

#nav li li a {
	border-bottom: 1px solid white;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #CC9900;  /*  HIGHLIGHT BG COLOUR  */
}

#nav li a:hover, #nav li li a:hover {
	color: white;  /* HILIGHT TEXT COLOR  */
}



/* HOME CONTENT  */


#homeLeft {
	padding: 25px 20px 0 35px;
	float: left;
	width: 465px;
}

#homeLeft p {
	margin-bottom: 1em;
}

#homeRight {
	text-align: left;
	padding: 25px 35px 0 10px;
	float:right;
	width: 465px;
}

table#sheriMessage {
	border-collapse: collapse;
	font-size: .9em;
	line-height: 1.2;
}

table#sheriMessage td.content {
	background-color: #C6A56A;
	padding: 10px 10px 0 10px;
}

table#sheriMessage td.sheriblogtitle {
	background-color: #C6A56A;
	padding: 0;
}

table#sheriMessage td.sheriblog {
	background-color: #C6A56A;
	padding: 0;
	margin: 0;
}

/* SUBSCRIBE BOX and BUTTON - HOME PAGE */

#subscribebox {
	float: left;
	background-color:white;
	margin-bottom:15px;
	padding:7px 20px;
}

.subscribeDataField {
	float:left;
	font-size:12px;
	margin-left: 5px;
}

#subscribeBtn {
	margin-top:3px;
	float: right;
}

/* ROUNDED BOX - HOME PAGE */

#roundboxHome {
	margin-bottom: 15px;
}

#roundboxHome .bl {background: url(images/bl2.gif) 0 100% no-repeat #EBDFBD; width: 466px;}
#roundboxHome .br {background: url(images/br2.gif) 100% 100% no-repeat}
#roundboxHome .tl {background: url(images/tl2.gif) 0 0 no-repeat}
#roundboxHome .tr {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px}

.clear {font-size: 1px; height: 1px}




/* ROUNDED BOX - REST OF SITE */

#roundbox {
	float: left;
	margin-bottom: 15px;
}

#roundbox .bl {background: url(images/bl-white2.gif) 0 100% no-repeat white; width: 800px;}
#roundbox .br {background: url(images/br-white2.gif) 100% 100% no-repeat}
#roundbox .tl {background: url(images/tl-white2.gif) 0 0 no-repeat}
#roundbox .tr {background: url(images/tr-white2.gif) 100% 0 no-repeat; padding:10px}

.post {
	margin: 10px 16px;
	overflow: hidden;
}


/* THE REST OF THE SITE */


#content {
	font-size: 1.1em;
	width: 100%;
	padding: 0 0 25px 0; 
	margin: 0;	
}

#leftcol {
	width: 195px;
	float:left;
	padding: 0; margin: 0;
}

#maincol {
	float: right;
	width: 800px;
	margin: 20px 20px 0 0;
}

.push {
	height: 3em; /* .push must be the same height as .footer */
	clear: both;
}


.footer {
	background-color: #77542B;
	bottom: 0;
	margin-left: auto; margin-right: auto;
	margin-top: 1em;
	width: 1040px;
	text-align: center;
	height: 2em;
	line-height: 2em;
}

.footer p {
	color: white;
	font-size: .9em;
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
	color: #FFCC33;
	text-decoration: none;
}

.footerLeft {
	float: left;
	padding-left: 20px;
}

.footerRight {
	float: right;
	padding-right: 20px;
}




/*  GLOBAL TEXT, LINK and IMAGE STYLES  */

body, table, td, ul, li, p {
	color: #333;
}

p {
	padding: 0;
	margin-bottom: 7px;
}

h1, h2, h3, h4 {
	font-weight: bold;
	margin: 0; padding: 0;
	line-height: 1.1;
	color: black;
	margin-top: 10px;
}

h1 {
	font-size: 1.2em;
	color: #000;
	padding-bottom: 12px;
}

#roundboxHome h1 {
	padding-top: 5px;
}
	
h2 {
	font-size: 1.25em;
}

#roundboxHome h2 {
	font-size: .8em;
	letter-spacing: 4px;
	color: #77542B;
	background-color: white;
	padding: 3px 0 3px 8px;
}

h3 {
	font-size: 1.2em;
	margin-bottom: 7px;
}	


a:link {color: brown;}
a:visited {color: brown;}
a:hover {color: black;}
a:active {color: brown;}


table, td {
	margin: 0;border: 0;
}

a img {
	border: none;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	}

.alignleft {
	float: left
	}
/* End Images */


/*   THE "CLEARFIX"   */

.clear:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clear {
min-height: 1px;
}

* html .clear {
height: 1px;
}


/* SIDE MENU  */


#sidenav, #sidenav li {
	background-color: #F1E8CD;
	margin:0; padding: 0;
	padding-bottom: 10px;
}

#sidenav ul {
	list-style-type: none;
	margin:0; padding: 0;
}

#sidenav ul ul a { /*Specifically, a tags 2 list levels down - the flyouts only */
	margin-left: 20px;
	font-style: italic;
}

#sidenav li {
	margin: 0; padding: 0;
}

#sidenav a {
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #62744A;
	padding: 5px 10px;
}


#sidenav a:hover { 
	background: #94713E;
	color: white;
}

#sidenav li {
	position: relative;
}

/*  OTHER STYLES  */

p.intro {
	font-size: 1.3em;
	margin: 15px 0;
}

img.weightless-home {
	margin: 0 0 10px 0;
}

img.wp-image-216 {
	margin-bottom: 250px;
}

img.phototour-banner {
	margin-top: 15px;
}

#hiliteBox {
	background-color: #FFCCCC;
	padding: 10px;
	color: #000000;
}

#leftcol form {
	margin: 7px;
}

table.hours td {
	margin:0; padding:0;
	padding-right: 6px;
	border-collapse: collapse;
}

table.hours p {
	margin:0; padding:0;
}

.teambio {
	clear: both;
	min-height:250px;
	margin-bottom: 20px;
	border-bottom: 1px solid black;
}

/*\*/
* html .teambio {
height: 250px;
}
/**/

#rfcolumn1 {
	float: left;
	width: 530px;
}

#rfcolumn2 {
	float: right;
	width: 200px;
}

div#thedoctors {
	padding: 15px;
	background-color: #FFFFCC;
	font-size: .92em;
	line-height: 110%;
}

/* FLYOUT LIST ON TREATMENT SELECTOR PAGE */

div.showhide {
	font-weight: bold;
	margin-top: 10px;
}

div.theinfo {
	margin:8px;
	font-style: italic;
}

/*  OTHER STYLES  */

#homelist {
	float: left;
	width: 465px;
}

img.findyourtreatmentbox {
	margin-bottom: 20px;
}


#onelinesubscribe {
	height: 2em;
}


#onelinesubscribe p, #onelinesubscribe input {
	float: left;
	line-height: 2em;
}

#subscribeBtn {
	margin-left: 5px;
}

#mailingListSide p {
	margin: 0 7px;
}