/* 
Theme Name: NW Tree Custom Theme
Theme URL: http://nwtree.com/
Description: Custom Theme
Author: Taylor Vincelli
Version: 1
*/

/* css to zero out the browser */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}
caption {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote, q {quotes: "" "";}
*{margin:0;padding:0;}
/* css to zero out the browser end*/

body{
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: muli, sans-serif;
}

#content img{border: 1px solid #ccc;}
#content img.noborder,
a img{
	border: none;
}

a{
	color: #C60C31;
}

a:hover{
	color: #D53855;
}

p{
	padding-bottom: 1em;
	line-height: 150%;
}

textarea{width: 100%}

#content ul{
	list-style: none;
	margin: 10px 0 10px 30px;
}
#content ul li:before {
	display: marker;
	content: "\2022 ";
	color: #C60C30;
	padding: 0 3px;
}
#content form ul{margin: 0;}
#content form ul li{
	color: #000;
	font-weight: normal;
}
#content form ul li:before{
	content: "";
	padding: 0;
}
#content .gform_wrapper .top_label input.large, 
#content .gform_wrapper .top_label select.large, 
#content .gform_wrapper .top_label textarea.textarea,
#content .gform_wrapper .top_label input.medium, 
#content .gform_wrapper .top_label select.medium {
	width: 94%;
	margin: 0 3%;
	border-radius: 3px;
	border: 1px solid #aaa;
}
#content .top_label .gfield_label {
	font-weight: normal;
	margin: 10px 10px 1px;
}
#content .gform_wrapper ul.gfield_checkbox li, 
#content .gform_wrapper ul.gfield_radio li {
	padding-left: 5% !important;
	width: 40%;
	float: left;
}
#content .gform_wrapper .gform_footer {padding: 5%;}
#content .gform_wrapper {margin: 0;font-size: 12px;}

div.form p{padding: 0;}

input[type="submit"]{
	cursor: pointer;
	padding: 2px 10px;
}


.alignleft {
	float: left;
	margin-right: 10px;
	text-align: left;
}

.alignright {
	float: right;
	margin-left: 10px;
	text-align: right;
}

.aligncenter {
	margin: auto;
	display: block;
	text-align: center;
}

.clear {
	clear: both;
}
div.content{
	width: 1040px;
	margin: auto;
}

hr{
	border: none;
	padding-top: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #EDEDED;
}

h1, 
h2, 
h3{
	line-height: 160%;
}

h3 {
	color: #C60C30;
	line-height: 120%;
}
h1,h2,h3,h4{
	font-size: 18px;
	font-weight: normal;
}
h1,h2{
	padding: 10px 0;
	font-size: 20px;
}

h1 a, 
h2 a, 
h3 a{
	text-decoration: none;
}

h3.under{
	clear: both;
	color: #111;
	max-width: 50%;
	margin: 0 auto 15px;
	padding: 15px 20px 5px;
	border-bottom: 2px solid #ccc;
}

/***************HEADER & NAV****************/

header{
	width: 100%;
}

a.contacttab{
	right: 0;
	top: 260px;
	color: #fff;
	width: 120px;
	min-height: 100px;
	padding: 15px;
	position: fixed;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
	background: rgba(143,180,89,.5) url('images/at.png') 95px 50px no-repeat;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px; 
}
header div.alignright{color: #555;}
header div.alignright span{color: #000;} 
header div.alignright span.big{font-size: 24px;}
header div.alignright h3.why{
	margin-top: -35px;
	position: relative;
	padding: 55px 25px 25px 70px;
	background: url('images/thumb.png') no-repeat;
}

header div.alignleft h3{font-size:16px;}
header div.alignleft h3 span{font-size: 18px;}

header div.alignleft,
header div.alignright {margin-top: 20px;}
header div.alignleft {margin-left: 360px;}
header div.alignleft p.qual{line-height: 100%;font-size: 22px;padding:0;font-family: 'Bad Script', cursive;}
header div.alignleft cite{font-size: 12px;text-align: right;padding-bottom:10px;display: block;}

#topTitle a{
	float: left;
	width: 257px;
	height: 182px;
	display: block;
	font-size: 1px;
	font-size: 0px;
	margin-top: 9px;
	position: absolute;
	text-indent: -999px;
	background: url('images/logo.png') no-repeat;
}

#topNav{
	width: 100%;
	height: 298px;
	margin-top: -20px;
	background: url('images/navbg.jpg');
}

#slider {
	float: right;
	width: 780px;
	height: 298px; 
	overflow: hidden;
	position: absolute;
	margin-left: 260px;
}

/*************** NAV Level 1 ****************/

#topNav li{
	width: 260px;
	list-style: none;
	position: relative;
}
#topNav a {
	color: #fff;
	height: 17px;
	margin: 2px 0;
	display: block;
	font-size: 14px;
	padding: 7px 0 6px 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Muli', sans-serif;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.15);
}
#topNav li li a{height:initial;}
#topNav li:first-child a {padding-top: 18px;}
#topNav a:hover {background: rgba(255,255,255,.3) url('images/navlf.png') bottom left no-repeat;}
/* Sub-Nav */

#topNav li:hover > a,
#topNav li:hover{}

#topNav ul ul {
	left: 100%;
	float: left;
	display: none;
	z-index: 99999;
	margin-top: -33px;
	position: absolute;
}
#topNav ul ul li{width:140px;}
#topNav ul ul li:first-child a,
#topNav ul ul li a{
	margin: 0;
	padding: 3px;
	font-size: 11px;
	text-align: center;
	background: #FA8930;
	background: rgba(250, 114, 6, 0.8);
}
#topNav ul ul li a:hover{
	background: #FDAA68;
	background: rgba(253, 153, 74, 0.8);
}
/* Sub-Sub-Nav */
#topNav ul ul ul {
	left: 100%;
	top: 0;
}
#topNav ul li:hover > ul {
	display: block;
}

/***************SIDEBAR****************/	

#sidebar{
	float: left;
	width: 265px;
	text-align: center;
	padding: 25px 0;
}
#sidebar ul{
	list-style: none;
}

#sidebar div.form{
	color: #fff;
	padding: 4px;
	margin: 10px 0;
	background: #486209;
	border-radius: 15px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 10px #ccc;
}
#sidebar div.form div.fields{background:#fafafa;border-radius: 0 0 10px 10px;}

#sidebar div.some{
	color: #6F9021;
	font-size: 14px;
	margin-bottom: 15px;
}
#sidebar div.some a{
	width: 47px;
	height: 50px;
	font-size: 1px;
	font-size: 0px;
	margin-left: -1px;
	display: inline-block;
	background: url('images/some.png') -1px 0 no-repeat;
}
#sidebar div.some a.fb{margin-left: 1px;}
#sidebar div.some a.tw{background-position: -48px 0;}
#sidebar div.some a.y{background-position: -96px 0;}
#sidebar div.some a.al{width: 57px;background-position: -144px 0;}
#sidebar div.some a.b{
	width: 57px;
	margin-left: -6px;
	background-position: -201px 0;
}

#sidebar div.some a.fb:hover{background-position: -1px -51px;}
#sidebar div.some a.tw:hover{background-position: -48px -51px;}
#sidebar div.some a.y:hover{background-position: -96px -51px;}
#sidebar div.some a.al:hover{background-position: -144px -51px;}
#sidebar div.some a.b:hover{background-position: -201px -51px;}

#sidebar #mc_embed_signup form {color: #333;}

/***************CONTENT****************/
#container{
	width: 100%;
	clear: both;
}

#content{
	padding: 10px;
	width: 1040px;
	margin: auto;
}

#usercontent{
	width: 725px;
	float: right;
	margin-left: -5px;
	padding: 10px 10px 10px 45px;
	background: url('images/leaf.png') 0 20px no-repeat;
}

div.third{
	width: 33%;
	float: left;
	font-size: 14px;
}
div.third h4{
	font-size: 14px;
	padding: 15px 0 15px 40px;
}
div.third h4.tree{background: url('images/h-tree.png') left center no-repeat;}
div.third h4.land{background: url('images/h-land.png') left center no-repeat;}
div.third h4.cons{background: url('images/h-cons.png') left center no-repeat;}
div.third a.vid span,
div.third a.vid {
	width: 230px;
	height: 150px;
	font-size: 1px;
	font-size: 0px;
	display: block;
}
#content div.third ul{margin-left: 5px;}
#content div.third div.videobox{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999;
	position: fixed;
	background: rgba(0,0,0,0.3);
}
#content div.third div.videobox div{
	width: 500px;
	margin: 15% auto 0;
}
div.third a.more{margin: 0 25px 35px;display: block;}
div.third a.vid span{background: url('images/vidarrows.png') 90px -48px no-repeat;}
div.third a.vid span:hover{background-position: 90px 52px;}
div.tree a.vid{background: url('images/treev.jpg') ;}
div.land a.vid{background: url('images/landv.jpg') ;}
div.cons a.vid{background: url('images/consv.jpg') ;}

.sitemap li{
	list-style: none;
}

/***************BLOG****************/
div.post{
	clear: both;
}
div.post img.wp-post-image{
	float: left;
	margin-right: 10px;
}

.commentlist li {
	list-style: none;
	padding: 5px 0 5px 65px;
}

.commentlist li ul, commentlist li ul li ul {
	margin: 5px;
	padding-left: 20px;
	border: 1px #ddd solid;
}

.commentlist .comment-author img.avatar{
	position: absolute;
	margin: 5px 0 0 -50px;
}

/***************FOOTER****************/

#topfooter hr{margin:0;}
#topfooter p.clear{font-size:12px;}
#topfooter{
	width: 720px;
	float: right;
	text-align: center;
	border-top: 2px solid #EDEDED;
	border-bottom: 2px solid #EDEDED;
}
#topfooter p.h{margin: 10px 0;}
#topfooter p.sp{margin-top: -11px;}
#topfooter p span{padding: 0 10px;background: #fff;}

#topfooter div.alignleft,
#topfooter div.alignright{width: 40%;margin-bottom:20px;}

.bubbleInfo {
    position: relative;
}
.popup.or{
    left: 10px;
	top: -450px;
}
.popup.wa{
    left: -370px;
	top: -430px;
}
header .trigger {z-index:99999;}
header .popup {top:75px;}
.popup {
	display: none;
	z-index: 99998;
    position: absolute;
}

footer{
	clear: both;
	color: #C1CCA8;
	font-size: 12px;
	padding: 20px 0;
	line-height: 1.6;
	background: #486209;
}
footer div.aligncenter{
	width: 260px;
	height: 155px;
	text-align: left;
	padding: 0 20px 0 30px;
	border-left: 1px solid #84945f;
	border-right: 1px solid #84945f;
}
footer div.connect{
	float: right;
	width: 150px;
	text-align: center;
}

footer div.alignleft{
	width: 320px;
}
footer ul.menu li{
	float: left;
	min-width: 160px;
	list-style: none;
}
footer ul.sub-menu li{list-style: circle inside;}
footer a{
	color: #C1CCA8;
	text-decoration: none;
}
footer a:hover{color:#ddd;}

/***************ADD ONS****************/