/*
Theme Name: Colorado Spine Therapy 1126
Theme URI: http://www.e-rehab.com/
Version: 1.0
Description: Designed by jon shiroma
Author: jon shiroma
Author URI: http://www.e-rehab.com
Template: xwp
*/


/* font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lora', serif; */

@import url(superfish.css);


* {
	margin: 0;
}


html, body {height: 100%;}

/*STRUCTURE - header, footer, etc*/
html 		{ background:url('images/woodbg.png');  overflow-y:scroll; }
body		{ background:url('images/addrbg.png') repeat-x;}
.wrapper 	{ width:100%; min-height: 650px; height: auto !important; margin: 0 auto -80px; position:relative; }
.push 		{ height: 80px;clear: both; /* .push must be the same height as .footer */ }

body,td,
.bottom,
.mceContentBody,
.normal		{ color:#302c2a; }
body		{ font-size:15px;font-weight:normal;font-style:normal;font-family: 'Lora', serif;  }
h1,h2,h3,
h4,h5,h6	{ font-family: 'Lora', serif; }
h1			{font-size:150%;}
h2			{font-size:130%;}
h3			{font-size:115%;}
h4,h5		{font-size:108%;}
.base,
.gmaptopper				{ background-color:#751b1b !important;border-color:#637cb6 !important;}

.base_sprite,
.base_numbers li:before	{background-image:url(images/shortcodes/sprites/custom_sprite_092334.png) !important;}

.base_text,
.base_sprite a,
h1,h2,h3,h4,h5,h6,
.brd,.testimonial,
.colorlist,.bodytext	{ color:#302c2a !important;}
.redstrip{background:#cc0717;padding:4px;color:#FFF;font-weight:bold;text-align:center;margin-bottom:10px;font-family: arial,helvetica,sans-serif;}

.altcolor 				{ color: #000; }
a:link 					{ color: #751b1b; }
a:visited,a:active 		{ color: #751b1b; }
a:hover	 				{ color: #175070; text-decoration: none; }

.brd 					{ border:solid 1px #56452f;}
.brd1 					{ border:solid 1px #175070;}
.dbrd 					{ border:solid 1px #56452f;background:url('images/lowertextbg.png');padding:3px;}
.dbrd1 					{ border:solid 1px #175070;background-color:#faf9ca;padding:3px;}
.faqbackground 			{ background-color: #faf9ca;}

.box1{background:url('images/introtextbg2.png'); border:solid 1px #000; padding:12px;}

/*Opera Fix*/
body:before { content:""; height:100%; float:left; 	width:0; margin-top:-32767px; }



/*-----Header--------*/
header		{ height:235px;width:1016px;margin:0 auto;text-align:left;background:url('images/headerbg.png') no-repeat;
		      position:relative; z-index:30px; }

#topaddr 			{ font-size: 14px; font-weight: 500; letter-spacing:1px; margin:0 auto; text-align: center;
					  padding-top: 5px; color:#FFF; height:38px; }
#topaddr * 			{ color: #FFF; text-decoration: none; }
#topaddr a:hover 	{ color:#e5d8a9;text-shadow:none;}

#logo		{ width:242px;height:180px;margin:0 auto;position:absolute;top:42px;z-index:350px;left:388px; }
#behindhero	{ height:337px;background:url('images/behind-herobg.png') repeat-x;margin-top:-62px; }

.dkbrown	{ width: 1246px; height: 337px; background: url("/files/images/heroshadow.png") repeat-y;
			  margin: 0px auto; overflow: hidden !important; }

#hero		{ margin-top:119px;width:997px;height:337px;background:url('images/herobg.png') no-repeat;margin:0 auto; }
#herotext	{ position:absolute;left:665px;top:25px;width:325px;text-align:right;font-size:14px;color:#e5cba9;
			  border-right:solid 2px #9c6e32;}

.padright15	{ padding-right:15px; }

/*-------Main Area/Content-------*/
#maincontent{ width:997px;position:relative;margin:20px auto 20px;}
.main 		{ position: relative; padding:0;width:997px;text-align:left;margin:0 auto;text-align:left;padding:20px;
			  overflow:hidden;}

#leftcol 	{ float:left;width:750px;display:inline;margin:0;padding:10px;}
#rightcol 	{ float:left;width:220px;height:788px;display:inline;margin:0;padding:0;}
#wrap 		{ padding:0 8px;}
#abovefooter{ min-height:296px;background:url('images/lowertextbg.png');}

/*MENUS*/

.current_page_item a 	{ color:#302c2a !important;}

.sf-menu a 				{ font-family:'Open Sans Condensed', sans-serif; font-size: 14px; font-weight: 700;
						  letter-spacing: 0px; padding: 5px 10px; border:none; text-decoration:none; }

#leftsidemenu 			{ width:430px; position:relative;z-index:200;height:30px;float:left;padding-top:70px;
						  padding-left: 15px; }

#horimenu 				{ width:430px; position:relative;z-index:200;height:30px;float:right;padding-top:70px;
				  		  position: relative; left: 30px; }
.sf-menu a,
.sf-menu a:visited,
.sf-menu a:active  		{ color: #FFF;  /*Match color above*/ }

.sf-menu 				{ float: left; }

.sf-menu li 			{ }

.sf-menu li li a 	{ border-right:none; }
.sf-menu li li 		{ background: #ac7c45; color: #302c2a; }
.sf-menu li li li 	{ background: #ac7c45; color: #302c2a; }
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover 		{ color:#ad181b; outline: 0;}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li a:focus,
.sf-menu li li a:hover 		{ color:#302c2a; outline: 0; background: #fbfacf; }
.sf-menu li li li:hover,
.sf-menu li li li.sfHover,
.sf-menu li li li a:focus,
.sf-menu li li li a:hover 	{ color:#302c2a; outline: 0; background: #fbfacf; }

/*DESIGN ELEMENTS - boxes and such*/
#footercols		{ position:relative; margin:0 auto; width:997px; padding-top: 15px;}
/*#footercol1, #footercol2, #footercol3 { float:left; width:229px; background:url('images/lowertext-divider.png') repeat-y right;}*/
#footercol1, #footercol2 { float:left; width:314px; background:url('images/lowertext-divider.png') repeat-y right;}
#footercol1 { margin-left:5px; }
/*#footercol2, #footercol3, #footercol4 { margin-left:25px;  float:left; width:229px;}*/
#footercol2, #footercol3 { margin-left:25px;  float:left; width:314px;}
#footercol1 h1, #footercol2 h1, #footercol3 h1, #footercol4 h1	{ font-size:16px; margin-top:10px;}
.padright10 { padding-right:10px;}

#footer { position: relative; color:#FFFFFF; width:100%; height:80px; text-align:left; margin:0 auto; padding:3px 0;background:url('images/footerbg.png'); }

#footer a:link,
#footer a:visited 	{	color:#fff;}

#footer p 			{ padding:0 8px;margin:0; color:#fff !important;}

/*-------- Specific to this site ------------*/
#maincontent ul li,
#maincontent ol li 	{ padding-bottom:9px;}

#maincontent ul li:last-child,
#maincontent ol li:last-child 		{ padding-bottom:0px;}

#maincontent ul ul li:last-child,
#maincontent ol ol li:last-child 	{ padding-bottom:0px;}
#maincontent ul ul li:first-child,
#maincontent ol ol li:first-child	{ padding-top:0px;}

ul ul {
    list-style: circle outside none;
}

#maincontent ul ul ul {
    list-style-type: none;
}
#maincontent ul ul ul li:before {
    content: "-"; /* en dash here */
    position: absolute;
    margin-left: -1.1em;
}


a.linkopacity:hover img 			{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; }

a.linkopacity img 					{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }

hr 									{ border: 0; color: #302c2a; background-color: #302c2a;  height: 1px; width: 100%;
									  text-align: left; }

hr.blue 							{ border: 0; color: #175070; background-color: #175070; height: 1px; width: 100%;
									  text-align: left; }

.greybrd							{ border:solid 1px #e2edf7; }
.blackbrd							{ border:solid 1px #000; }

.bluetext							{ color:#175070;}
.bluestrip							{ background-color:#175070 !important;border-color:#175070 !important;padding-top:3px;
									  padding-bottom:3px;color:#FFF;font-weight:bold;text-align:center;margin-bottom:9px; }
.bluestrip2							{ background-color:#175070 !important;border-color:#175070 !important;padding-top:3px;
									  padding-bottom:3px;color:#FFF;font-weight:bold;text-align:center;margin-bottom:9px;
										-moz-border-radius-topleft: 12px;
										border-top-left-radius: 12px;
										-moz-border-radius-topright: 12px;
										border-top-right-radius: 12px; }
.bluebrd							{ border:solid 1px #175070;}
.pad10{padding-left:10px;padding-right:10px;}

#intro								{ width:968px;height:380px;background:url('images/introtextbg.png') no-repeat;
									  margin:0px auto;position:relative;}
#introheading 						{ position:absolute;font-family: 'Open Sans', sans-serif; font-size:28px;
									  text-indent: -.6em; padding-left: .6em;font-weight:bold;line-height:1.3em;
									  letter-spacing:.01em;color:#175070;left:196px;top:25px;display:inline;z-index:5; }

#introtext							{ position:absolute;left:445px;top:114px;
									  background:url('images/introtextbg2.png') repeat-y;letter-spacing:.01em;
									  color:#0b1937;font-size:14px;text-align:left;padding-top:15px;padding:10px;
									  padding-right:10px;padding-right:25px; }

.gfield_label,
.gform_description 					{ color: #000 }

.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea 	{ font-family: 'Open Sans', sans-serif; font-size:13px; width:190px; 	color:#000; 	border:solid 1px #000; }


#apptreq {
       display: block;
       height: 40px;
       width: 200px;
       position: absolute;
       top:32px;
       left:770px;
       z-index: 240;
}
#apptreq a {
	text-indent: -10000px;
       display: block;
       height: 40px;
       width: 200px;
       background: url(/files/images/apptreq.png) no-repeat;
}

#apptreq a:hover {
       background-position: 0 -43px;
}

#exerciseclasses {
       display: block;
       height: 40px;
       width: 85px;
       position: absolute;
       top:32px;
       left:40px;
       z-index: 240;
}
#exerciseclasses a {
	text-indent: -10000px;
       display: block;
       height: 40px;
       width: 85px;
       background: url(/files/images/classes.png) no-repeat;
}

#exerciseclasses a:hover {
       background-position: 0 -43px;
}

#blog {
       display: block;
       height: 40px;
       width: 85px;
       position: absolute;
       top:32px;
       left:660px;
       z-index: 240;
}
#blog a {
	text-indent: -10000px;
       display: block;
       height: 40px;
       width: 85px;
       background: url(/files/images/blog.png) no-repeat;
}

#blog a:hover {
       background-position: 0 -43px;
}

#newsletters {
       display: block;
       height: 40px;
       width: 125px;
       position: absolute;
       top:32px;
       left:146px;
       z-index: 240;
}
#newsletters a {
	text-indent: -10000px;
       display: block;
       height: 40px;
       width: 120px;
       background: url(/files/images/newsletters.png) no-repeat;
}

#newsletters a:hover {
       background-position: 0 -43px;
}



#newservices {
       display: block;
       height: 40px;
       width: 125px;
       position: absolute;
       top:32px;
       left:290px;
       z-index: 240;
}
#newservices a {
	text-indent: -10000px;
       display: block;
       height: 40px;
       width: 120px;
       background: url(/files/images/newservices.png) no-repeat;
}

#newservices a:hover {
       background-position: 0 -43px;
}

.rnd {-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

/* Ticker Styles */
.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #FFF;
width: 438px;
height: 32px;
margin: 9px 0 0 30px;
padding: 0
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 4px;
width: 420px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 448px;
font: bold 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
list-style:none !important;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #0047AB;
text-decoration:none;
font: bold 14px Verdana;
margin: 0 20px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}

.library-page #maincontent{
       width: 960px;
       padding: 0;
}

.button {
   color:#FFF !important;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 7.5px 15px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 16px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.button a{color:#FFF !important;}

/* Blog Styles */

.postleftpart {
    width: 240px;
    padding-right: 14px;
    float:left;
}
.postrightpart {
    float: right;
    width: 660px;
}

.post {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 18px;
}

.post h2,.post p {
    margin: 2px 0;
}

.post .entry {
    color:#000;
    margin-bottom: 18px;
}

.entry p {
    margin: 10px 0;
}
.single .wp-post-image{
    margin: 0 auto 12px;
    display: block;
}

.addthis_toolbox {
    padding: 30px 0 10px;
}

/* SEO Styles */
.seoH1{ color: #ac7a45;font-size:18px; }
.seoH2{ color: #ac7a45;font-size:14px; }
.seoFooter{ font-size:x-small;color:white;margin:0;}
.seoFooter a:link,.seoFooter a:visited{color:white;text-decoration:none;}
.seoFooter a:hover,.seoFooter a:active{color:#888;text-decoration:none;}
.seoPhrase{font-weight:normal;}

div.staffBox{
margin:0px 0px 50px 0px;
letter-spacing:0;
}

.staffBox img{
float:left;
margin-bottom:10px;
margin-right:10px;
border:2px solid #000;
}

.staffBox div{
margin-left:190px;
width:880px;
}