/*
Theme Name: Derek Scott Builders Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Derek Scott Builders website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: June 2014
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,700,600|Play:400,700);

body, html{margin:0; padding:0; font-family:'Open Sans', Arial, sans-serif; font-size:.95em; color:#000000;}
#bg{}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:2px 0 14px 0; margin:0; line-height:1.5em;}
a{color:#a6ce39; text-decoration:underline;}
a:hover{color:#bce353; text-decoration:underline;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1{padding:.5em 0 .5em 0; margin:0; font-size:2em; color:#000000; font-weight: normal;}
h2{margin:0 0 .3em 0; padding:.7em 0 .3em 0; font-size:1.5em; color:#999999; font-weight:normal;;}
h3{margin:0; padding:1em 0 .7em 0; font-size:1.2em; font-weight:bold; color:#000000;}
h4{margin:0; padding:.8em 0 .5em 0; font-size:1.1em; font-weight:bold; color:#a6ce39;}

ul{list-style-type:circle; margin:10px 0 10px 15px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 15px; padding:0 0 8px 5px;}

.alignright{float:right; margin:2px 2px 30px 30px;}
.alignleft{float:left; margin:2px 30px 30px 2px;}
div.alignleft{margin:2px 10px 10px 2px;}
.wp-caption{font-size:12px; color:#5e5e5e; background:#ebebeb; border:1px solid #e6e6e6; text-align:center; padding:6px 1px;}
p.wp-caption-text{display:block; padding:7px 10px 3px 10px;}
.nomn{margin:4px 2px 0 0;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:1.1em;}
blockquote{border-left:3px solid #ececec; margin:1.2em 0; padding:0 2em; font-style:italic;}
blockquote p{padding:7px 0;}

/* --------------------------- */

#logo{width:379px; height:157px; padding:13px 0 13px 0; float:left;}
#logo a{display:block;}

.wrapper{width:980px; margin:0 auto;}

#header{background:#000000; color: #ffffff; font-family:'Play', Arial, sans-serif;}

#ph{width:145px; float:right; font-size:1.4em; font-weight:bold; margin-top:30px; padding:5px 0 5px 25px; background: url(images/i-phone.png) no-repeat left center;}
#mob {width:152px; clear:right; float:right; color:#a6ce39; font-size:1.7em; font-weight:bold; padding:5px 0 5px 30px; background: url(images/i-mobile.png) no-repeat left center;}

#nav{float:right; width:560px; margin-top:32px; text-transform:uppercase; font-size:1.2em; font-weight:bold; font-family:'Play', Arial, sans-serif;}
	#nav ul{display:block; float:right; padding:0; margin:0; list-style-type:none;}
	#nav li{display:block; float:left; padding:6px 11px; margin:0; list-style-type:none;}
	#nav li a{display:block; color:#dedede; text-align:center; padding:11px 7px 3px 7px; text-decoration:none;}
	#nav li a:hover{color:#ffffff;}
        #nav li.current-menu-item a{background: url(images/bg-nav-over.png) no-repeat center top;}

#main{padding:30px 0;}
#content{width:550px; float: left; min-height:400px; height:auto!important; height:400px;}
#content-fw{min-height:400px; height:auto!important; height:400px;}
#sidebar{width:310px; float:right; margin-top: 20px;}

#footer{padding:25px 0; color:#b3b1b1; font-size:.9em; text-align:center; background: #f0f0f0;}
    #footer a{color: #b3b1b1; text-decoration: none;}
    #footer ul, #footer li{display: inline-block;}
    #footer ul a{display: block; padding: 2px 5px;}

/* FORMS */

input[type=text], input[type=password], input[type=email], textarea, select{padding:8px; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:210px; border:1px solid #d8d8d7; font-family:'Play', Arial, Sans-serif;}
label{display:block; margin:0; padding:5px 0 0 0; font-size:.9em;}
textarea{width:280px;}
input[type=submit]{background:#a6ce39; display:block; border:none; cursor:pointer; font-size:1em; padding:7px 17px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
input[type=submit]:hover{opacity:0.9; filter:alpha(opacity=90);}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}
.pform select{width:350px;}

/* BLOG */

.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px solid #eeeeee;}
.p-left{width:90px; float:left; padding:15px 0 0 0;}
.p-right{width:470px; float:right;}
.datetime{color:#999; font-size:12px;}
.small{font-size:.85em; color:#666; padding-bottom:10px;}
.postmetadata, .feedback{font-size:.8em; color:#666;}
a.tn_link{display:block; float:right; margin:0 0 50px 50px;}
.post-thumb{float:right; margin:20px 0 30px 30px;}
.post h2{padding-bottom:5px; margin-bottom:0;}
a.readmore{display:block; padding:3px 12px; width:70px; text-align:center; color:#fff; text-decoration:none; background:#a6ce39; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.postmetadata{display:none;}

/* 2nd Level Menu */

#nav li ul { left: -999em; z-index:999; width:190px; margin:0; padding:0; position:absolute; background:#fff; box-shadow:2px 10px 33px -10px #000; moz-box-shadow:2px 10px 33px -10px #000; -webkit-box-shadow:2px 10px 33px -10px #000;}
#nav li ul li{padding:0;}
#nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
#nav li ul a{color:#a6ce39; background-image:none!important; padding:10px!important; font-size:1em; text-align:left; width:170px; text-transform:capitalize; border-bottom:1px solid #edecee;}
#nav li ul a:hover{background:#f5f5f5; border-bottom:1px solid #eeeeee;}
#nav li li{ border:none; float:none; clear:both;}

a#mob-only{display:none; color:#ffffff; padding:11px; text-decoration:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat center right #a6ce39;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 1100px) {
		
	}
	@media only screen and (max-width: 600px) {
            .wrapper{width:100%;}
            img{max-width:100%; height: auto;}
            #main, #footer{padding:10px;}
            #logo, #nav, #content, #sidebar{width:auto; float: none; height: auto;}
            #ph{margin:10px auto 0 auto; float: none;}
            #mob{margin:auto; float: none;}
            #nav{margin-top:12px;}
            #logo{padding:0 10px;}
            
	    a#mob-only{display:block;}
            #header{padding-bottom:0; background-image:none;}
            #nav{clear:both; padding:0;}
            #nav ul{display:none; float:none; background:#a6ce39; box-shadow:0;}
            #nav ul li.current-menu-item a{background-image:none;}
            #nav ul ul{display:none; background:#a6ce39; position:static; width:auto; left:auto; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding-left:20px;}
            #nav ul ul a:hover{background:none;}
            #nav li{width:auto; float:none; padding:0;}
            #nav li a{color:#ffffff; border-top:1px solid #93b92c; padding:8px;}
            #nav ul ul{padding:3px 10px;}
            
            .gallery-item{width:auto!important; float:none!important;}
            
            textarea{width:210px;}
	}