/*
Theme Name: TheraPro Therapy
Theme URI: http://www.therapropt.com
Description: theme for TheraPro
Author: Lee Glasgow
Author URI: http://www.fusion4design.com.com/
Version: 3.2 Beta
*/

body {
	background-repeat: repeat-x;
	background-color: #252a38;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #363636;
}

p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

.submit-button {
	color: #ffffff;
	background-color: #1C2D5A;
	border: 1px solid #cccccc;
	padding: 2px 5px;
	margin-top: 3px;
	width: 100px !important;
}

.submit-button:hover {
	color: #363636;
	background-color: #cccccc;
	border: 1px solid #1C2D5A;	
}

.clear {
	clear: both;
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.address-container {
	padding: 10px 20px 10px 10px;
	height: 1%;
}

.address-container img {
	border: 1px solid #c9c9c9;
}

.address {
    float: left;
}

#enqform table tr td {
	padding-bottom: 7px;
}

#enqform input {
	width: 300px;
	border: 1px solid #c9c9c9;
	padding: 2px;
}

#enqform textarea {
	width: 350px;
	border: 1px solid #c9c9c9;
}

.alignright {
float: right;
}

a, a:visited { 
	color: #5c86be;
	text-decoration: underline;
	outline: none;	
}

a:hover {	
	background-color: #1A54A1;
	color: #ffffff;
	text-decoration: none;
}

a img {border: none; text-decoration: none;}
acronym, abbr {}
blockquote {}
blockquote cite {}
code, pre {}
fieldset {}
legend {}


h1 {}
h2 {}
h3 {}
h4 {}
hr {}
input, textarea {}
td, th, tr {}

#wrap {
	width: 800px;
	position:relative;
	margin: 0 auto;
}

/* Header */
#top {
	height: 112px;
	width: 800px;
	margin: 0 auto;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1d2c5a;
	background-image: url(images/header.gif);
}



#top p {
	text-align: right;
	padding-right: 30px;
	padding-top: 8px;
}

#top ul {
	margin-top: 25px;
	float: right;
	list-style-type: none;
	margin-right: 11px;
	display: inline;
	font-size: 12px;	
}

#top ul li {
	float: left;
}

#top ul li a, #top ul li a:link, #top ul li a:visited {
	background-image: url(images/bullet.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
	padding-right:20px;
	padding-left: 15px;
	color: #1d2c5a;
	text-decoration: none;
}

#top ul li a:hover {
	color: #628FCB;
	background-color: transparent;
}

h1.logo {
	height: 59px;
	width: 267px;
	position: absolute;
	top: 15px;
	left: 42px;
}

h1.logo a,
h1.logo a:link,
h1.logo a:visited {
	background-image: url(images/logo.gif);
	display: block;
	width: 267px;
	height: 59px;
}

h1.logo a span {
	display: none;
}

#top h1 {}
#top p.blogdescription {}


/*---------------content background stuff-------------------*/

#wrap2 {
	width: 800px;
	background-repeat:repeat-y;
	margin: 0 auto;
	background-image: url(images/main-bg.gif);
}

#system-wrap {
	width: 800px;
	background-repeat:repeat-y;
	margin: 0 auto;
	background-image: url(images/system-bg.gif);
}

#home-wrap {
	width: 800px;
	background-repeat:repeat-y;
	margin: 0 auto;
	background-image: url(images/home-bg.gif);
}

.out-top {
	padding-top: 15px;
	padding-right: 30px;
	height: 47px;
	width: 770px;
	margin: 0 auto;
	background-position: top left;
	color: #ffffff;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	line-height: 19px;
	background-repeat: no-repeat;
	background-image: url(images/out-top.gif);
}

.out-top h1{
	font-weight: normal;
	font-size: 24px;
	padding-top: 2px;
}

.home-top {
	padding: 25px 35px 0 35px;
	height: 37px;
	width: 730px;
	margin: 0 auto;
	background-position: top left;
	color: #ffffff;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	line-height: 19px;
	background-repeat: no-repeat;
	position:relative;
	background-image: url(images/home-top.gif);
}

.system-top {
	padding: 15px 35px 0 35px;
	height: 47px;
	width: 730px;
	margin: 0 auto;
	background-position: top left;
	color: #ffffff;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	line-height: 19px;
	background-repeat: no-repeat;
	position:relative;
	background-image: url(images/system-top.gif);
}

.system-top h2{
	font-weight: normal;
	font-size: 24px;
	padding-top: 2px;
}

.home-abs a  {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	background-color: transparent;
}

.home-abs a:visited   {
	color: #ffffff;
	text-decoration: none;
}

.home-abs a:hover  {
	text-decoration: none;
	background-color: transparent;
}

.home-abs h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	padding-top: 2px;
}

a.home-therapy-image {
	width: 380px;
	height: 157px;
	text-indent: -50000px; 
	float: left;
	overflow:hidden;
	background-image: url(http://www.therapropt.com/therapy/wp-content/themes/therapy/images/home-therapy-hover.jpg); 
	background-position: top left;
	background-repeat: no-repeat;
	display:block;
	z-index: 999;
}

a.home-therapy-image:hover {
	background-position: bottom left;
}

a.home-business-image {
	width: 380px;
	height: 157px;
	text-indent: -50000px; 
	float: left;
	overflow:hidden;
	background-image: url(http://www.therapropt.com/therapy/wp-content/themes/therapy/images/home-page.jpg); 
	background-position: top right;
	background-repeat: no-repeat;
	display:block;
}

a.home-business-image:hover {
	background-position: bottom right;
	background-color: transparent;
}


#pic3 {
	height: 156px;
	width: 225px;
	text-indent: 10000px;
	overflow: hidden;
	background: url('images/finished2.jpg') top left no-repeat;
	display: block;
	border: 1px solid #222;
}

#pic3:hover{
	background-position: bottom left;
}

/*---------------content background stuff-------------------*/

/* Content */
#content {
	width: 561px;
	float: right;
	margin-right: 20px;
	display: inline;
}

#news-content {
	width: 551px;
	float: right;
	margin-right: 20px;
	display: inline;
	margin-top: 15px;
	padding-left: 10px;
}

#notfound {
	display:inline;
	float:right;
	margin:15px 20px 10px 5px;
	padding-left:10px;
	width:547px;
}

#notfound p {
	line-height: 17px;
}

/*#content:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 1px;
	clear: both;
}*/

#content p {
	padding-left: 10px;
	word-spacing: 1px;
}

#content p img.main-image, #news-content img.news-image {
	margin-left: -10px;
	border-bottom: 1px solid #C5C4C4;
	padding-right: 0;
}

#news-content img.news-image {
	margin-top: -15px;
	margin-left: -10px;
	border-bottom: 1px solid #C5C4C4;
	padding-right: 0;
	margin-bottom: 10px;
}

#home-content {
	width: 760px;
	float: right;
	margin-right: 20px;
	display: inline;
	line-height: 16px;
}


/* blog posts */
.post-wrap {
	
}

.post-wrap ul {
	margin: 0 0 20px 20px;
	padding: 0;
	list-style:disc;
}

.post-wrap ul li {
	margin-left: 20px;
	padding-bottom: 5px;
}

.post-wrap ul ul {
	margin: 5px 0 0 5px;
	list-style: circle;
}

.post-wrap h3, h2.homepage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 7px 7px;
}

.post-wrap h3 img {
	margin: 7px;
}


h1.homepage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 5px 0px;
	color: #1C2D5A;
	text-align: center;
}



	
.author {}
.author a {}
.author a:hover {}
.post-meta {}
.post-date {
	padding: 4px 0 10px 0;
	color: #999999;
}

h2.post-title {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1C2D5A;
	font-weight: normal;
	padding-bottom: 0px;
	border-bottom: 1px solid #a7a7a7;
	margin-right: 10px;
}

.post-title a {
	color: #1C2D5A;
	text-decoration: none;
}

.post-title a:hover {}
.story-content {
	line-height: 17px;
	
}
.story-content p {
	padding-bottom: 8px;
}

.story-content img.non-design {
	border: 1px solid #C6C5C5; 
	padding: 2px;
	margin-right: 5px;
}

#content p img.main-image, #news-content img.news-image {
	border-bottom:1px solid #C5C4C4;
	margin-left:-10px;
	padding-right:0pt;
}


		/* post content headings */
		.story-content h3 {}
		
		.story-content h4 {
		
		}
		
		/* playing with blockquotes */
		.story-content blockquote {}
		.story-content blockquote cite {}
		.story-content blockquote .styleleft {}
		.story-content blockquote .styleright {}
		/* post content lists */
		.story-c70ontent ul {}
		.story-content ol {}
		/* post content links */
		.story-content a {}
		.story-content a:visited {}
		.story-content a:hover {}
		.story-content a img {}
		/* post content tables */
		.story-content table {}
		.story-content th {}
		.story-content tr {}
		.story-content td {}
		/* post content forms */
		.story-content form {}
		.story-content fieldset {}
		.story-content legend {}
		.story-content label {}
		.story-content input {}
		.story-content input.submit {}
	/* single page meta info */
	.metawrap {}
	.singlemeta {}
	.singlemeta a {}
	.singlemeta a:hover {}
	.interact {}
	.interact a {}
	.interact a:hover {}
	/* blog comments */
	#commentwrap {}
	#comments {}
	#comments big {}
	#respond {}
	.nocomments {}
	.commentmetadata {}
		/* individual comments */
		#commentlist {}
		#commentlist li {}
		#commentlist li a {}
		#commentlist li a:hover {}
		#commentlist li.alt {}
		#commentlist li.alt a {}
		#commentlist li.alt a:hover {}
		#commentlist cite {}
			/* individual comment content */
			#commentlist .commentcontent {}
			#commentlist blockquote {}
			#commentlist code {}
			#commentlist ul {}
			#commentlist ol {}
		/* comment form */
		#commentform {}
		#commentform dl {}
		#commentform dt {}
		#commentform dd {}
		#commentform fieldset {}
		#commentform legend {}
		#commentform label {}
		#commentform input#author {}
		#commentform input#email {}
		#commentform input#url {}
		#commentform textarea {}
		#commentform input#submit {}
		/* pop up comments */
		#commentspopup {}
		#commentspopup h1#header {}
		#popupcontent {}
		#popupcontent .interact {}
		#popupcontent .commentwrap {}
		
/* Sidebar */

/*
#side ul {
	width: 198px;
	list-style: none;	
	margin: 0;
	padding: 0;
}

#side ul li {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}

#side ul li ul {
	position: absolute;
	left: 198px;
	top: 0;
	display: none;
	border-right: 1px solid #a7a7a7;
}

#side ul li a, #side ul li a:visited {
	color: #1c2d5a;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	height: 23px;
	width: 188px;
	padding-top: 4px;
	border-bottom: 1px solid #A7A7A7;
	border-top: 1px solid #F4F4F4;
}*/

/* Fix IE. Hide from IE Mac 
* html #side ul li { float: left; }
* html #side ul li a { height: 1%; }
* html #side ul li ul li a {
	height: 23px;
}
 End */

/*#side li.263D67_page_item {
	background-image: url(images/out-menu-over.gif);
	background-repeat: repeat-y;
	display: block;
}

#side ul li a:hover {
	background-image: url(images/out-menu-over.gif);
	border-bottom: 1px solid #A7A7A7;
	background-repeat: repeat-y;
	
}

#side li ul li {
	color: #1c2d5a;
	text-decoration: none;
	display: block;
	width: 198px;
	background-color: #DBDBDB;
	position: relative;
	
}

#side ul ul ul {
	position: absolute;
	left: 199px;
	top: 0;
	display: none;
	border-right: 1px solid #a7a7a7;
}
	
#side li:hover ul, #side li li li.sfhover ul  { 
	display: block;
}*/

#side {
	width: 198px;
	margin-left: 20px;
	display: inline;
	float: left;
}

#side #nav, #side #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#side #nav a, #side #nav a:visited {
	color: #1c2d5a;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	height: 23px;
	width: 188px;
	padding-top: 4px;
	border-bottom: 1px solid #A7A7A7;
	border-top: 1px solid #F4F4F4;
	border-right: 1px solid #C9C9C9;
}


#side #nav a:hover {
	background-image: url(images/out-menu-over.gif);
	border-bottom: 1px solid #A7A7A7;
	background-repeat: repeat-y;
}

#side #nav li.current_page_item {
	background-image: url(images/out-menu-over.gif);
	background-repeat: repeat-y;
}


#side #nav li { /* all list items */
	width: 198px; /* width needed or else Opera goes nuts */
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}

#side #nav li ul { /* second-level lists */
	position: absolute;
	background-color: #EAE9EA;
	width: 198px;
	top: 0;
	left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* Fix IE. Hide from IE Mac\*/ 
* html #side ul li { float: left; }
* html #side ul li a { height: 1%; }
* html #side ul li ul li a {
	height: 23px;
}
 /*End */


#side #nav li ul ul { /* third-and-above-level lists */
	/*margin: -1em 0 0 10em;*/
}

#side #nav li:hover ul ul, #side #nav li.sfhover ul ul {
	left: -999em;
}

#side #nav li:hover ul, #side #nav li li:hover ul, #side #nav li.sfhover ul, #side #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: 199px;
}


/*ul#nav {
	height: auto !important;
	width: 198px;
	list-style: none;	
	margin: 0;
	padding: 0;
}

ul#nav li {
	
}*/



	#side li {}
	#side li h2 {}
	#side li ul {}
	#side li li {}
		/* search box */
		#side li#search {}
		#side li#search h2 {}
		#side li#search fieldset {}
		#side li#search legend {}
		#side li#search label {}
		
		form.search-now dl {
			margin: 10px 0 0 0px;
			padding: 0;
		}
		
		form.search-now dt {
						
		}
		
		form.search-now dd {
			margin: 0;
			padding: 0;
		}
		
		#side li#search input#s {}
		#side li#search input#search {}
		/* common sidebar list elements */
		#side li#archive {}
		#side li#categories {}
		#side li#meta {}
		#side li#pages {}
		/* calendar */
		#calendar_wrap {}
		#wp-calendar {}
		#wp-calendar #next {}
		#wp-calendar #next a {}
		#wp-calendar #next a:hover {}
		#wp-calendar #prev {}
		#wp-calendar #prev a {}
		#wp-calendar #prev a:hover {}
		#wp-calendar a {}
		#wp-calendar caption {}
		#wp-calendar th {}
		#wp-calendar tr {}
		#wp-calendar td {}
		#wp-calendar td.pad {}
		#wp-calendar td.pad:hover {} /* not IE compatible */
		
/* Footer */
#bottom {
	clear: both;
	width: 800px;
	margin: 0 auto 0px auto;
	/*padding-top: 50px;*/
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	background-image: url(images/out-footer.gif);
}

#home-bottom {
	clear: both;
	width: 800px;
	margin: 0 auto 0px auto;
	/*padding-top: 50px;*/
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	background-image: url(images/home-footer.gif);
}

#system-bottom {
	clear: both;
	width: 800px;
	margin: 0 auto 0px auto;
	/*padding-top: 50px;*/
	background-repeat: no-repeat;
	background-position: top;
	height: 28px;
	background-image: url(images/system-footer.gif);
}

#footer {
	text-align: center;
	width: 800px;
	margin: 20px auto 15px auto;
	font-size: 10px;
	color: #ffffff;
	line-height: 14px;
}

#footer p {
	padding-top: 20px;
}

#footer a, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	background-color: transparent;
}

	/* attribution link styling */
	#bottom p.credit {}
	#bottom p.credit a {}
	#bottom p.credit a:hover {}

/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.center {display: block; margin: 10px auto;}
img.left {display: inline; margin: 0 10px 5px 0;}
img.right {display: inline; margin: 0 0 5px 10px;}
.nav {margin: 25px 0;}
.previous {float: left; text-align: left; width: 45%;}
.next {float: right; text-align: right; width: 45%;}