/*
Theme Name: Healthy Housing WP Theme
Theme URI: http://www.housing.massivedev.com/
Description: Theme design by Chopchop, Development by Massive Media.
Version: 1.0
Author: Alex Gilks
Author URI: http://chopchop.co.nz/
Tags:
*/
html, body{ height: 100%; }
/* universal font */
*{ font-family: "Helvetica Neue"; Helvetica, Arial, sans-serif; }
/* classes */
.clear{ clear: both; }
/* standard page */
#page{ min-height: 100%; width: 1032px; margin: 0 auto; border-left: 1px solid #c9cacc; border-right: 1px solid #c9cacc; }
/* header */
#header{ height: 72px; position: relative; overflow: visible; background: url('/wp-content/themes/housing/images/wood-bar-no-logo.png') no-repeat top right; }
/* healthy housing logo */
#header h1{ width: 186px; height: 51px; position: absolute; top: 20px; left: 30px; }
#header h1 a{ display: block; width: 100%; height: 100%; text-indent: -9999px; outline: none; background: url('/wp-content/themes/housing/images/HHlogo.png'); }
/* main navigation */
#nav{ position: absolute; left: 289px; top: 0; height: 60px; }
#nav li{ float: left; height: 35px; margin-right: 1px; }
#nav li a{ display: block; float: left; padding: 0 10px; line-height: 35px; height: 100%; background-color: #8c7b4a; text-decoration: none; color: #fff; text-transform: lowercase; font-size: 18px; letter-spacing: -0.5px; }
/* main navigation: current item */
#nav .current_page_item, #nav .current_page_ancestor{ height: 35px; }
#nav .current_page_item a, #nav .current_page_ancestor a{ padding: 25px 10px 0; background-color: #00aeef; }
/* main navigation: no js hover */
.no-js #nav li a:hover{ padding: 10px 10px 0; background: #00aeef; }
/* otago uni logo */
#otago{ position: absolute; right: 20px; top: 16px; width: 76px; height: 125px; }
#otago a{ position: absolute; top: 0; right: 0; z-index: 100; display: block; width: 76px; height: 125px; text-indent: -9999px; outline: none; background: url('/wp-content/themes/housing/images/OU-logo.png'); }
/* image rotator */
#photo{ position: absolute; right: 0; top: 0; width: 225px; height: 178px; }
#photo-content{ display: block; position: absolute; top: 0; right: 0; overflow: hidden; height: 135px; background: #fff; }
#photo-overlay{ display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url('/wp-content/themes/housing/images/rotator-frame.png'); cursor: pointer; }
/* links */
#content a, #content a:link, #content a:visited, #content a:active,
#footer a, #footer a:link, #footer a:visited, #footer a:active{ color: #1990bf; border-bottom: 1px dotted #1990bf; outline: none; text-decoration: none; }
#content a:hover,
#footer a:hover{ color: #157aa2; border-bottom: 2px solid #bdd748; outline: none; text-decoration: none;}
/* footer */
#footer{ clear: both; border-top: 1px dotted #e0e0e0; margin: 0 4px; background: url('/wp-content/themes/housing/images/bottom-gradient2.png') #fff repeat-x 0 0; }
#footer ul{ margin: 0 auto; text-align: center; padding: 12px 0; }
#footer li{ display: inline; font-size: 12px; line-height: 18px; color: #3b3b3b; margin: 0 5px; }
#footer p{ font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 12px; color: #909090; text-align: center; padding-bottom: 12px; width: 400px; margin: 0 auto; }
/* home page */
#home-top{ margin: 0 4px; clear: both; background: url('/wp-content/themes/housing/images/top-gradient.jpg') #f8ecd4 repeat-x 0 0; }
#home-house{ float: left; position: relative; left: -4px; }
/* intro box */
#intro-box{ position: relative; float: left; width: 750px; margin: 0 0 25px 8px; }
#intro-box-bg{ position: absolute; top: 0; right: 92px; width: 263px; height: 69px; background: url('/wp-content/themes/housing/images/top-box.png') no-repeat top right; }
/* intro box: content section */
#intro-box .content{ float: left; width: 343px; padding: 26px 26px 6px 26px; border-bottom: 1px solid #DEEBA4; background: url('/wp-content/themes/housing/images/top-box.png') no-repeat top left; }
#intro-box .content p{ margin-bottom: 20px; font-size: 14px; line-height: 20px; color: #3b3b3b; }
/* intro box: search */
#intro-box #search-box{ float: left; position: relative; width: 266px; height: 20px; margin: 26px 0 23px; }
#intro-box #search-box form{ display: block; width: 100%; height: 100%; position: relative; }
#search-box #search-input{ border: 1px solid #c4c1b8; background: #fff; width: 180px; font-size: 12px; line-height: 18px; color: #3b3b3b; display: block; float: left; height: 16px; margin-right: 4px; }
#search-box #search-submit{ border: 1px solid #BDD748; background: #00aeef; color: #fff; font-size: 14px; line-height: 18px; font-weight: bold; letter-spacing: -0.4px; display: block; float: left; height: 100%; cursor: pointer; }
#search-box #search-submit:hover{ border: 1px solid #BDD748; background: #00648b; }
/* intro box: recent news */
#news-box{ float: right; width: 345px; margin-top: 12px; position: relative; }
#news-box-more{ position: absolute; bottom: 14px; right: 14px; font-size: 11px; text-transform:uppercase;}
#news-box h3{ background: url('/wp-content/themes/housing/images/recent-box-head.png') no-repeat; text-indent: -9999px; width: 345px; height: 33px; }
#news-box ul{ width: 340px; background: #fff; border: 1px solid #DEEBA4; border-top: none; margin-left: 3px; padding: 10px 0 30px 0; }
#news-box li{ padding: 12px 20px; background: url('/wp-content/themes/housing/images/bullet-arrow.png') no-repeat left 14px; font-size: 12px; line-height: 15px; color: #3b3b3b; }
#news-box li ul{ margin: 0; padding: 5px 15px; width: auto; background: #fff; border: none; list-style: disc; }
#news-box li ul li{ margin: 0; padding: 0; width: auto; background: #fff; border: none; }
/* research menus */
#home-middle{ margin: 4px; border-top: 1px solid #d5c1a6; border-bottom: 1px solid #d5c1a6; padding: 20px 25px 35px 25px; }
#home-middle h4{ font-family: Cambria, Georgia, Palatino, serif; font-size: 14px; line-height: 18px; font-weight: bold; color: #ab824c; text-transform: lowercase; }
#home-middle div{ float: left; width: 280px; margin: 0 15px; }
#home-middle ul{ margin: 10px 0 0 10px; }
#home-middle li{ margin: 6px 0 9px 0; font-size: 12px; line-height: 16px; }
#home-middle div.clear{ float: none; clear: both; width: auto; margin: 0; }
/* sponsors */
#home-bottom{ padding: 20px 40px 25px 40px; margin: 0 4px; background: url('/wp-content/themes/housing/images/middle-gradient.jpg') #fff repeat-x 0 0; }
#home-bottom h4{ font-family: Cambria, Georgia, Palatino, serif; font-size: 14px; line-height: 18px; font-weight: bold; color: #ab824c; text-transform: lowercase; }
#home-bottom ul{ margin: 15px 0 0 5px; width: 800px; }
#home-bottom li{ float: left; margin: 5px; width: 147px; height: 59px; overflow: hidden; border: 1px solid #c9cacc; padding: 1px; }
#content #home-bottom li a, #content #home-bottom li a:hover{ border: none; }
/* standard layout */
.standard{ float: right; margin-right: 120px; width: 545px; margin-top: 78px; margin-bottom: 75px; }
.standard-content-padding{ float: right; width: 40px; height: 30px; }
/* standard text styles */
.standard h2{ letter-spacing: -0.5px; font-size: 20px; color: #7b902e; margin-bottom: 10px; line-height: 24px; }
.standard h3{ color: #7b902e; font-size: 15px; letter-spacing: -0.4px; background: #faf6d7; padding: 5px 7px; margin-top: 20px; margin-bottom: 5px; }
.standard h4{ font-family: Cambria, Georgia, Palatino, serif; font-size: 15px; line-height: 20px; font-weight: bold; color: #ab824c; margin-bottom: 4px; padding-top: 5px; }
.standard p, .standard ul, .standard ol, .standard table{ font-size: 13px; line-height: 18px; color: #3b3b3b; margin: 0 10px 10px 10px; }
.standard ul{ padding-left: 15px; list-style: disc; }
.standard li{ margin: 5px 0; }
.standard ol{ padding-left: 15px; list-style: decimal; }
.standard p.links{ font-size: 13px; line-height: 18px; color: #3b3b3b; margin: 0 10px 10px 0; }
.standard table{ margin: 10px 10px 30px 10px; text-align: left; }
.standard table th{ padding: 2px 15px 0 0; }
.standard table td{ padding: 2px 15px 0 5px; }
.standard h4.mini-nav{ color: #7c7c7c; text-transform: uppercase; margin-bottom: 3px; }
.standard ul.mini-nav{ list-style: none; padding-left: 0; }
.standard ul.mini-nav li{ margin: 0; }
/* standard sidebar */
#sidebar{ float: left; margin-left: 30px; width: 300px; margin-top: 28px; font-size: 12px; line-height: 18px; color: #3b3b3b; }
#sidebar #search-box{ height: 20px; margin-bottom: 30px; }
#sidebar #search-box form{ display: block; width: 100%; height: 100%; position: relative; }
/* alternate width */
.standard.wide-content{ margin-right: 70px; width: 670px; }
#sidebar.narrow-sidebar{ margin-left: 20px; width: 234px; }
#sidebar.narrow-sidebar #search-box #search-input{ width: 156px; }
/* research sidebar nav */
#sidebar #research-nav h4{ font-family: Cambria, Georgia, Palatino, serif; font-size: 14px; line-height: 18px; font-weight: bold; color: #ab824c; text-transform: lowercase; }
#sidebar #research-nav div{ margin-bottom: 25px; }
#sidebar #research-nav ul{ margin: 5px 10px 15px 0; }
#sidebar #research-nav li{ margin: 6px 0; font-size: 12px; line-height: 16px; color: #3b3b3b; padding-left: 10px; }
#sidebar #research-nav li.current_page_item{ background: url('/wp-content/themes/housing/images/blue-arrow.jpg') no-repeat 0 50% ; }
#sidebar #research-nav li.current_page_item a{ color: #3b3b3b; }
/* people sidebar nav */
#sidebar #people-blurb{ margin: 0 70px 40px 25px; position: relative; }
#sidebar #people-flower{ position: absolute; top: 5px; left: -55px; }
#sidebar #people-blurb h4{ font-family: Cambria, Georgia, Palatino, serif; font-size: 14px; line-height: 18px; font-weight: bold; color: #ab824c; text-transform: lowercase; }
#sidebar #people-blurb p{ font-size: 12px; line-height: 18px; color: #3b3b3b; margin: 5px 0 20px 10px; }
#sidebar #people-nav{ margin: 0 20px 75px 0; }
/* news content */
#news-container{ position: relative; }
#news-content{ margin-top: 34px; }
#news-header{ width: 334px; height: 59px; background: url('/wp-content/themes/housing/images/news-banner.jpg') no-repeat; text-indent: -999px; position: absolute; top: -50px; left: 0; }
.news-item{ background: url('/wp-content/themes/housing/images/line.jpg') no-repeat 0 0; padding: 10px 0 5px 0; }
.news-item#news-first{ background: none; padding-top: 0; }
.news-nav{ height: 50px; }
.news-nav h3{margin-bottom: 20px; }
.news-prev{ font-size: 13px; display: block; width: 30%; float: left; text-align: left; margin-left: 20px; }
.news-next{ font-size: 13px; display: block; width: 30%; float: right; text-align: right; margin-right: 20px; }
/* links */
#links .col{ width: 297px; float: left; }
#links .col1{ margin-right: 35px; }
#links .col2{ margin-left: 40px; }
#links h3{ margin-top: 0; }
#links ul{ margin-bottom: 30px; }
/* publications */
#publications.standard ul{ list-style: none; padding: 0; margin: 0; }
#publications.standard li{ border-bottom: 1px solid #d3b996; padding: 0 0 13px 0; margin: 0 0 10px 0; }
/* search */
#search-results div{ margin-top: 30px; }
#search-results div p{ margin: 4px 0; }
#no-results{ float: left; color: #7b902e; font-size: 13px; letter-spacing: -0.4px; background: #faf6d7; font-weight: bold; padding: 10px 15px; }
/* contact */
#contact fieldset{ width: 355px; background: #f2f3e3; border: 1px solid #e5e5d9; padding: 30px 0 0 35px; float: left; }
#contact label{ color: #7b902e; font-size: 14px; font-weight: bold; display: block; margin: 4px 0; height: 14px; }
#contact .item{ margin-bottom: 16px; position: relative; }
#contact .item span{ display: block; position: absolute; right: 10px; top: 26px; background: url('/wp-content/themes/housing/images/required-field.png') no-repeat; text-indent: -999px; width: 80px; height: 18px; overflow: hidden; }
#contact .item input, #contact textarea{ margin-left: 16px; border: 1px solid #bcbd9d; background: #fff; width: 260px; height: 30px; }
#contact textarea{ height: 170px; font-size: 14px; padding-left: 10px; }
#contact-submit{ border: 1px solid #BDD748; background: #00aeef; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: -0.4px; display: block; float: left; height: 20px; cursor: pointer; float: right; margin: 20px 48px 30px 0; }
#contact-submit:hover{ border: 1px solid #BDD748; background: #00648b; }
#contact-messages{ float: right; width: 200px; margin: 10px 53px 0 0; /*padding: 10px 35px 0 25px;*/ }
#contact-messages h2, #contact-messages p{ color: #3b3b3b; margin: 0; font-size: 24px; }
#contact-messages p{ font-size: 14px; margin-top: 2px; }
#contact-messages #contact-success h2, #contact-messages #contact-success p{ color: #7b902e; }
.contact-blurb{ width: 200px; padding-top: 50px;}