/*   
Theme Name: The Center For Well Being
Theme URI: www.larsonwellbeing.com
Description: Theme for The Center For Well Being
Author: Adam Connor, Little Green Toaster
Author URI: www.littlegreentoaster.com
*/

/*HTML ELEMENTS--------------------------------*/

html,body {
	margin:0;
	padding:0; }
	
body {
	background: #eeeeee url(images/background-body.gif) top left repeat-x;
	font: 62.5% georgia,serif;
	text-align: center; }
	
p {
	padding: 0px;
	margin:0 0 0.8em 0;
	line-height: 1.6em; }
	


hr {
	border: 0;
	height: 1px;
	color: #CCC;
	background-color: #CCC;
	margin: 1.2em 0 1.2em 0; }

h2 {
	position: relative;
	color: #447085;
	font-size: 2em;
	font-family: verdana, sans-serif;
	font-weight: normal;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 1em 0px; }

	h2 sup {
		font-size: 0.5em; }

h3 {
	color: #000;
	font-size: 1.3em;
	font-family: verdana, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0.5em 0px; }

h4 {
	color: #000000;
	font-family: verdana, sans-serif;
	padding: 0px;
	margin: 2em 0px 1em 0px;
	font-weight: bold;
	font-size: 1.1em; }

h5 {
	margin: 1.5em 0px 0px 0px;
	padding: 0px;
	color: #000000;
	font-weight: bold;
	font-size: 1em; }

a, a:link, a:visited {
	font-weight: bold;
	color: #447085;
	text-decoration: underline; }

a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: underline; }
	
/*PAGE LAYOUT CONTAINTERS (IDs)--------------------------*/

#bLeft {
	min-width: 780px;
	max-width: 1022px;
	margin: 0 auto;
	padding: 0px 0px 0px 11px;
	background: url(images/border-left.gif) top left no-repeat; }
	
#bRight {
	padding: 0px 11px 0px 0px;
	background: url(images/border-right.gif) top right no-repeat; }

#container {
	text-align: left;
	background: #FFF5F5 url(images/background-nav.gif) top left repeat-y; }
	
#header {
	height: 198px;
	z-index: 40;
	position: relative;
	background: url(images/background-header.gif) top center no-repeat; }
	
	#header #logo {
		position: absolute;
		left: 50%;
		margin-left: -112px;
		top: 12px;
		z-index: 10; }
	
#wrapper, #twoColWrapper {
	float:left;
	width:100%;
	background: url(images/background-right-ds.gif) top left repeat-x; }

#content {
	font-size: 1.2em;
	padding: 50px 0px 25px 0px;
	margin: 0 180px 0 225px; }
	
	#twoColWrapper #content {
		margin: 0 15px 0 225px; }
	
#navigation {
	float:left;
	width:210px;
	padding: 25px 0px;
	margin-left:-100%;
	background: url(images/background-nav-ds.gif) top left no-repeat; }
	
	#navigation ul {
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		list-style-type:none;
		padding: 8px 0px 0px 0px;
		border-top: solid 15px #F0E6C1;
		margin: 0px 16px 0px 16px; }
			
		#left ul li {}

			#navigation ul li a {
				display: block;
				font-weight: bold;
				width: 163px;
				padding: 8px 0px 8px 15px;
				color: #447085;
				text-decoration: none;
				border-bottom: solid 1px #F0E6C1;}
		
			#navigation ul li a:link, #navigation ul li a:visited {
				color: #447085;	}
		
			#navigation ul li a:hover {
				background-color: #F0E6C1;
				color: #444; }

			#navigation ul li ul {
				font-size: 1em;
				font-family: verdana, sans-serif;
				list-style-type: none;
				padding: 0px;
				border-top: 0;
				margin: 0px;
				display: none; }

				#navigation ul li ul li {}
			
					#navigation ul li ul li a {
						display: block;
						font-weight: normal;
						width: 153px;
						padding: 8px 0px 8px 25px;
						color: #447085;
						text-decoration: none;
						border-bottom: solid 1px #F0E6C1; }

					#navigation ul li ul li a:link, #navigation ul li ul li a:visited {
						color: #447085; }
		
					#navigation ul li ul li a:hover {
						background-color: #F0E6C1;
						color: #444; }

			#navigation ul li.current_page_item ul, #navigation ul li.showSubnav ul {
				display: block; }
				
			#navigation ul li.current_page_item a, #navigation ul li.current_page_item a:link, #navigation ul li.current_page_item a:visited {
				color: #666666;
				background: url(images/icon-current-page.gif) 5px 12px no-repeat; }
				
			#navigation ul li.current_page_item a:hover {
				background-image: url(images/icon-current-page-over.gif);
				background-color: #F0E6C1;
				color: #444; }
	
			#navigation ul li.current_page_item ul li {}
				
					#navigation ul li.current_page_item ul li a, #navigation ul li.current_page_item ul li a:link, #navigation ul li.current_page_item ul li a:visited {
						background: none;
						color: #447085; }
					
					#navigation ul li.current_page_item ul li a:hover {
						background: #F0E6C1;
						color: #444; }
						
					#navigation ul li ul li.current_page_item a, #navigation ul li ul li.current_page_item a:link, #navigation ul li ul li.current_page_item a:visited {
						color: #666666;
						background: url(images/icon-current-page.gif) 15px 12px no-repeat; }
				
					#navigation ul li ul li.current_page_item a:hover {
						background-color: #F0E6C1;
						background-image: url(images/icon-current-page-over.gif);
						color: #444; }

	
#right {
	float:left;
	width:160px;
	font-size: 1.1em;
	font-family: verdana, sans-serif;
	padding: 50px 0px 25px 0px;
	margin-left:-160px; }
	
	#right .subnav, #right .gallery {
		font-family: verdana, sans-serif;
		background: #FFFFFF;
		padding: 4px;
		width: 135px;
		border: solid 1px #F0E6C1;
		margin: 0px 15px 25px 0px; }

		#right .subnav h4, #right .gallery h4 {
			font-size: 1em;
			font-weight: bold;
			color: #666;
			margin: 0px 0px 6px 0px;
			padding: 0px; }

		#right .gallery a, #right .gallery a:link, #right .gallery a:hover, #right .gallery a:visited {
			margin: 0px 0px 15px 0px;
			display:block;
			width: 135px;
			height: 135px; }

			#right .gallery a img, #right .gallery a:link img, #right .gallery a:visited img{
				border: solid 1px #F0E6C1; }

			#right .gallery a:hover img {
				border: solid 1px #447085; }

		#right .subnav ul {
			margin: 0px 0px 2px 0px;
			padding: 0px;
			list-style: none; }

			#right .subnav ul li {
				padding: 0px 0px 8px 0px; }

				#right .subnav ul li a {
					font-weight: normal;
					color: #447085;
					text-decoration: underline; }
	
				#right .subnav ul li a:hover {
					color: #666666;
					text-decoration: underline; }
	
#fbLeft {
	margin: 0 auto;
	min-width: 780px;
	max-width: 1022px;
	padding: 0px 0px 0px 11px;
	background: url(images/footer-border-left.gif) bottom left no-repeat; }

#fbRight {
	padding: 0px 11px 0px 0px;
	background: url(images/footer-border-right.gif) bottom right no-repeat;}

#footerContainer {
	text-align: left;
	padding: 0px 0px 15px 0px; }

#footer {
	text-align: center;
	padding: 5px 0px 20px 0px;
	border-top: solid 1px #FFFFFF;
	background: #DDD url(images/footer-border-bottom.gif) bottom left repeat-x; }
	
	#footer ul {
		margin: 0px;
		padding: 0px;
		list-style: none; }
		
		#footer ul li {
			display: inline;
			padding-left: 10px;
			padding-right: 15px;
			background: url(images/bullet-footer.gif) center right no-repeat; }
			
		#footer ul li.last {
			background: none;
			padding-right: 10px}
			
		
	


img.alignLeft {
border: solid 1px #999;
float: left;
clear: left;
margin: 0px 15px 15px 0px; }

img.alignRight {
border: solid 1px #999;
float: right;
clear: right;
margin: 0px 0px 15px 15px; }	
	

.largeText {
	line-height: 1.3em;
	font-size: 2.4em; }

.thumbnail {
	margin: 0px 15px 15px 0px;
	padding: 4px;
	display: block;
	width: 135px;
	background: #FFFFFF;
	border: solid 1px #F0E6C1;
	text-decoration: none; }
	
a.thumbnail:hover {
	background: #7EA0B1; }
	
	.thumbnail img {
		border: 1px solid #CCC;
		margin-bottom: 4px; }
	
	.thumbnail .caption {
		text-align: center;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #000; }
		


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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */