/*
Theme Name:David Parker Plumbing
Author:Tracey Shaw @ GOOP
Author URI:http://www.goop.com.au/
Description:Custom WordPress theme for David Parker Plumbing.
Version:1.0
*/

@import url("css/base.css");
@import url("css/form.css");

html, body {margin:0;padding:0;line-height:1.3;font-family:'Karla', Arial, Helvetica, sans-serif;font-size:97%;color:#666666;}
body {background:#ffffff url(img/backgrounds/page.png) top center no-repeat;}
body#home {background:#ffffff url(img/backgrounds/home.png) top center no-repeat;}

#parkerplumbing {position:relative;padding-top:30px;}

#border {position:absolute;top:0;left:0;width:100%;background:url(img/backgrounds/border.png) top left repeat-x;z-index:1000;height:40px;}

header {height:138px;background:url(img/backgrounds/banner.png) repeat-x;position:relative;z-index:500;border-bottom:10px solid #005275;}
header a.logo {display:block;padding:0;margin:0 0 0 25px;font-size:1.5em;color:#ffffff;background:url(img/parker-plumbing.png) top left no-repeat;width:405px;height:138px;text-indent:-9000px;}

/* Phone and Licence */
#telephone {text-align:right;margin:35px 20px 0 0;font-family:'Asap',Arial, Helvetica, sans-serif;}
#telephone .licence {font-size:0.95em;font-weight:700;line-height:20px;color:#005275;}
#telephone .number {font-size:2.5em;color:#ffffff;font-weight:700;display:block;}
#telephone .number a {color:#ffffff;text-decoration:none;}

/* Navigation */
nav { padding:0; margin:0;display:block;float:left;width:960px;}

nav ul, nav li {list-style:none; padding:0; margin:0; display:inline;height:60px;}
nav ul {width:100%;display:table;border-left:1px solid #d6d6d6;background:url(img/backgrounds/navigation.png) repeat-x top left;}
nav ul li {position:relative;display:block;margin:0;padding:0;display:table-cell;font-size:1em;text-transform:uppercase;}
nav ul li a {display:block;color:#005275;text-decoration:none;font-weight:700;line-height:60px;padding:0 7px 0 10px;border-right:1px solid #d6d6d6;}
nav ul li:hover a, nav ul li.current-menu-item a, nav ul li.current_page_ancestor a, body.single-post nav ul li.menu-item-news a {background:url(img/backgrounds/navigation.png) repeat-x bottom left;}
nav ul ul {position:absolute;top:-99999px;left:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;z-index:500;border-left:none;border-top:1px solid #dddddd;padding:0;background:none;}
nav ul ul li {display:block; height:30px;font-size:0.9em;}
nav ul li:hover ul li a {background:#005275;color:#ffffff;border:none;border-bottom:1px solid #103a48;border-top:1px solid #415d67;display:block;white-space:nowrap;line-height:28px;}
nav ul li:hover ul li:first-child a {background:#005275 url(img/backgrounds/submenu.png) top left repeat-x;}
nav ul li:hover ul li a:hover {background:#c8c8c8;color:#005275;border-bottom:1px solid #aaaaaa;border-top:1px solid #bbbbbb;}
nav ul li:hover ul li:first-child a:hover {background:#c8c8c8 url(img/backgrounds/submenu.png) top left repeat-x;}
nav ul li:hover > ul {opacity:1;position:absolute;top:99%;left:0;}

/* -- Slideshow -- */
#slides {margin:0;display: block;position:relative;height:295px;overflow-y:hidden;}
#slides img {width:100%;height:auto;}
#slides .caption {background:url(img/backgrounds/slideshow.png);position:absolute;width:480px;height:150px;display:block;margin:0;z-index:1000;padding:10px 30px;color:#ffffff;top:60px;left:0px;}
#slides .caption p {font-weight:bold;font-family:'Asap',Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:2.5em;text-shadow: 1px 1px 3px #00415f;filter: dropshadow(color=#00415f, offx=1, offy=1);}

#slides #slide01 .caption p {width:230px;}
#slides #slide02 .caption p {width:340px;}
#slides #slide03 .caption p {width:250px;padding-top:25px;}
#slides #slide04 .caption p {width:230px;}
#slides #slide05 .caption p {width:270px;}

/* -- Homepage -- */
#buttons {width:960px;}
#buttons li {display:block;width:320px;height:178px;float:left;text-align:center;}
#buttons li a {display:block;width:320px;height:163px;padding-top:15px;color:#ffffff;text-decoration:none;font-family:'Asap',Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:1.2em;text-shadow: 1px 1px 3px #222222;filter: dropshadow(color=#222222, offx=1, offy=1);}
#buttons li.domestic a {background:url(img/homepage/domestic.png) top left no-repeat;}
#buttons li.domestic a:hover {background-position:bottom left;}
#buttons li.commercial a {background:url(img/homepage/commercial.png) top left no-repeat;}
#buttons li.commercial a:hover {background-position:bottom left;}
#buttons li.industries a {background:url(img/homepage/industries.png) top left no-repeat;}
#buttons li.industries a:hover {background-position:bottom left;}

/* Section */
section .row {padding-bottom:0;}
section .row.page {background:url(img/backgrounds/content.png) top left repeat-x;padding-bottom:15px;}
section#content {margin-top:40px;}

/* Article */
.article {padding:0;margin:28px 0 0 0;}
.article h1 {font-size:1.5em;text-transform:uppercase;margin:0;background:url(img/backgrounds/h1.png) top left repeat-x;display:block;height:78px;padding:25px 20px 0;width:680px;overflow:hidden;white-space:nowrap;color:#005275;font-weight:700;}
article {padding:0 20px;}
article h1, article h2, article h3, article h4, article h5, article h6, article p strong {font-weight:700;}
article h2 {font-size:1.2em;}
article h3 {font-size:1.1em;}
article h4 {font-size:1.0em;}
article h5 {font-size:1.0em;}
article h6 {font-size:1.0em;}
article p {font-size:1em;margin-bottom:1em;}
article h1 + p {font-size:1.1em;color:#005275;margin-bottom:1em;}
article ul, article ol {margin:10px 10px 15px 30px;}
article ul li, article ol li {margin-bottom:6px;}
article ul.sitemap li ul {margin-top:8px;}
article hr {clear:both;}

/* Links */
article a {color:#646464;text-decoration:underline;}
article a:hover {color:#a88e29;}
article h2.heading a {text-decoration:none;}
article h2.heading a:hover {text-decoration:underline;}

/* Posts */
article a.readmore {text-align:right;display:block;padding-top:10px;text-transform:none;font-weight:700;}
article .post {border-bottom:1px dotted #ccc;margin:0 0 1em 0;padding:0px;}

/* Images */
#clients article img {float:right;margin:0 0 20px 20px;}

/* Pagination */
article .pagination .page-numbers {background:#666666;display:block;height:18px;width:18px;float:left;text-align:center;line-height:18px;font-size:0.9em;margin-right:5px;color:#a3b6cb;}
article .pagination a.page-numbers {color:#ffffff;background:#005275;text-decoration:none;}
article .pagination a.page-numbers:hover {background:#646464;}
article .pagination a.page-numbers.prev, #pagination a.page-numbers.next {font-size:0.7em;}
article .pagination.single {border-top:1px dotted #ccc;display:block;margin:0 0 10px;padding:10px 0 0;}
article .pagination.single div {display:block;width:50%;float:left;}
article .pagination.single div.right {text-align:right;}
article .pagination.single span {font-size:1.2em;}

/* Sitemap */
article ul.sitemap li.current_page_item {display:none;}

/* Aside */
aside h1 {font-size:1.3em;text-transform:lowercase;margin-bottom:3px;}
aside p {font-size:0.95em;margin-bottom:1em;}
aside img {display:block;margin:0;padding:0;}

#sidebar {margin:5px 0 10px 0;width:250px;position:relative;z-index:1000;background:url(img/sidebar/sidebar-end.png) bottom left no-repeat;padding-bottom:20px;}
#sidebar li {background:url(img/sidebar/sidebar.png) top left repeat-y;}
#sidebar li a {color:#ffffff;text-decoration:none;font-family:'Asap',Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:1.2em;text-shadow: 1px 1px 3px #222222;filter: dropshadow(color=#222222, offx=1, offy=1);display:block;}
#sidebar li.portal {background:none;}
#sidebar li.portal a {display:block;height:135px;width:250px;background:url(img/sidebar/portal.png) top left no-repeat;position:relative;}
#sidebar li.portal a:hover {background-position:bottom left;}
#sidebar li.portal a span {position:absolute;top:53px;right:30px;width:150px;text-align:right;font-size:1.4em;line-height:1.1em;}

#sidebar li.news a {display:block;height:90px;width:240px;background:url(img/sidebar/news.png) top left no-repeat;position:relative;border-top:1px solid #6e5c18;border-bottom:1px solid #937f2c;text-align:center;}
#sidebar li.news a:hover {background: #9b8222 url(img/sidebar/news.png) top left no-repeat;}
#sidebar li.news a span {line-height:90px;font-size:1.4em;}
#sidebar li.suppliers {text-align:center;color:#ffffff;padding:20px 30px 10px 10px;text-transform:uppercase;}
#sidebar li.suppliers span {display:block;float:left;padding:10px 5px 0;}
#sidebar li.suppliers span img.elgas {width:115px;height:auto;padding-left:45px;display:block;}
#sidebar li.suppliers span img.rheem {width:auto;height:60px;padding-left:5px;}
#sidebar li.suppliers span img.chromagen {width:auto;height:50px;}
#sidebar li.suppliers span img, #sidebar li.chromagen span img {margin:0px auto;}

/* Google Map */
#googlemap {display:block;margin:0;padding:20px 0 10px 0;border-top:1px solid #cccccc;}
#googlemap small {text-align:right;margin-right:0px;font-size:0.8em;text-transform:uppercase;float:right;}
#googlemap small a {color:#aaaaaa;} 

/* Contact Form - see form.css for more */
.ninja-forms-cont form {clear:left;border-top:1px solid #cccccc;margin:10px 0 0 0;}
.ninja-forms-cont form .field-wrap {margin-bottom:5px!important;}
.ninja-forms-cont form .ninja-forms-required-items {font-size:0.7em;margin-bottom:5px;}
.ninja-forms-cont form .ninja-forms-required-items span.ninja-forms-req-symbol {color:inherit!important;}
.ninja-forms-cont form label {width:200px;margin-left:30px;}
.ninja-forms-cont form input, .ninja-forms-cont form select, .ninja-forms-cont form textarea, .ninja-forms-cont form button {font-family:'Karla', Arial, Helvetica, sans-serif;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;padding:6px;}
.ninja-forms-cont form input[name=suburb] {width:200px;}
.ninja-forms-cont form input[name=postcode] {width:100px;}
.ninja-forms-cont form button, .ninja-forms-cont form input[type=submit] {background:#005275;border:1px solid #005275;color:#ffffff;text-transform:uppercase;display:block;margin:10px 0 0;width:auto;}
.ninja-forms-cont form input[type=submit]:hover {background:#a88e29;border:1px solid #a88e29;}
.ninja-forms-cont form .wpcf7-not-valid-tip, .ninja-forms-cont form .wpcf7-not-valid-tip-no-ajax {margin-left:240px;font-size:0.8em;}
.ninja-forms-cont form .wpcf7-response-output {clear:both;display:block;margin-left:240px;}

.ninja-forms-cont form .ninja-forms-field-error {font-size:0.7em;}

.ninja-forms-cont form .ninja-forms-cont-not-valid-tip, .ninja-forms-cont form .ninja-forms-cont-not-valid-tip-no-ajax {margin-left:0;font-size:0.8em;color:#999999;}
.ninja-forms-cont form .ninja-forms-cont-response-output {clear:both;display:block;border:none;padding:0;text-align:left;margin:0 auto;}

/* Footer */
footer {display:block;height:50px;margin:25px 0px;background: url(img/backgrounds/footer.png) repeat-x;}

/* Footer Credits */
footer ul.links {display:block;margin:0;padding:0;}
footer ul.links li {display:block;float:left;font-size:0.85em;line-height:50px;}
footer ul.links li a {text-decoration:none;color:#ffffff;font-weight:bold;text-transform:uppercase;padding:0 10px;border-right:1px solid #003c50;border-left:1px solid #234f5e;display:block;height:50px;}
footer ul.links li a:hover {text-decoration:underline;}
footer ul.links li.sitemap {border-right:1px solid #234f5e;padding:0;margin:0;}
footer ul.links li.goop a {text-decoration:none;background:url(img/goop.png) no-repeat center center;display:block;width:80px;overflow-x:hidden;height:50px;margin:0 0 -2px 0;padding:0;border-left:none;}
footer ul.links li a span {display:none;}
footer .logo {float:right;margin:-12px 40px 0 0;}