/*----------------------------------------------reset---------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, abbr, acronym, address, blockquote, q, cite, dfn, kbd, pre, code, samp, var, tt, ul, ol, li, dl, dt, dd, form, label, fieldset, legend, input, textarea, a, img, del, ins, strong, em, sub, sup, table, caption, tfoot, tbody, thead, tr, th, td {padding: 0; border: 0; margin: 0; outline: 0;} a, abbr, acronym {text-decoration: none;} ul, ol {list-style: none;} h1, h2, h3, h4, h5, h6, p, a, blockquote, q, cite, li, dt, dd, tr, th, td {font-style: normal; font-variant: normal; font-weight: normal;} strong {font-weight: bold;} em {font-style: italic;} /*----------------------------------------------layout--------------------------------------------*/ body {position: relative; width: 960px; margin: 0 auto;} #content {overflow: hidden;} #side, #main {margin: 15px 10px;} #side {float: left; width: 300px;} #main {float: right; width: 620px;} #testimonials, #siteinfo {clear: both;} iframe {width: 610px; height: 500px; padding: 10px 0 10px 10px;} /*----------------------------------------------typography----------------------------------------*/ body {background: white; color: #555; font-size: 62.5%; line-height: 1.4; font-family: arial, sans-serif;} h1, h2, h3, h4, h5, h6 {color: #444;} h2 {font-size: 2.2em;} h3 {font-size: 2.0em;} h4 {font-size: 1.8em;} h5 {font-size: 1.4em;} h6 {font-size: 1.6em;} p, li {font-size: 1.4em;} a, ol li, li li {font-size: 1.0em;} ul li {padding: 0 10px;} #main ul li {list-style: disc inside;} h2, h3, h4 {clear: both; padding: 0.25em 0 0.25em 10px;} h5, h6, p {padding: 0.5em 0 0.5em 10px;} h6, .postexcerpt {border-bottom: 1px solid #DDD;} abbr, acronym {border-bottom: 1px dotted;} a:link, a:visited {color: #4F623A;} a:focus {color: #384B23; outline: #9DB087 solid 1px; overflow: hidden;} a:hover, a:active {color: #9DB087; cursor: pointer; outline: none;} #home a.home {cursor: default;} #main a:link, #main a:visited {border-bottom: 1px solid #4F623A;} #main a:hover, #main a:active, #main h2 a:link, #main h2 a:visited, #postnav a:link, #postnav a:visited, #pagenav a:link, #pagenav a:visited {border-bottom: none;} /*----------------------------------------------ident---------------------------------------------*/ #ident {position: relative; width: 640px; height: 150px; text-indent: -9999px; background: url(../graphics/ident.png) no-repeat left 15px;} #ident a {position: absolute; left: 10px; top: 10px; width: 470px; height: 140px; display: block;} /*----------------------------------------------searchform----------------------------------------*/ #searchform {position: absolute; z-index: 1; top: 22px; left: 650px; width: 300px; overflow: hidden; border: 1px solid #DDD;} #searchform input {float: left; width: 246px; padding: 0.25em 8px; margin: 2px; color: #555; background: #EEE; font-size: 18px; font-family: arial, sans-serif;} #searchform #searchsubmit {width: 30px; height: 30px; padding: 0; text-indent: -9999px; background: url(../graphics/search.png) no-repeat;} #searchform #searchsubmit:hover {cursor: pointer;} #searchform input:focus {outline: #4F623A solid 1px; overflow: hidden;} #searchform input:active {outline: none;} /*----------------------------------------------sitenav-------------------------------------------*/ #sitenav {width: 940px; height: 30px; margin: 0 10px; overflow: hidden; background: url(../graphics/sitenav.png) no-repeat center top;} #sitenav ul {float: right;} #sitenav li {float: left; width: 155px; padding: 0; text-indent: -9999px;} #sitenav a {height: 30px; display: block; background: url(../graphics/sitenav.png) no-repeat center -1000px;} #sitenav a:focus {outline: none;} #sitenav .about a:focus, #sitenav .about a:hover, #sitenav .about a:active {background-position: -320px -30px;} #about #sitenav .about a {background-position: -320px -30px;} #sitenav .schedule a:focus, #sitenav .schedule a:hover, #sitenav .schedule a:active {background-position: -475px -30px;} #schedule #sitenav .schedule a {background-position: -475px -30px;} #sitenav .location a:focus, #sitenav .location a:hover, #sitenav .location a:active {background-position: -630px -30px;} #location #sitenav .location a {background-position: -630px -30px;} #sitenav .contact a:focus, #sitenav .contact a:hover, #sitenav .contact a:active {background-position: -785px -30px;} #contact #sitenav .contact a {background-position: -785px -30px;} #about #sitenav .about a, #schedule #sitenav .schedule a, #location #sitenav .location a, #contact #sitenav .contact a {cursor: default;} /*----------------------------------------------visionstatement-----------------------------------*/ #visionstatement {width: 940px; height: 235px; margin: 0 10px; text-indent: -9999px; border-top: 1px solid white; border-bottom: 1px solid white; background: url(../graphics/martinsellcentre.jpg) no-repeat center top;} /*----------------------------------------------subscribe-----------------------------------------*/ #subscribe {width: 940px; margin: 0 10px; background: url(../graphics/subscribe.png) no-repeat center bottom;} #subscribe p {text-indent: -9999px; padding: 0 10px;} #subscribe a {width: 300px; height: 30px; display: block; background: url(../graphics/subscribe.png) no-repeat center -1000px;} #subscribe a:focus, #subscribe a:hover, #subscribe a:active {outline: none; background-position: -10px top;} /*----------------------------------------------optionsnav----------------------------------------*/ #optionsnav {width: 300px;} #optionsnav ul {font-size: 1.4em;} #optionsnav li {line-height: 1.2; padding: 0 0 10px; margin-bottom: 10px; background: url(../graphics/optionsnav.png) no-repeat left bottom;} #optionsnav a {display: block; padding: 10px 10px 0 35px; background: url(../graphics/optionsnav.png) no-repeat left top;} #optionsnav li:focus, #optionsnav li:hover, #optionsnav li:active {background: url(../graphics/optionsnav.png) no-repeat right bottom;} #optionsnav a:focus, #optionsnav a:hover, #optionsnav a:active {color: #444; outline: none; background: url(../graphics/optionsnav.png) no-repeat right top;} #optionsnav li.current_page_item, #optionsnav li.current_page_parent, #optionsnav li.current_page_ancestor {background: url(../graphics/optionsnav.png) no-repeat right bottom;} #optionsnav .current_page_item a, #optionsnav .current_page_parent a, #optionsnav .current_page_ancestor a {color: #444; background: url(../graphics/optionsnav.png) no-repeat right top;} /*----------------------------------------------venuehire-----------------------------------------*/ #venuehire {margin: 15px 0; background: url(../graphics/hire.png) no-repeat center top;} #venuehire p {padding: 0;} #venuehire a {width: 300px; height: 150px; display: block; text-indent: -9999px;} #venuehire a:focus, #venuehire a:hover, #venuehire a:active {outline: none; background: url(../graphics/hire.png) no-repeat center -150px;} #hire #venuehire .hire a {cursor: default; background: url(../graphics/hire.png) no-repeat center top;} /*----------------------------------------------gallery-------------------------------------------*/ #photogallery {width: 300px;} #photogallery p {padding: 0; font-size: 20px; line-height: 1.2; padding: 0 0 10px; margin-bottom: 10px; background: url(../graphics/optionsnav.png) no-repeat left bottom;} #photogallery a {display: block; padding: 10px 10px 0 35px; background: url(../graphics/optionsnav.png) no-repeat left top;} #photogallery p:focus, #photogallery p:hover, #photogallery p:active {background: url(../graphics/optionsnav.png) no-repeat right bottom;} #photogallery a:focus, #photogallery a:hover, #photogallery a:active {color: #444; outline: none; background: url(../graphics/optionsnav.png) no-repeat right top;} #gallery #photogallery p.gallery {background: url(../graphics/optionsnav.png) no-repeat right bottom;} #gallery #photogallery .gallery a {color: #444; background: url(../graphics/optionsnav.png) no-repeat right top;} /*----------------------------------------------photo/video---------------------------------------*/ #main img, #main object, #main embed {float: right; max-width: 290px; max-height: 386px; margin: 0.28em 0 1em 30px;} #therapy-and-healing img {width: 145px; height: 175px;} #main img.alt, #main object.alt, #main embed.alt {float: left; margin: 0.28em 30px 1em 0;} /*----------------------------------------------posts/comments/pings------------------------------*/ .postcomplete {} .postexcerpt {padding: 1em 0;} .postmeta h5, .postmeta p, .pingmeta p {padding-left: 45px;} .postmeta .postdate {background: url(../graphics/date.png) no-repeat 10px center;} .postmeta .posttags {background: url(../graphics/tags.png) no-repeat 10px center;} .postmeta .readmore {background: url(../graphics/arrowright.png) no-repeat 10px center;} #displaycomments .avatar img {display: block; float: left; width: 23px; margin: 0; margin-right: 12px;} #commentlist li, #pinglist li {padding: 1em 0; margin: 1em 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;} /*----------------------------------------------contact/commentforms------------------------------*/ .form {width: 618px; padding-top: 1em; border: 1px solid #DDD; margin: 1em 0;} .form input, .form textarea {width: 580px; padding: 0.5em 9px; margin-bottom: 0.5em; color: #555; background: #EEE; font-size: 18px; font-family: arial, sans-serif;} .form strong {color: #4F623A;} .form p {padding: 0 9px;} .form .button {overflow: hidden;} .form .button input {margin-bottom: 0.5em;} .form #sendmessage, .form #submitcomment, .form .okbutton {float: right; width: 300px; height: 44px; padding: 0; text-indent: -9999px; background: url(../graphics/formbuttons.png) no-repeat;} .form #sendmessage {background-position: 0px 0px;} .form #sendmessage:hover {background-position: 0px -50px;} .form #submitcomment {background-position: 0px -100px;} .form #submitcomment:hover {background-position: 0px -150px;} .form .okbutton {background-position: 0px -200px;} .form .okbutton:hover {background-position: 0px -250px;} .form .okbutton {font-size: 18px; margin: 0.5em 0;} .form #sendmessage:hover, .form #submitcomment:hover, .form .okbutton:hover {cursor: pointer;} .form input:focus, .form textarea:focus, .form .okbutton:focus {outline: #4F623A solid 1px; overflow: hidden;} .form input:active, .form .okbutton:active {outline: none;} /*----------------------------------------------pagination----------------------------------------*/ #postnav, #pagenav {width: 620px; padding-top: 1em; margin-top: 1em; border-top: 1px solid #DDD;} #postnav ul li, #pagenav ul li {list-style: none; padding: 0;} #postnav .first, #pagenav .first {margin-left: 10px;} #postnav .previous, #pagenav .previous {margin-left: 10px; background: url(../graphics/arrowleft.png) no-repeat left center;} #postnav .previous a, #pagenav .previous a {padding: 0.2em 0 0.2em 35px;} #postnav .next a, #pagenav .next a {padding: 0.2em 35px 0.2em 0;} #postnav .next, #pagenav .next {float: right; margin-right: 10px; background: url(../graphics/arrowright.png) no-repeat right center;} #postnav .last, #pagenav .last {float: right; margin-right: 10px;} #postnav ul, #pagenav ul {overflow: hidden; padding-bottom: 1em; border-bottom: 1px solid #DDD;} /*----------------------------------------------logos---------------------------------------------*/ #nicola-merton-richards #main {padding-bottom: 130px; margin-bottom: 30px; background: url(../graphics/logos.png) no-repeat center bottom;} /*----------------------------------------------testimonials--------------------------------------*/ #testimonials {color: #666; width: 620px; margin: 3em 0 2em; background: url(../graphics/quoteopen.png) no-repeat 10px top;} #testimonials blockquote {font-size: 1.6em; font-style: italic; padding: 10px 70px 10px 80px; background: url(../graphics/quoteclose.png) no-repeat 572px bottom;} #testimonials .cite {text-align: right; padding-right: 70px; padding-top: 10px;} /*----------------------------------------------siteinfo------------------------------------------*/ #siteinfo {width: 940px; margin: 0 10px; padding: 1em 0; background: url(../graphics/siteinfo.png) no-repeat center top;} #siteinfo ul {overflow: hidden;} #siteinfo li {float: left; color: #FFF; border-right: 1px dotted #EEE;} #siteinfo li.contact, #siteinfo li.backlink {border-right: none;} #siteinfo li.backlink {float: right;} #siteinfo a {color: #FFF;} #siteinfo a:focus, #siteinfo a:hover, #siteinfo a:active {color: #333; outline: none;} #about #siteinfo .about a, #schedule #siteinfo .schedule a, #location #siteinfo .location a, #hire #siteinfo .hire a, #contact #siteinfo .contact a {color: #FFF; cursor: default;} /*----------------------------------------------ends----------------------------------------------*/