/*
Theme Name: Psychology Associates Theme
Theme URI: http://www.psychologyassociates.co.nz/
Description: Design by Alex Gilks, Implementation by Julian Moller
Version: 1.0
Author: Alex Gilks
Author URI: http://www.chopchop.co.nz/
*/
html, body{ height: 100%; }
#page{ position: relative; min-height: 100%;}
#header{ height: 80px; width: 967px; margin: 0 auto; position: relative; }
#header h1{ width: 240px; height: 70px; position: absolute; left: 14px; top: 6px; }
#header h1 a{ display: block; width: 100%; height: 100%; background: url('/wordpress/wp-content/themes/psych/images/logo.jpg') no-repeat; }
#header ul{ position: absolute; top: 0; right: 30px; }
#header li{ float: left; margin: 0 1px; position: relative; }
#header li a{ display: block; height: 30px; line-height: 30px; padding: 0 12px; background-color: #84b22e; color: #fff; text-decoration: none; font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: -0.8pt; }
#header li.current_page_item a{ background-color: #3e8ab9; }
#header ul ul{ position: absolute; top: 31px; right: auto; left: -1px; padding: 0; background: #fff; z-index: 200; display: none; }
#header ul ul li{ clear: both; margin: 1px; }
#header li.sub-nav a{ padding-right: 24px; background-image: url('/wordpress/wp-content/themes/psych/images/sub-nav-arrow-right.png'); background-repeat: no-repeat; background-position: 100% 50%; }
#header li.sub-nav.hover a{ background-image: url('/wordpress/wp-content/themes/psych/images/sub-nav-arrow-down.png'); }
#header li.sub-nav li a, #header li.sub-nav.hover li a{ padding-right: 12px; background-image: none; }
#header a#facebook-link{ display: block; position: absolute; z-index: 100; bottom: 5px; right: 0; height: 17px; line-height: 17px; padding: 4px 0 0 28px; background: transparent url('/wordpress/wp-content/themes/psych/images/facebook-logo.png') 0 0 no-repeat; font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #84b22e; text-decoration: none; }
#header a#facebook-link:hover{ color: #3e8ab9; }
#content{ background: url('/wordpress/wp-content/themes/psych/images/water-strip.png') repeat-x; }
#content .bg_right{ background: url('/wordpress/wp-content/themes/psych/images/water.jpg') no-repeat right top; height: 100%; }
#content .container{ width: 990px; margin: 0 auto; padding: 50px 0; }
#footer{ background: #FEE597; height: 25px; position: absolute; bottom: 0; width: 100%; }
#footer p{ line-height: 25px; text-align: center; font-family: arial, sans-serif; color: #466070; font-size: 11px; letter-spacing: -0.1pt; word-spacing: 0pt; }
#footer p a{ color: #84b22e; text-decoration: none; }
#admin-link{ position: absolute; right: 1px; bottom: 1px; height: 24px; width: 24px; display: block; border: none; }
/* image replacements */
.image-replacement{ font-size: 0px; text-indent: -9999px; outline: none; }
/* links */
a, a:hover, a:active, a:visited{ outline: none; }
a:focus{ outline: 1px dotted #d4d4d4; }
#content a{ color: #84b22e; border-bottom: 1px dotted #84b22e; text-decoration: none; }
#content a:hover{ border-bottom: 2px solid #f7cd5e; }
/* other */
.clear{ clear: both; height: 0; }
/* content */
h3, #contact h2, #contact h4{ font-family: arial, sans-serif; color: #4698C2; font-size: 16px; font-weight: bold; letter-spacing: -0.6pt; line-height: 1.4;}
p, li span{ font-family: georgia, serif; color: #617684; font-size: 14px; letter-spacing: -0.3pt; line-height: 1.5; }
.arial-body,
#content #testimonial-content p,
#contact input, #contact textarea,
#contact .left p{ font-family: arial, helvetica, sans-serif; color: #444444; font-size: 12px; letter-spacing: -0.3pt; line-height: 1.4; }
#contact .left #address p, #contact .left #emergency p{ font-size: 12px; }
/* pages */
.static .column-container{ background: #fff; padding: 1px 0 0 30px; float: left; width: 960px; }
.static .columns-1 .column-1, .static .columns-3 .column-3{ width: 800px; }
.static .columns-2 .column-1, .static .columns-3 .column-1{ width: 392px; padding: 0 30px 30px 0; float: left; }
.static .columns-2 .column-2, .static .columns-3 .column-2{ width: 455px; padding: 0 30px 30px 30px; float: left; }
.static h2{ background: url('/wordpress/wp-content/themes/psych/images/tab-header.png') no-repeat; height: 44px; width: 400px; font-family: Georgia, serif; font-size: 24px; font-weight: normal; color: #fff; line-height: 44px; padding: 0 20px 0 12px ; }
.static h3{ margin-top: 30px; }
.static h4, .static h5{ margin-top: 15px; }
.static p{ margin-top: 6px; }
.static ul, .static ol{ margin-top: 6px; padding-left: 20px; list-style: square; color: #84b22e; }
.static ol{ list-style: decimal; }
.static li{ margin: 4px 0; }
#what-we-do ul.left{ width: 170px; float: left; }
#what-we-do ul.right{ width: 150px; float: right; }
#what-we-do #col-right h3{ margin-top: 7px; }
/* home */
#home-left{ width: 570px; background: #fff; padding: 0 0 30px 0; float: left; position: relative; top: -25px; }
#home-left p{ margin: 15px 60px 0 30px; }
#home-left p{ padding: 8px 0; font-size: 16px; line-height: 22px; }
#home-left #testimonial{ border: 1px solid #6EB4D6; background: #e2ecb0; margin: 30px 60px; padding-top: 10px; position: relative; }
#home-left #testimonial-content{ background: #fff; margin: 4px 4px 4px 4px; border: none; padding: 35px 30px 45px; }
#home-left #testimonial-content p{ padding: 8px 0; margin: 0; font-size: 14px; line-height: 18px; }
#home-left #testimonial-content strong{ font-weight: bold; }
#home-left #testimonial h3{ width: 467px; height: 46px; position: absolute; left: -18px; top: 13px; }
#home-left #next-testimonial{ font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 14px; letter-spacing: -0.4pt; position: absolute; right: 30px; bottom: 26px; font-weight: bold; }
#home-left #next-testimonial:hover{ bottom: 25px; }
#home-right{ width: 360px; float: right; }
#home-right .content{ background: #fff; padding: 20px 15px; }
#home-right .post{ background: url('/wordpress/wp-content/themes/psych/images/home-post-divider.png') left bottom no-repeat; padding: 15px; float: left; clear: both; width: 300px; margin-bottom: 30px; }
#home-right h3 a{ color: #2473a3; font-size: 18px; line-height: 22px; border: none; letter-spacing: -0.2pt; }
#home-right h3 a:hover{ border: none; }
#home-right h3{ margin-bottom: 2px; }
#home-right p{ color: #384e5c; font-size: 14px; line-height: 20px; padding: 5px 0 5px 15px; }
#home-right p.meta{ color: #7f9db0; font-size: 12px; line-height: 12px; font-family: 'helvetica neue', arial, helvetica, sans-serif; padding: 0; }
#home-right a.more-link{ color: #84b22e; display: block; float: right; font-size: 11px; line-height: 11px; margin: 3px 0; font-family: 'helvetica neue', arial, helvetica, sans-serif; }
#home-right a.more-link:hover{ margin-bottom: 2px; }
/* single post */
#content #single-post.container{ background: url('/wordpress/wp-content/themes/psych/images/news.jpg') 0 50px no-repeat; padding-top: 134px; width: 930px; position: relative; }
#single-post .post-wrapper{ background: #fff; float: left; width: 690px; }
#single-post .post{ background: #fff; padding: 35px 60px 0; }
#single-post h2{ font-size: 24px; line-height: 26px; color: #2473a3; font-family: 'helvetica neue', arial, helvetica, sans-serif; width: 500px; }
#single-post p.meta{ color: #7f9db0; font-size: 12px; line-height: 12px; font-family: 'helvetica neue', arial, helvetica, sans-serif; padding: 0; width: 500px; }
#single-post .content{ padding: 30px 15px 15px; width: 500px; color: #384e5c; }
#single-post .content p, #single-post .content object{ margin-bottom: 15px; }
#single-post .social{ height: 25px; }
#single-post .social span{ display: block; float: left; margin-right: 5px; }
.post-nav{ height: 30px; width: 400px; margin-top: 15px; font-size: 11px; text-transform: uppercase; font-family: 'helvetica neue', arial, helvetica, sans-serif; clear: both; }
.post-nav .previous{ float: left; }
.post-nav .next{ float: right; }
#single-post .divider, #posts-page .divider{ height: 8px; width: 305px; background: url('/wordpress/wp-content/themes/psych/images/ripple-divider.png') no-repeat; margin: 15px 30px; }
#single-post .comments{ padding: 15px 30px; }
#single-post .comments h3{ font-size: 14px; line-height: 20px; color: #000; }
#single-post .comments li.comment, #single-post .comments li.pingback{ padding: 15px; }
#single-post .comments .comment-content{ padding: 3px 0; }
#single-post .comments .name{ display: block; font-size: 14px; line-height: 20px; font-weight: bold; color: #696868; margin-bottom: 2px; }
#single-post .comments .date, #single-post .comments .edit-link{ color: #7f9db0; font-size: 12px; line-height: 16px; font-family: 'helvetica neue', arial, helvetica, sans-serif; padding: 0; }
#single-post .comments .divider{ margin: 15px 0 25px; font-family: 'helvetica neue', arial, helvetica, sans-serif; }
#single-post .comments .comment-awaiting-moderation{ color: #7f9db0; font-size: 12px; line-height: 18px; font-family: 'helvetica neue', arial, helvetica, sans-serif; }
#commentform{ padding: 15px; }
#commentform label, #commentform p{ font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; }
#commentform p{ margin-bottom: 10px; }
#commentform label{ text-transform: uppercase; }
#commentform input{ display: block; width: 300px; font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 12px; }
#commentform textarea{ display: block; width: 450px; resize: vertical; font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 12px; }
#commentform input#submit{ display: block; width: auto; border: 1px solid #a9a9a9; padding: 1px 8px; color: #fff; background: #a2a2a2 url('/wordpress/wp-content/themes/psych/images/button-bg-gradient.png') 0 0 repeat-x; font-weight: bold; text-transform: lowercase; font-size: 14px; }
#commentform .required{ color: #ff0000; }
#searchform{ position: absolute; top: 84px; right: 60px; height: 50px; float: left; overflow: hidden; }
#searchform label{ display: block; background: url('/wordpress/wp-content/themes/psych/images/search-label.png') 0 0 no-repeat; height: 18px; width: 114px; }
#searchform div{ display: block; background: #fff; padding: 5px; }
#searchform #s{ border: 1px solid #bfbfbf; border-radius: 5px; height: 22px; width: 270px; line-height: 22px; font-size: 14px; font-family: Georgia, serif; color: #4d4c4c; }
#searchform #searchsubmit{ border: 1px solid #a9a9a9; padding: 2px 8px; color: #fff; background: #a2a2a2 url('/wordpress/wp-content/themes/psych/images/button-bg-gradient.png') 0 0 repeat-x; font-weight: bold; text-transform: lowercase; font-size: 14px; }
.post-sidebar{ width: 180px; float: left; background: #fff; }
.post-sidebar h3{ border-bottom: 1px solid #f3d0b3; height: 18px; margin-top: 35px; }
.post-sidebar ul{ padding: 0 5px; }
.post-sidebar li{ padding: 2px 0; font-size: 14px; line-height: 18px; font-weight: bold; font-family: 'helvetica neue', arial, helvetica, sans-serif; }
#content #posts-page.container{ background: url('/wordpress/wp-content/themes/psych/images/news.jpg') 0 50px no-repeat; padding-top: 134px; width: 930px; position: relative; }
#posts-page .posts-wrapper{ background: #fff; float: left; width: 690px; }
#posts-page h2{ font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 24px; padding: 35px 15px 0 35px; color: #2473a3; letter-spacing: -0.2pt; }
#posts-page .post{ background: #fff; padding: 35px 60px 0; }
#posts-page .post .entry{ width: 300px; padding-bottom: 20px; }
#posts-page .post h3 a{ color: #2473a3; font-size: 18px; line-height: 22px; border: none; letter-spacing: -0.2pt; }
#posts-page .post h3 a:hover{ border: none; }
#posts-page .post h3{ margin-bottom: 2px; }
#posts-page .post p{ color: #384e5c; font-size: 14px; line-height: 20px; padding: 5px 0 5px 15px; }
#posts-page .post p.meta{ color: #7f9db0; font-size: 12px; line-height: 16px; font-family: 'helvetica neue', arial, helvetica, sans-serif; padding: 0; }
#posts-page .post a.more-link{ color: #84b22e; display: block; float: right; font-size: 11px; line-height: 11px; margin: 3px 0; font-family: 'helvetica neue', arial, helvetica, sans-serif; }
#posts-page .post a.more-link:hover{ margin-bottom: 2px; }
/* staff page */
#staff .profile{ float: right; width: 550px; position: relative; }
#staff .profile .header{ width: 420px; height: 38px; padding: 12px 10px 0; background: #63a6ce; }
#staff .profile h2{ display: inline; font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 24px; line-height: 38px; color: #fff; }
#staff .profile #staff-position{ display: inline; font-family: 'helvetica neue', arial, helvetica, sans-serif; font-size: 18px; line-height: 38px; color: #030200; padding-left: 5px; }
#staff .profile #staff-photo{ display: block; float: left; color: #fff; margin: 1px 1px 0 0; width: 150px; height: 285px; padding-bottom: 1px; border-bottom: 5px solid #63a6ce; }
#staff .profile #staff-text{ display: block; float: right; width: 399px; position: relative; }
#staff .profile #staff-text h3{ display: block; background: #84b22e; font-size: 14px; line-height: 20px; height: 20px; width: 255px; padding-left: 4px; margin: 1px 0 0 0; color: #fff; cursor: pointer; }
#staff .profile #staff-text h3.initial{ background: #658922; margin-left: 30px; }
#staff .profile #staff-text p{ margin: 0 0 10px; font-size: 14px; line-height: 20px; }
#staff .profile ul{ margin: 0 0 10px 20px; font-size: 14px; line-height: 16px; list-style: square; color: #84b22e; }
#staff .profile li{ margin: 0 0 3px; }
#staff .profile li span{ line-height: 18px; }
#staff .profile .staff-content{ display: none; position: absolute; top: 94px; left: 0; padding: 20px; width: 359px; }
#staff .profile .staff-content.initial{ display: block; }
#staff .profile .sections-1 .staff-content{ top: 31px; }
#staff .profile .sections-2 .staff-content{ top: 52px; }
#staff .profile .sections-3 .staff-content{ top: 73px; }
#staff .listing{ float: left; width: 300px; position: relative; }
#staff .listing h3{ background: url('/wordpress/wp-content/themes/psych/images/meet-our-staff.png') 0 0 no-repeat; width: 300px; height: 46px; }
#staff .listing p{ display: none; }
#staff .listing ul{ border: 1px solid #c6d3c2; float: left; width: 277px; padding: 3px 1px 1px 3px; position: relative; top: -17px; left: 17px; }
#staff .listing ul li{ float: left; margin: -1px 0 0 -1px; position: relative; width: 68px; height: 130px; border: 1px solid #fff; }
#staff .listing a, #staff .listing img{ display: block; border: none; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; width: 68px; height: 130px; }
#staff .listing span{ position: absolute; display: block; width: 68px; height: 130px; border: none; top: 0; left: 0; background: url('/wordpress/wp-content/themes/psych/images/yellow-bar.png') no-repeat; }
#staff .listing a:hover span, #staff .listing a.current span{ background: url('/wordpress/wp-content/themes/psych/images/blue-bar-hover.png') no-repeat; }
/* contact */
#contact .left, #contact .right{ width: 431px; float: left; }
#contact .right{ float: right; margin-left: 45px; }
#address, #emergency{ font-size: 12px; width: 206px; height: 133px; float: left; margin-bottom: 10px; border: 1px solid #84b22e; padding: 3px; background: #fff; }
#emergency{ border-color: #C41622; }
#address h2, #emergency h4{ background: #84b22e; height: 35px; line-height: 35px; color: #fff; text-indent: 10px; }
#emergency h4{ background: #C41622; }
#address p, #emergency p{ margin: 10px; }
#emergency{ margin-left: 3px; }
#contact-form{ clear: both; }
.bg{ width: 431px; height: 13px; padding: 0; margin: 0; }
#contact-form-div{ background: url('/wordpress/wp-content/themes/psych/images/blue-box.gif') no-repeat #e2e6e9; padding: 15px 20px 2px 20px; position: relative; }
#contact-bg{ background: url('/wordpress/wp-content/themes/psych/images/blue-box-b.gif') no-repeat; }
#feedback-form-div{ background: url('/wordpress/wp-content/themes/psych/images/green-box.gif') no-repeat #E1EC9E; padding: 15px 20px 2px 20px; margin-top: 10px; position: relative; }
#feedback-bg{ background: url('/wordpress/wp-content/themes/psych/images/green-box-b.gif') no-repeat; }
#contact-form h2, #feedback-form h2{ margin-bottom: 15px; }
form .form-text, form .form-textarea{ margin: 5px 0 5px 10px; }
form .form-text{ width: 270px; }
form .form-text.required{ background: url('/wordpress/wp-content/themes/psych/images/required-field.png') no-repeat 100% 50%; }
form .form-textarea.required{ background: url('/wordpress/wp-content/themes/psych/images/required-field.png') no-repeat 100% 50%; width: 370px; }
form .form-text input{ border: 1px solid #4698C2; background: #fff; height: 20px; width: 178px; padding: 0 4px; }
form .form-textarea textarea{ border: 1px solid #4698C2; background: #fff; height: 86px; width: 276px; margin: 0; padding: 0 4px; }
#contact #submit, #fb-submit{ margin-left: 10px; text-indent: -999px; background: url('/wordpress/wp-content/themes/psych/images/send-button-combined.png') no-repeat; width: 75px; height: 30px; border: none; cursor: pointer; }
#contact #submit:hover, #fb-submit:hover{ background: url('/wordpress/wp-content/themes/psych/images/send-button-combined.png') no-repeat 0 -30px; }
#contact .left p#error, #contact .left p#fb-error{ color: #C41622; margin-left: 10px; display: none; }
form .form-text input.error, form .form-textarea textarea.error{ border: 1px solid #C41622; }
#villa-pics{ height: 160px; background: #fff; border: 1px solid #fff; color: #fff; line-height: 160px; text-align: center; }
#contact .right #location{ padding: 25px; }
#map{ height: 320px; background: #636363; }
#four04 div{ background: #fff; margin: 200px; }
/* New page template */
#new-page{ position: relative; }
#new-page-content{ margin-top: 44px; background: #fff; padding: 1px 0 0 30px; }
#new-page-content p,
#new-page-content ul,
#new-page-content ol,
#new-page-content h3,
#new-page-content h4,
#new-page-content h5{ width: 800px; }
#new-page-content #col-left{ padding-left: 0; }
#new-page-content #col-left p, #new-page-content #col-right p,
#new-page-content #col-left ul, #new-page-content #col-right ul,
#new-page-content #col-left ol, #new-page-content #col-right ol,
#new-page-content #col-left h3, #new-page-content #col-right h3,
#new-page-content #col-left h4, #new-page-content #col-right h4,
#new-page-content #col-left h5, #new-page-content #col-right h5{ width: auto; }
#new-page-content h2{ position: absolute; top: 50px; left: 0; background: url('/wordpress/wp-content/themes/psych/images/tab-header.png') no-repeat; height: 44px; width: 400px; font-family: Georgia, serif; font-size: 24px; font-weight: normal; color: #fff; line-height: 44px; padding: 0 20px 0 12px ; }
h2.new-header{ background: url('/wordpress/wp-content/themes/psych/images/tab-header.png') no-repeat; height: 44px; width: 400px; font-family: Georgia, serif; font-size: 24px; font-weight: normal; color: #fff; line-height: 44px; padding: 0 20px 0 12px ; }