/* Theme Name: Physio Theme URI: http://www.oncotton.co.uk/ Description: 2 Column template for wordpress Author: oncotton Author URI: http://www.oncotton.co.uk Version: 1.0 . This template is created for The London Physio Company. All rights reserved. . */ body { font: 75% Helvetica, verdana, geneva;color: #535353;margin: 0; background-color: #b4b4b4; letter-spacing: 0.04em;} h1{ font-size: 220%; font-weight: normal;} h1 span{ display: none;} h2{ font-size: 240%; font-weight: normal; text-transform: capitalize;} h2 a{ text-decoration: none; font-weight: normal; color: #999;} h3{ font-size: 180%; font-weight: normal; color: #66aacf; padding: 0px 0 5px 0px; text-transform: capitalize;} h3 a{color: #66aacf; text-decoration: none;} h3 a:hover{color: #333;} h4{ font-size: 160%; font-weight: normal; color: #66aacf; padding: 60px 0 0px 0px; margin: 0; text-transform: capitalize;} #header {background: url(images/top_header.jpg) no-repeat bottom left; height: 120px; width: 960px; margin: 0 auto 0 auto; } #header img{ margin: 25px 0 0 30px; border: solid 1px #adadad; border-top: solid 1px #c9c9c9; border-left: solid 1px #c9c9c9;} .white-back{width: 100%; background-color: #FFF;} /* ----------------------------------- navigation */ .navigation{float: right; padding: 45px 20px 0 0; text-transform: capitalize; font-size: 120%;} #navlist li { display: inline; list-style-type: none; padding-right: 0px; margin-right: 0;} #navlist li a {text-decoration: none; color: #999; font-weight: normal; padding: 60px 20px 10px 15px; border-left: solid 1px #f5f5f5; margin: 0;} #navlist li a:hover {text-decoration: none; color: #67939c; font-weight: normal; border-left: solid 1px #67939c; } ul#navlist li.home {padding-left: 0px; margin-left: 0} #navlist li.current_page_parent a { text-decoration: none; color: #67939c; font-weight: normal; border-left: solid 1px #67939c;} #subnav li.current_page_item a, #subnav li.current_page_item a:visited { text-decoration:none; font-weight: bold;background: url("images/arrow_right.png") no-repeat 0 6px; } /* ----------------------------------- Slide banner */ #banner-background{ width: 100%; padding: 0px; border-top: solid 1px #638f98; background: url(images/green_stripe.jpg) repeat-x;} #banner-home{ width: 952px; margin: 0 auto 0 auto;background: url(images/slide1.jpg) no-repeat; height: 251px; border-bottom: solid 0px #567c84; padding: 20px 0 0 0; border-left: solid 1px #5b9c8e; border-right: solid 1px #5b9c8e; position:relative;} #banner{ width: 952px; margin: 0 auto 0 auto;background: url(images/header_sub.jpg) no-repeat; height: 100px; border-bottom: solid 1px #648f98; border-left: solid 1px #5b9c8e; border-right: solid 1px #5b9c8e;} #banner h2 {margin: 0; padding:40px 0 0 40px; color: #FFF; text-shadow: #000 0px 0px 2px; } #banner h2 a{color: #FFF;} #slides h2 { line-height: 1.3em; padding: 30px 0px 0 20px; font-size: 2.4em; float: left; margin: 0px; color: #f1f8fb; text-shadow: black 0px 0px 3px; width: 460px;} #slides img{padding-top: 6px; float: left;} #slides p{ line-height: 1.5em; padding: 20px 0px 0 40px; font-size: 1.1em; float: left; width: 450px; margin: 0px; font-weight: normal; color: #547d85; text-shadow: #b4d6e2 0px 0px 5px;} .treatmentList li { list-style: none; border: 0px; font-size: 110%; padding: 0px 20px 0px 35px; background: url(images/accept_round.png) no-repeat 0px 0px; margin-top: 10px; } .treatmentList a{color: #508177; text-decoration: none;} .treatmentList a:hover{color: #fff; text-decoration: none;} .treatmentList { padding: 0 0 0 40px; float: left; width: 450px; font-weight: bold;} .slideReadMore li { list-style: none; border: 0px; padding: 5px 0 15px 455px; background: url(images/bg_button2.png) no-repeat 420px 2px; margin-top: 20px; } .slideReadMore a{color: #fff; font-weight: bold; font-size: 110%;} #slides ol{ width: 80em; font-size: 110%; height: 200px; overflow: hidden;} #slides ol li { float: left; width: 20em; font-weight: bold;} /* stop the floating after the list */ .leftTextSlide {float: left; width: 280px; padding: 10px 20px 0 20px;line-height: 1.4em;} #content-main{ width: 960px; line-height: 1.6em; background: url(images/content_background.jpg) repeat-y; margin: 0 auto 0 auto; border-top: solid 0px #b2d3d9;} #content-main-home{ width: 960px; line-height: 1.6em; background: url(images/content_background_home.jpg) repeat-y; margin: 0 auto 0 auto; border-top: solid 0px #b2d3d9;} .bottom-section{ padding: 0px 0 0 40px; margin-top: 0px;} #content-left{ width: 513px; padding: 40px 20px 40px 40px; float: left;} #right-column h2{ margin-bottom: 0px; padding: 20px 0 0px 40px; font-size: 140%;color: #365C54; text-shadow: #b4d6e2 0px 0px 5px; } #content-left-home { width: 513px; padding: 40px 20px 40px 40px; float: left; font-size: 115%; line-height: 1.5em; color: #999;} #right-column{border: solid 0px; padding: 20px 0 0 0; width: 330px; margin-right: 3px; float: right;} #right-column .entry h4{padding: 20px 0 0 40px; color: #333;} #right-column .entry ul{background: none; padding: 0 0 0 40px; margin: 0;} #right-column .entry ul ul{background: none; padding: 0 0 0 0px; margin: 0;} #content-left ul{list-style: none;} #content-left li{ background: url("images/accept.png") no-repeat 0 6px; padding: 5px 5px 5px 26px;} #contentSubNav li { background: url("images/arrow_right.png") no-repeat 0 11px; padding: 10px 5px 7px 20px; font-weight: bold; text-transform: capitalize; font-size: 120%;} #contentSubNav ul { border-top: solid 0px #CCC; margin-top: 40px; padding-top: 20px;} #contentSubNav li a{ color: #777; text-decoration: none; } #contentSubNav li a:hover{ color: #66aacf; } #contentSubNav li a:active{ color: #000; } #contentSubNav li.current_page_item a, #contentSubNav li.current_page_item a:visited{ background: none; color: #CCC;} #submenu {list-style: none; margin: 20px 0 60px 0; padding: 0;} #submenu li { border-bottom: solid 0px #CCC; background: #FFF;} #submenu li a { display: block; background: url("images/arrow_right_grey.jpg") no-repeat 0 2px; padding: 0px 5px 0px 25px; color: #515151; text-decoration: none; width: 100%; text-decoration: none;} #submenu li a:hover { display: block; background: url("images/arrow_right.jpg") no-repeat 0 2px; padding: 0px 5px 0px 25px; color: #000; text-decoration: none; width: 100%; } /* ----------------------------------- Home bottom columns */ .four-column{width: 200px; float: left; border-right: solid 0px #f0f0f0; padding: 0 60px 0px 0px; margin-right: 0px; height: 320px; color: #6d6d6d; overflow: hidden;} .four-column img{border: solid 1px #6d6d6d;} #last-four{border: solid 0px; padding: 0px; /* background: url("images/bottom_right_col.jpg") repeat-y top left; */ width: 256px; background-color: #e9f1f4;} .four-column h3 {font-size: 140%; padding: 30px 0 20px 0; margin: 0; height: 20px;} .four-column h3 a{text-decoration: none; color: #535353;} .four-column h3 a:hover{text-decoration: none; color: #66aacf;} .four-column ul { list-style: none; margin: 5px 3px 5px 0; padding: 0; border: none; line-height: 1.0em;} .four-column li { padding-bottom: 10px; margin: 0; line-height: 1.0em; border-bottom: solid 0px #e7e7e7; } .four-column li a {display: block; padding: 5px 5px 5px 0px; color: #66aacf; font-weight: normal; text-decoration: none; width: 100%; } .four-column li a:hover { color: #000; text-decoration: none;} .fourWide {width: 350px; float: left; padding: 60px 50px 0px 0px; margin-right: 0px; color: #648f98; font-weight: normal; font-size: 14px; font-style: italic} .fourWide a {color: #999} .fourWide ul { list-style: none; margin: 5px 3px 7px 0; padding: 0; border: none; line-height: 1.0em;} .fourWide li { padding-bottom: 10px; margin: 0; line-height: 1.0em; border-bottom: solid 0px #e7e7e7; } .fourWide li a {display: block; padding: 5px 5px 5px 0px; color: #66aacf; font-weight: normal; text-decoration: none; width: 100%; border: solid 0px; } #testimonials {height: 168px; overflow: hidden; padding-top: 60px; color: #999} /* ----------------------------------- Footer */ #footer-back {width: 100%; background-color: #4b4b4b;} #footer {background: url(images/footer_back.jpg) no-repeat; width: 960px; padding: 0px; margin: 0 auto 0 auto; clear: both; font-size: 0.7em; height: 115px;} #footer a{text-decoration: underline; color: #999;} #footer p{padding: 17px 0 8px 40px; margin-top: 0px; color: #999; line-height: 1.5em; font-weight: normal; } /* ----------------------------------- Misc */ #rss-feed{float:right; font-size: 45%; padding-top: 0px; text-align: right; padding-top:5px;} #rss-feed a{color: #CCC;} #last-updated{color: #CCC; font-size: 75%; padding-top: 40px;} .text-slide { float: right; margin: 0; padding: 0 1em; position: relative; line-height: 1.7em; width: 500px;} #icon-do{background: url(images/info.png) no-repeat top left; float: right; width: 150px; padding: 2px 20px 10px 30px;} #icon-treatments{background: url(images/accept.png) no-repeat top left; float: right; width: 150px; padding: 2px 20px 10px 30px;} #icon-news{background: url(images/rss.png) no-repeat top left; float: right; width: 150px; padding: 2px 20px 10px 30px;} #edit-this a{background-color: #ffff99; padding: 10px; font-weight: bold; color: #000; margin-top: 20px; width: 100px; border: solid 1px #ff9900;} #address{margin-top: 20px; background: url(images/m_divider_ad.jpg) no-repeat top left; padding: 15px 0 0 20px; color: #7a7a7a;} .author{font-style: italic;} .author-post { background-color: #f7f7f7; padding: 5px 0 5px 10px; border: solid 1px #efefef; width: 300px; font-size: 80%; color: #69653B; margin: 20px 0 100px 0; line-height: 1.4em;} .author-post a{color: #69653B; text-decoration: none;} #addressRight {width: 100%; padding: 0px; margin:40px 0 20px 0px; font-weight: normal; color: #365C54; text-shadow: #b4d6e2 0px 0px 5px;} #addressRight p{padding: 0 35px 0 30px;} .readMore li { list-style: none; border: 0px; font-size: 90%; padding: 0px 0 0 21px; background: url(images/arrow_right_grey.jpg) no-repeat 0px 2px; margin-top: 10px;} .readMore li a{ font-weight: bold; color: #999; text-decoration: none; border: 0px; border: none;} .readMore li a:link { color: #999; text-decoration: none;} /* unvisited link */ .readMore li a:visited { color: #999; text-decoration: none;} /* visited link */ .readMore li a:hover { color: #535353; text-decoration: none;} /* mouse over link */ .readMore li a:active { color: #999; text-decoration: none;} /* selected link */ .readMoreTest li { list-style: none; border: 0px; font-size: 90%; padding: 0px 0 0 21px; background: url(images/arrow_right_grey.jpg) no-repeat 0px 2px; margin-top: 10px;} #print-this a{color: #999; font-size: 90%; float: right; padding-right: 5px; margin-top: 40px; text-decoration: none; text-align: right;} #print-this a:hover{color:#66aacf;} /* ----------------------------------- Banners*/ .lineRight {height: 11px; background: url(images/line_right.jpg) repeat-x; padding: 0; margin: 0;} #bannerBook { background: url(images/calendar.png) no-repeat 20px 10px; padding: 25px 0px 15px 90px; margin-top: 0px;} #bannerBook a{ text-decoration: none; color: #365C54; text-shadow: #b4d6e2 0px 0px 5px; font-weight: bold; } #bannerBook a:hover { color: #66aacf;text-shadow: #FFF 0px 0px 3px;} #bannerNewsletter { background: url("images/newsletter_icon.png") no-repeat 20px 0px; padding:10px 0px 17px 90px; margin-top: 0px; color: #365C54; text-shadow: #b4d6e2 0px 0px 5px;} #bannerNewsletter a{ text-decoration: none; color: #365C54; font-weight: bold; } #bannerNewsletter a:hover {color: #66aacf;text-shadow: #FFF 0px 0px 3px;} #bannerBookWide { background: url(images/banner_book2.jpg) no-repeat 0px 0; width: 237px; padding:25px 0px 25px 90px; margin-top:0px; margin-left: 0px; line-height: 2.5em; color: #365C54; font-weight: normal;text-shadow: #b4d6e2 0px 0px 5px;} #bannerBookWide a{text-decoration: none; color: #365C54; font-weight: normal;text-shadow: #b4d6e2 0px 0px 5px;} #bannerBookWide a:hover{text-decoration: none; color: #66aacf; font-weight: normal;text-shadow: #FFF 0px 0px 3px;} #bannerNewsletterWide { background: url("images/banner_newsletter2.jpg") no-repeat 0px 0; width: 237px; padding:18px 0px 22px 90px; margin-top: 0px; margin-left: 0px; line-height: 2.5em; color: #365C54; font-weight: normal; border-top: solid 0px #CCC; border-bottom: solid 0px #CCC; text-shadow: #b4d6e2 0px 0px 5px;} #bannerNewsletterWide a{text-decoration: none; color: #365C54; font-weight: normal;text-shadow: #b4d6e2 0px 0px 5px;} #bannerNewsletterWide a:hover{text-decoration: none; color: #66aacf; font-weight: normal;text-shadow: #FFF 0px 0px 3px;} /* ----------------------------------- search narrow*/ #searchWrap { background: url("images/short_divider.jpg") no-repeat top left; display: block; width: 205px; padding-top: 20px; margin-top: 30px;} #searchWrap #searchForm { margin: 0px; } #searchForm input { vertical-align: middle; margin: 6px 0 0 0; } #searchWrap #searchForm #s { color: #666; border: 1px solid #CCC; padding: 1px; width: 145px; margin-right: 4px; } /* ----------------------------------- search medium*/ #searchWm { background: url("images/medium_divider.jpg") no-repeat top left; width: 287px ; padding: 10px 0 35px 40px !important; padding:25px 0 40px 30px; margin: 0px !important; margin: 0 0 0 5px; line-height: 4.0em !important; line-height: 4.4em;} #searchWm #searchForm { margin: 0px; } #searchForm input { vertical-align: middle; margin: 6px 0 0 0; } #searchWm #searchForm #s { color: #666; font-size: 12px; border: 1px solid #CCC; padding: 1px; width: 170px; margin-right: 4px; } /* ----------------------------------- Sub navigation */ #navcontainer { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #90bade; color: #535353;} #right-column ul { list-style: none; margin: 0px; padding: 20px 50px 30px 50px !important; padding: 20px 45px 30px 30px; border: none; background: url("images/medium_divider.jpg") repeat-x bottom left !important; background: none; width: 227px; text-transform: capitalize;} #right-column li { border-top: 0px solid #c4c4c4; margin: 0; font-weight: bold;} #right-column li a { display: block; background: url("images/arrow_right_grey.png") no-repeat 0 6px; padding: 5px 5px 5px 25px; color: #515151; text-decoration: none; width: 100%; } #right-column li a:hover { background: url("images/arrow_right.png") no-repeat 0 6px; color: #8d8d8d;} #right-column p{padding: 10px 40px 0 50px;} #contactPageLink ul{padding: 0px 50px 30px 50px; border: none; background: url("images/medium_divider.jpg") repeat-x bottom left; margin: 20px 0 0 0; width: 227px;} #contactPageLink li { border-top: 0px solid #c4c4c4; margin: 0; padding: 0; font-weight: bold;} #contactPageLink li a{text-decoration: none; color: #365C54; font-weight: normal; text-shadow: #b4d6e2 0px 0px 5px; background: url("images/comments.png") no-repeat 0px 0px; padding: 7px 0 5px 40px;} #contactPageLink li a:hover{text-decoration: none; color: #66aacf; font-weight: normal; text-shadow: #FFF 0px 0px 3px; background: url("images/comments_high.png") no-repeat 0px 0px; padding: 7px 0 5px 40px;} #contactPagePhone ul{padding: 0px 50px 30px 50px; border: none; background: url("images/medium_divider.jpg") repeat-x bottom left; margin: 20px 0 0 0; width: 227px; text-transform: lowercase;} #contactPagePhone li {border-top: 0px solid #c4c4c4; text-decoration: none; color: #365C54; font-weight: normal; text-shadow: #b4d6e2 0px 0px 5px; background: url("images/favorite.png") no-repeat 0px 0px; padding: 0px 0 5px 40px;} /* // button backgrounds */ .home-button{position: relative;top: 280px;} .prevNext {position:absolute; top:160px; left:951px;z-index: 2;} .prevNext button{z-index: 3; cursor: pointer; border:none; background:url(images/banner_next.png) no-repeat 0 0; padding:10px; height:90px; line-height:33px;} .hidden{display: none;} .clear {clear: both;} .small{font-size: 70%; color: #999; line-height: 0.6em;} .small a{color: #66aacf; font-weight: normal; text-decoration: none;} a{ color: #333; text-decoration: underline; } #myMap { margin: 60px 0 20px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; width: 550px; height: 400px; } .linklove{display: none;} .alignleft {float: left; margin: 0 20px 10px 0; border: solid 1px #CCC; background-color: #FFF; padding: 4px;} #NewsletterBox { background: url("images/medium_divider.jpg") no-repeat bottom left; display: block; width: 327px; padding: 10px 0 35px 0px; margin-top: 0px;} #ddsg-wrapper li{ background: url("images/arrow_right.png") no-repeat 0 6px; } .size-large {margin: 0 20px 10px 0; border: solid 1px #CCC; background-color: #FFF; padding: 4px;} .size-full {margin: 0 20px 10px 0; border: solid 1px #CCC; background-color: #FFF; padding: 4px;} #scrollText {float: right; font-size: 90%; padding: 20px;} #scrollText a{text-decoration: none;} #content-left h1, #content-left h3 {line-height: 1.2em; color: #648f98}