/*
Theme Name: Oregon Spine Physical Therapy 1420
Theme URI: http://www.e-rehab.com/
Version: 1.0
Description: Designed by John Mason
Author: John B Mason
Author URI: http://www.e-rehab.com
Template: xwp
*/
@import url(superfish.css);

html {
    background-color: #fff;
    overflow-y: scroll;
    position: relative;
    min-height: 100%;
    height: auto !important;
}

body,td,.bottom,.mceContentBody,.normal {
    color: #464646;
}

body.home {background: #ffffff url('/files/images/body-sliver2.png') repeat-x 0 0;}

body {
    background: #ffffff url('/files/images/header-sliver-inside.png') repeat-x 0 0;
    height: auto !important;
    /*font-size: 16px;*/
    font-size: 17px;
    letter-spacing: .08em;
    line-height: 1.6em;
    font-weight: normal;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif;*/
}



/* Blog Styles */

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

.post {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 18px;
}
/* Column Layouts ----------------------------------------------------- */
.one_half{width:48%;}
.one_third{width:30.66%;}
.two_third{width:65.33%;}
.one_fourth{width:22%;}
.three_fourth{width:74%;}
.one_fifth{width:16.8%;}
.two_fifth{width:37.6%;}
.three_fifth{width:58.4%;}
.four_fifth{width:79.2%;}
.one_sixth{width:13.33%;}
.five_sixth{width:82.67%;}
.custom_column{position:relative;margin:0;float:left;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{position:relative;margin-right:1%;float:left;min-height:1px;margin-bottom:0;}
.last{margin-right:0!important;clear:right;}

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

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

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

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

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans Condensed', sans-serif;
}

.base,.gmaptopper {
    background-color: #7d7d7d !important;
    border-color: #8ca66d !important;
}

.greenstrip{background:#8ca66d;color:#FFF;font-weight:bold;text-align:center;padding:4px;margin-bottom:10px;}

.gmaptopper {height: 30px;}

.gmap {overflow: hidden;}

.newgmap {overflow: visible !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: #8ca66d !important; font-weight: normal;
}

h1 span, h2 span, h3 span {font-size: .8em; color: #66472d;}

h1{font-size:180%;font-weight:bold;}
h2{font-size:150%;font-weight:bold;}
h3{font-size:125%;font-weight:bold;}
h4{font-size:110%;font-weight:bold;}

.browntext {color: #66472d;font-weight: bold;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.05em}

.altcolor {
    color: #66472d
}

a:link {
    color: #66472d
}

a:hover,a:active {
    color: gold;
    text-decoration: none
}

a.linkopacity:hover img, a:hover i.fa {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity = 70);
}

a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity = 100);
}

div#reviews-button {
    color: #1c4980
}

.box {
    border: 2px solid #8ca66d;
    background-color: #66472d;
    padding: 12px;
}

.box1 {
    border: 2px solid #66472d;
    background-color: #66472d;
    padding: 12px;
}

.brd {
    border: solid 2px #8ca66d;
}

.brd1 {
    border: solid 2px #66472d;
}

.dbrd {
    border: solid 2px #8ca66d;
    background-color: #66472d;
    padding: 3px;
}

.dbrd1 {
    border: solid 2px #66472d;
    background-color: #8ca66d;
    padding: 3px;
}

.faqbackground {
    background-color: transparent;
}

.underline {
    text-decoration: underline;
}

/*-----Header--------*/
header {
    height: 345px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: transparent;
    position: relative;
}

.headerinner {
    width: 990px;
    margin: 0 auto;
    position: relative;
    height: 300px;
    /*background: transparent url('/files/images/slider-photo.png') no-repeat 440px 40px;*/
}

#appt-button {
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    padding: 2px;
    border: 1px solid #fff;
    display: block;
    width: 270px;
    text-align: center;
    float: left;
    margin-top: 3px;
    font-size: 1.1em;
    letter-spacing: .04em;
    height: 27px;
    /*background: #66472D;*/
}

#reviews-button {
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    padding: 2px;
    border: 1px solid #fff;
    display: inline-block;
    width: 180px;
    text-align: center;
    float: left;
    margin-top: 3px;
    letter-spacing: .09em;
    font-size: .95em;
    height: 27px;
    /*background: #66472D;*/
}
#appt-button, #reviews-button {background: rgba(102,71,45,0.5);}
#appt-button:hover, #reviews-button:hover {background: rgba(99,126,66,0.5);}
/*#appt-button:hover, #reviews-button:hover {background-color: #637E42;}*/

#topaddr {
    font-family: 'Open Sans Condensed', sans-serif;
    /*font-size: 14px;*/
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    letter-spacing: .08em;
    width: 521px;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
}

#topaddr span {
    font-size: 1.2em;
    color: #d4e7be;
    font-weight: bold;
    padding-left: 6px;
}

#topaddr * {
    text-decoration: none;
    color: #ffffff;
}

#topaddr a:hover {
    color: #d4e7be !important;
    /*text-shadow: 1px 1px 3px #fff;*/
}

#topaddr a:hover span {
    color: #d4e7be !important;
    /*text-shadow: 1px 1px 3px #fff;*/
}

/*-------Main Area/Content-------*/
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

.main {
    position: relative;
    padding: 0;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    background: transparent;
    min-height: 300px;
}

.faq-page .question {font-size: 1em;}
.faq-page .video {margin-bottom: 20px;}

.faq-page .main, .library-page .main {
    padding: 20px;
    width: 950px;
}

#maincol {
    padding: 20px;
}

#wrap {
    padding: 0 8px;
}

/*MENUS*/
#horimenu {
    width: 940px;
    margin: 0 auto;
    font-family: arial, serif;
    position: relative;
    z-index: 100;
    height: 34px;
}

.current_page_item a {
    /*color: #66472d !important;*/
    color: gold !important;
    text-shadow: 1px 1px 1px #999;
}

.sf-menu a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: .1em;
    padding: 10px 15px;
    border: none;
    text-decoration: none;
}

.sf-menu li {border-right: 1px solid #66472d;}

.sf-menu li:last-child {border-right: 0}

.sf-menu a, .sf-menu a:visited {
 /* visited pseudo selector so IE6 applies text colour*/
    color: #fff;
  /*Match color above*/
}

.sf-menu {
    float: none;
    margin-left: 28px;
}

.sf-menu li li a {
    border-right: none;
}

.sf-menu li li {
    background: #637e42;
}

.sf-menu li li li {
    background: #637e42;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #000;
    outline: 0;
}

.sf-menu ul {width: 182px;}

/*DESIGN ELEMENTS - boxes and such*/

#footer {
    background: #ffffff url('/files/images/footer-sliver.jpg') repeat-x 0 0;
    position: absolute;
    bottom: 0;
    font-family: 'open sans condensed', sans-serif;
    color: #FFFFFF;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    /*height: 457px;*/
    height: 595px;
}

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

#footer p {
    padding: 0 8px;
    margin: 0;
    text-align: center;
}

#footer p a:hover {color: gold}

.footerinner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

#footercall {
    height: 70px;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin: 5px auto 0;
}

#footercall h3 {
    color: #66472d !important;
    font-size: 2.2em;
    letter-spacing: .06em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}

#footercall h3 span {
    display: inline-block;
    margin-left: 20px;
    font-size: 1em;
}

#footer-brownbanner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}


#footermap {
    float: left;
    height: 264px;
    width: 495px;

}
#footermap .gmaptopper {background-color: #8ca66d !important;}

#social {
    width: 559px;
    margin: 20px auto;
    float: right;
}

#social a {
    display: inline-block;
    text-align: center;
    font-size: .7em;
}

#social a i {
    display: block;
    padding: 4px;
    width: 22px;
    height: 22px;
}

#social a .fa-facebook {background-color: #3b5998}
#social a .fa-twitter {background-color: #1dcaff}
#social a .fa-youtube {background-color: #cd201f}
#social a .fa-linkedin {background-color: #007bb6}
#social a .fa-google-plus {background-color:  #dd4b39}
#social a .fa-yelp {background-color: #af0606}

#social a:hover i {background-color: #444}
#social a:hover {color: #ddd}

.footeraddress {clear: right;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.3em;letter-spacing: normal;float:left;width:500px;}
.footeraddress span {font-weight: bolder;display: block;line-height: 1.8em;}

#minibanners {
    width: 990px;
    margin: 16px auto 0;
    height: 230px;
}

#minibanners .mb {
    /*width: 200px;*/
    width: 165px;
    float: left;
}

#minibanners .mb a {
    /*height: 210px;*/
    height: 150px;
    /*width: 197px;*/
    width: 150px;
    display: block;
}

/*#minibanners .mb:last-child {
    float: right;
    width: 190px;
}*/

#minibanners .mb span {
    color: #fff;
    text-align: center;
    display: block;
    letter-spacing: .08em;
    font-weight: bold;
    /*width: 208px;*/
    width: 150px;
}

.page-id-839 #minibanners .mb span {
    color: #8ca66d !important;
}

#minibanners #sports a {background: transparent url('/files/images/mb-sprite2.png') no-repeat 0 -165px;}
#minibanners #special a {background: transparent url('/files/images/mb-sprite2.png') no-repeat 0px -320px;}
#minibanners #massage a {background: transparent url('/files/images/mb-sprite2.png') no-repeat 0px -480px;}
#minibanners #injury a {background: transparent url('/files/images/mb-sprite2.png') no-repeat 0px -635px;}
#minibanners #wellness a {background: transparent url('/files/images/mb-sprite2.png') no-repeat 0 -795px;}
#minibanners #work a {background: transparent url('/files/images/mb-sprite2.png') no-repeat 0 -10px;}

#minibanners .mb a:hover {opacity: .7}
#minibanners .mb:hover span {color: gold;}

.logo {
    display: block;
    width: 398px;
    height: 125px;
    position: relative;
    top: 90px;
    left: 16px;
}

.logotag {
    position: relative;
    top: 100px;
    left: 16px;
}

.logotag * {
    text-transform: none;
    font-size: 25px;
    font-weight: bold;
    font-family: "Economica",sans-serif;
}
.logotag span {width: 450px; background: #ffffff; }
.logotag span.green {color: #637e42; background: none !important;}
.logotag span.lightgreen {color: #8ca66d; background: none !important; margin-left: 185px;}
.logotag span.brown {color: #66472d; background: none !important; margin-left: 315px;}


#brownbanner {
    background: transparent url('/files/images/bubbles-bg.png') no-repeat 12px -2px;
    width: 1000px;
    margin: 0 auto;
    height: 118px;
    position:relative;
}

#brownbanner div {
    width: 360px;
    display: table;
    height: 120px;
    float: left;
    margin-left:110px;
}
#brownbanner div a {
    font-size: 2.8em;
    color: #fff !important;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: lighter;
    letter-spacing: .08em;
}

#brownbanner p {
    width: 380px;
    float: left;
    color: #fff;
    /*margin-left: 60px;*/
    margin-left: 120px;
    margin-top: 32px;
    font-size: 1.2em;
    font-weight: lighter;
    text-align: left;
    letter-spacing: .06em;
}

#rc{position:absolute;left:850px;}
#rc1{position:absolute;left:0px;}

#brownbanner p a {color: #8CA66C !important;}

#brownbanner p a:hover {color: gold !important;}

/* Video Library Styles */
#videospage h4 {
    color: #66472d;
    height: 30px;
    margin-bottom: 0;
    max-width: 300px;
    padding-bottom: 0;
    text-align: center;
}

#videospage img {
    width: 300px;
    height: 169px;
}

.vidnavigation{
    font-family: 'Open Sans Condensed','arial narrow', sans-serif;
    width:350px;margin:0 auto;
    font-size:16px;
    font-weight:bold;}
.vidnavigation .fl, .vidnavigation .fr {width:60px;}
.vidnavigation .fl{text-align:left;}
.vidnavigation .fr{text-align:right;}
.vidnavigation .ctrvid{230px}

.ctrvid p {display:inline;padding-left:13px;}
/* End Video Library Styles */

.homecols p {
    text-align: justify;
    font-kerning: none;
    letter-spacing:1px;
    line-height:1.7em;
}
.ctr{text-align:center;}
img.ctr{display:block;margin-left:auto;margin-right:auto;}
div.ctrvid{display:inline;text-align:center;margin:0 auto;width:60%;}

.fa-facebook-square {color:#3b5998;}

#socialmedia {
  left: 20px;
  position: absolute;
  top: 60px;
}

#socialmedia i.fa {
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.4em;
  height: 40px;
  padding: 8px 9px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

#socialmedia .fa-facebook {
    background: #3b5998;
}

#socialmedia .fa-twitter {
    background: #55acee;
}

#socialmedia .fa-google-plus {
    background: #dc4e41;
}
#socialmedia a .fa-yelp {background-color: #af0606}

.topslider {
    height: 300px;
    position: absolute;
    right: -40px;
    top: 40px;
    width: 600px;
    z-index: 0;
}

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

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

.staffBox p:first-of-type{
margin-top:0px;
padding-top:0px;
}

.staffBox div{
margin-left:195px;
width:740px;
}

.seoH1{ color: #66472d;font-size:18px; }
.seoH2{ color: #66472d;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;}

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

/* Landing Page Cards */
.home-reports-bar {
  margin: 0 auto;
  width: 860px;
}
.reports-bar-inner {
  background: #fff;
  padding: 0 0 12px;
}
.reports-bar-inner .reports {
  list-style: none;
  margin: 0;
  padding: 0;
}
.reports-bar-inner .reports li {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 5px 5px 5px 5px;
  margin: 0 30px 23px 0;
  padding: 0;
  float: left;
  width: 262px;
}
.reports-bar-inner .reports li h3 {
  background: #eee;
  font-size: 20px;
  font-weight: 600;
  margin: 8px 0;
  text-align: center;
  text-transform: uppercase;
}
.reports-bar-inner .reports li img {
  display: block;
  width: 215px;
  height: 221px;
  margin: 0 auto;
  padding-bottom: 2px;
}
.reports-bar-inner .reports li a {
  /*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);*/
  color: #000;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 12px 0 4px;
}
.reports-bar-inner .reports li a:hover,
.reports-bar-inner .reports li a.active {
  opacity: 0.8;
  text-decoration: none;
}
.reports-bar-inner .reports li a:hover .get-report,
.reports-bar-inner .reports li a.active .get-report {
  text-decoration: underline;
}
.reports-bar-inner .reports li a p {
  font-size: 16px;
  font-family: myriad-pro, 'Myriad Pro', sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0 16px;
  text-align: left;
}
.reports-bar-inner .reports li a .get-report {
  color: #2696d7;
  display: block;
  padding: 6px 0 10px 0;
  text-align: right;
}
/*.reports-bar-inner .reports li:last-child {
  margin-right: 0;
}
{
  background-color: #f9f9f9;
  -webkit-box-shadow: inset 0px 0px 5px 5px #f1f1f1;
  box-shadow: inset 0px 0px 5px 5px #f1f1f1;
}*/
.relative {
  position: relative;
}
.white {
  background: #fff;
}
.attention {
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.attention span {
  background: #ffff99;
}
h1.home-headline {
  color: #000;
  font-size: 32px;
  font-weight: normal;
  line-height: 32px;
  margin: 0;
  padding: 18px 20px 10px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}
.home-subheadline {
  line-height: 24px;
  margin: 2px 0 16px;
  padding: 0 50px;
  text-align: center;
  font-size: 20px;
}
.ctr{text-align:center;}

input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#333;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
