/*
Theme Name: TheraPro Worksystem
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: #363636;
	background-position: top left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #363636;
}

p, ul, li, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

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/work-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;
}


.logo {
	height: 59px;
	width: 267px;
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	left: 42px;
}

#top h1 {}
#top p.blogdescription {}


/*---------------content background stuff-------------------*/

#wrap2 {
	width: 800px;
	background-repeat:repeat-y;
	margin: 0 auto;
	background-image: url(images/work-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/work-bg.gif);
}

.system-top {
	padding-top: 17px;
	padding-right: 30px;
	height: 45px;
	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/work-top.gif);
}

.out-top h2{
	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 h1{
	font-weight: normal;
	font-size: 24px;
	padding-top: 2px;
}

.home-abs a  {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.home-abs a:visited   {
	color: #ffffff;
	text-decoration: none;
}

.home-abs a:hover  {
	text-decoration: none;
}

.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/sandbox/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;
}

.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/sandbox/images/home-business-hover.jpg); 
	background-position: top left;
	background-repeat: no-repeat;
	display:block;
}

.home-business-image:hover {
	background-position: bottom left;
}


#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;
}

/*#content:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 1px;
	clear: both;
}*/

#content p {
	padding-left: 15px;
	
}

#content p img.main-image {
	margin-left: -15px;
	border-bottom: 1px solid #C5C4C4;
	padding-right: 0;
}



#home-content {
	width: 760px;
	float: right;
	margin-right: 20px;
	display: inline;
}

*html #home-content {
	margin-right: 16px;
}

/* blog posts */
.post-wrap {
	
}

.post-wrap h3, h2.homepage {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:20px;
	font-weight:normal;
	margin:0pt 0pt 7px 7px;
}

.post-wrap h3 img {
	margin:7px;
	border: 1px solid #cccccc;
}

.story-content ol {
	margin-top: 0;
}

.story-content ol li ul {
	margin-left: 20px;
	list-style-type: disc;
}

.story-content ul {
	margin-left: 40px;
	padding-right: 10px;
}
	
.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: 18px;
	
}
.story-content p {
	padding-bottom: 8px;
}

#notfound {
	display:inline;
	float:right;
	margin:15px 20px 10px 5px;
	padding-left:10px;
	width:547px;
}

		/* post content headings */
		.story-content h3 {}
		.story-content h4 {}
		/* playing with blockquotes */
		#content .story-content blockquote {
			margin-left: 50px;
			font-family: Georgia, "Times New Roman", Times, serif;
			border-left: 3px double #cccccc;
			border-top: 1px dotted #cccccc;
			border-bottom: 1px dotted #cccccc;
			border-right: 1px dotted #cccccc;
			width: 400px;
			background-color: #f3f3f3;
		}
		
		.story-content blockquote p {
			padding: 5px 5px 8px 0;
			display: block;
			margin: 0;
		}
		.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 {
	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: #ffffff;
	text-decoration: none;
	display: block;
        width: 188px;
	/*padding-left: 10px;
	height: 23px;	
	padding-top: 4px;*/
    padding: 5px;
	background-image: url(images/work-menu-back.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #1d2d5c;
	/*border-top: 1px solid #F4F4F4;
	border-right: 1px solid #C9C9C9;*/
}

#side #nav a:hover {
	background-image: url(images/system-menu-over.gif);
	background-repeat: repeat-y;
}

#side #nav li.current_page_item a{
	background-image: url(images/system-menu-over.gif);
	background-repeat: repeat-y;
}

#side #nav li.current_page_item ul li a{
	background-image: url(images/work-menu-back.gif);
	background-repeat: repeat-y;
}

#side #nav li.current_page_item ul li a:hover{
	background-image: url(images/system-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;
}


	#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#s0earch label {}
		#side li#search dl {}
		#side li#search dt {}
		#side li#search dd {}
		#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/work-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 {
	background-color: transparent;
	text-decoration: none;
}

	/* 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%;}