@charset "utf-8";
/* CSS Document */

/*
Design: http://specialdesignstudio.com
Build: http://portman2.com
Author: Kate Portman
Site: http://josmitholiver.com
Last updated: 26th June 2009 
*/

/* RESETS */
body {margin: 0; text-align: center; background: #333333;}
h1, h2, h3, h4, p, ol, ul {margin: 0; padding: 0; clear: both; text-align: left;}
img {border: none;}
a {text-decoration: none;}

/* COMMON ELEMENTS */
p, li {font: 14px "Times New Roman", Times, serif; color: #ffffff;}
p a:link, p a:visited {color: #ffffff; text-decoration:none}
p a:hover {color: #d9e021; text-decoration: none;}
li a:link, li a:visited {color: #ffffff;}
li a:hover {color: d9e021;}

/* COMMON CLASSES */
.hide {position: absolute; left: -9999px;}
.noshow {display: none;}
.clearboth {clear: both;}

/* PAGE STRUCTURE */
#header {position: relative; width: 800px; height: 160px;}
#header h1 {position: absolute; left: 25px; top: 25px; background: url(../images/h1.jpg) no-repeat; text-indent:-9999px;}
#header h1 a {display: block; width: 260px; height: 90px;}
#header h2 {position: absolute; left: 85px; top: 115px; font: 14px "Times New Roman", Times, serif; color: #b2b2b2; font-style: italic;}

/* NAV BAR */
#nav {position: absolute; left: 75px; top: 140px; }
#nav ul {list-style-type: none; padding: 0; margin: 0;}
#nav ul li {float: left; display: inline; margin: 0; text-align: left; font: 17px "Times New Roman", Times, serif; color: #ffffff; border-right: 1px solid #999999; padding: 0 10px;}
#nav ul li.news {border: none;}
#nav ul li a.active, #nav ul li a:hover {color: #d9e021;}

/* HOMEPAGE */
#home_page {width: 800px; margin: 50px auto 0; padding: 0; background-color: #000000; border: none; background: url(../images/jo_in_woods.jpg) no-repeat; width: 800px; height: 552px; }
#home-page #header {position: relative; width: 800px; height: 160px;}
#home_page #header h1 {position: absolute; left: 25px; top: 25px; background: url(../images/h1_home.jpg) no-repeat; text-indent:-9999px;}

/* NEWSPAGE */
#news_page {width: 800px; margin: 50px auto 0; background: #101204; }
#newscontent {float: left; width: 386px;
	padding: 50px 48px 0 86px;}
#sidebar {float: right; width: 140px;
	padding: 50px 140px 0 0;}
	
	/* NEWS CONTENT */
	.post {background: url(../images/postruler.gif) bottom center no-repeat;
		padding: 0 0 35px; margin: 0 0 40px;}
	.post h2 {font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; line-height: 24px;
		margin-bottom: 12px;}
	.post h2 a:link, #newscontent h2 a:visited {text-decoration: none; color: #d9e021;}
	.post h2 a:hover {text-decoration: underline;}
	.post h4 {font-family: "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: normal; line-height: 14px; color: #ffffff;
		margin-bottom: 12px;}
	.post p {font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; line-height: 17px; color: #ffffff;
		margin-bottom: 12px;}
	.post img {margin: 10px 0 15px; border: 2px solid #b4b4b4;}
	
	/* SIDEBAR */
	#bio {margin: 0 0 40px;}
	#bio h2 {font-family: "Times New Roman", Times, serif; font-size: 18px; font-style: italic; font-weight: normal; line-height: 22px; color: #b4b4b4;}
	#calendar {margin: 0 0 105px;}
	#calendar ul {list-style-type: none; text-align: left;}
	#calendar li {margin: 9px 0;}
	#calendar li h3 a:link, #calendar li h3 a:visited {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal;
		color: #b4b4b4; text-decoration: none;}
	#calendar li h3 a:hover {text-decoration: underline;}
	#rssfeed {margin: 0 0 15px;}
	#rssfeed a {display: block; height: 20px;
		background: url(../images/rssfeed.gif) left no-repeat;
		text-align: left; padding: 2px 0 0 30px;
		font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; color: #b4b4b4; text-decoration: none;}
	#rssfeed a:hover {text-decoration: underline;}
	#adminpanel {padding: 15px 0 0;
		border-top: 1px solid #b4b4b4;}
	#adminpanel ul {list-style-type: none; text-align: center;}
	#adminpanel li {margin: 0 0 10px;}
	#adminpanel li a {font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; color: #b4b4b4; text-decoration: none;}
	#adminpanel li a:hover {text-decoration: underline;}


/* OTHER PAGES */
#about_page, #therapies_page, #classes_page, #ethics_page {width: 800px; height: 552px; margin: 50px auto 0; background: #101203 url(../images/jo_background.jpg) right bottom no-repeat; }
#main_content {position: relative; margin: 15px 280px 15px 85px;}
#main_content h3 {margin: 0; font: 14px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold;}
#main_content h4 {margin: 15px 0 0 0; font: 13px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-align: left;}
#main_content p {font: 13px Arial, Helvetica, sans-serif; color: #999999; line-height: 17px; margin: 0 0 10px 0;}
#main_content a {color: #d9e021;}
#main_content a:hover {text-decoration: underline;}
#main_content p span.quote {font: 16px "Times New Roman", Times, serif; color: #ffffff;}
#main_content img {float: left; margin: 10px 10px 10px 0;}
p#cwnewslink {position: absolute; left: 150px; top: 220px; width: 170px;}

/* TWITTER */
#twitter_div h2.sidebar-title {font: 13px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; margin: 20px 0 10px 0;}
ul#twitter_update_list {margin: 0; padding: 0;}
ul#twitter_update_list li {list-style-type: none; font: 13px "Times New Roman", Times, serif; color: #ffffff; margin: 0 0 10px 0;}
ul#twitter_update_list li a {font: 13px Arial, Helvetica, sans-serif; }
#twitter_div a#twitter-link {float: left; font: 11px Arial, Helvetica, sans-serif;color: #d9e021; margin: 0; padding: 0;}


/* FOOTER */
#footer {width: 800px; height: 40px; margin: 0 auto; clear: both; background: #003333; }
#footer ul {list-style-type: none; padding: 0; margin: 0;}
#footer ul li {float: left; display: inline; margin: 10px 0px 10px 25px;  text-align: left; font: 18px "Times New Roman", Times, serif; color: #ffffff;}
#footer ul li a:link, #footer ul li a:visited {color: #ffffff; text-decoration: none; border-left: 1px solid #ffffff; padding: 0 0 0 20px;}
#footer ul li a:hover {color: #d9e021;}


/* CREDITS */
#credits {width: 800px; margin: 0 auto; }
#credits ul {list-style-type: none; padding: 0; margin: 0;}
#credits ul li {float: left; margin: 10px 0 0 5px; border-right: 1px solid #666666; padding: 0 5px 0 0; text-align: left; font: 8px Arial, Helvetica, sans-serif; color: #666666;}
#credits ul li.p2 {border: none;}
#credits ul li a:link, #credits ul li a:visited {color: #666666;}
#credits ul li a:hover {color: #d9e021;}