@charset "UTF-8";

/*
Theme Name: Going Green
Theme URI: www.kreativeking.com/themes
Author : Clemente Gomez
Author URI: www.kreativeking.com
Description: KreativeKing Theme
Version: 4
*/

/*____________________Reset____________________*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre,
a, del, dfn, em, font, img, strike, strong,
dl, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Helvetiva Nueue", Helvetica, Verdana, _sans;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: url(images/bg.png) #092929 repeat-x;
}
ol, ul {
	list-style: none;
}

/*____________________Reset End____________________*/

#wrap{
	position: relative;
	top: 31px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#main{
	border-top: 1px solid #565656;
	height: 100%;
}

#content{
	margin: 0 auto;
	overflow: hidden;
	width: 898px;
	height: 100%;
}

#copy{
	clear: both;
	float: left;
	margin: 10px auto 10px;
	width: 780px;
	height: 50px;
}

#copy a{
	color: #28c5c5;
}

#copy p{
	font-size: 10px;
	line-height: 50px;
}

/*____________________Header____________________*/
#header{
	height: 350px;
	border-bottom: 1px solid #EFEFEF;
}

#header h2{
	margin: auto;
	background: url(images/header_logo.png) no-repeat;
	height: 276px;
	width: 330px;
	text-indent: -9999px;
}

#header h2 a{
	display: block;
	width: 100%;
	height: 100%;
}

/*____________________Navigation____________________*/

#navigation, #subNav{
	background: url(images/nav_bg.png) #082727 repeat-x;
	margin: 0 auto;
	width: 870px;
	height: 75px;
	overflow: hidden;
	border-left: 1px solid #000404;
	border-bottom: 1px solid #000404;
	border-right: 1px solid #000404;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#subNav{
	background-position: 0 -30px;
	margin: 0 auto 55px;
	width: 685px;
	height: 40px;
}

#navigation #search{
	background: url(images/search.png) no-repeat 37px 26px;
	padding: 30px 0 10px 85px;
	width: 40px;
	height: 41px;
	border-right: none;
}

#navigation input{
	background: #041515;
	border: 5px solid #496060;
	outline: 1px solid #222222;
	height: 15px;
	width: 180px;
	color: #EFEFEF;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 5px 0 0 14px;
	-moz-border-radius: 10px;
	-moz-outline-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-outline-radius: 10px;
}

#navigation ul{
	width: 870px;
	height: 85px;
	margin: 0;
}

#subNav ul{
	height: 40px;
	margin: 0 auto;
	border: none;
}

#navigation li, #subNav li{
	float: left;
	display: inline;
	border-left: 1px solid #565656;
	border-right: 1px solid #000404;
	white-space: nowrap;
}

#subNav li{
	height: 40px;
	line-height: 30px;
	padding: 0 40px;
}

#subNav li:first-child{
	border-left: none;
	padding: 0 40px 0 55px;
}

#subNav li:last-child, #subNav #last{
	border-right: none;
}

#navigation #home, #navigation .page-item-331{
	background: url(images/home.png) no-repeat 25px 20px;
	padding: 30px 15px 10px 69px;
	width: 40px;
	height: 75px;
	border-left: none;
}

#navigation #portfolio, #navigation .page-item-333{
	background: url(images/portfolio.png) no-repeat 9px 20px;
	padding: 30px 7px 10px 85px;
	width: 67px;
	height: 75px;
}

#navigation #hire, #navigation .page-item-337{
	background: url(images/hire_me.png) no-repeat 17px 20px;
	padding: 30px 37px 10px 50px;
	width: 30px;
	height: 75px;
}

#navigation #blog, #navigation .page-item-335{
	background: url(images/blog.png) no-repeat 30px 20px;
	padding: 30px 20px 10px 80px;
	width: 45px;
	height: 75px;
}

#navigation a, #subNav a{
	font-size: 24px;
	letter-spacing: 2px;
}

/*____________________Contact Area____________________*/

#contactMe{
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 0 0 20px;
	_margin: 0 0 0 10px;
}

#contactMe #quoteReq #fullName,
#contactMe #quoteReq #email,
#contactMe #quoteReq #company,
#contactMe #quoteReq #project,
#contactMe #quoteReq #budget,
#contactMe #quoteReq #timeFrame,
#contactMe #quoteReq #brief{
	background: #082727;
	clear: left;
	float: left;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
	padding: 5px;
	color: #EFEFEF;
	border: 1px solid #565656;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#contactMe #quoteReq #submit{
	clear: both;
	float: left;
	overflow: hidden;
	margin: 10px 0 0 10px;
	_margin: 5px 0 0 5px;
}

#contactMe #quoteReq label{
	clear: left;
	float: left;
	width: 250px;
	margin: 10px 0 0 20px;
	_margin:5px 0 0 10px;
}

#contactMe p{
	width: 350px;
	font-size: 9px;
	line-height: 10px;
	letter-spacing: 2px;
}

#contactMe #results{
	background: #082727;
	position: relative;
	left: -60px;
	width: 400px;
}

#contactMe #results p{
	overflow: hidden;
	margin: 0 auto;
	line-height: 20px;
}

/*____________________Footer Area____________________*/

#footer{
	margin: 63px auto 0;
	padding: 0 0 30px 0;
	width: 780px;
	overflow: hidden;
}

#projects{
	width: 165px;
	float: left;
	overflow: hidden;
}

#aboutMe{
	float: left;
	overflow: hidden;
	width: 480px;
	margin: 0 0 0 125px;
	_margin: 0 0 0 62px;
}

#aboutMe p{
	float: left;
	width: 330px;
	margin: 0 0 0 15px;
	_margin: 0 0 0 7px;
}

#aboutMe #headshot{
	float: left;
}

#products{
	float: left;
	width: 175px;
	clear: both;
	overflow: hidden;
	margin: 30px 0 0 0;
	_margin: 15px 0 0 0;
}

#products img,
#projects img,
#aboutMe #headshot{
	background: #496060;
	padding: 5px;
	border: 1px solid #242d2d;
	outline: 1px solid #000404;
}

#contact{
	float: left;
	overflow: hidden;
	width: 480px;
	margin: 30px 0 0 125px;
	_margin: 15px 0 0 62px;
}

#contactInfo{
	margin: 0;
}

/*____________________Search Page____________________*/

#results{
	float: left;
	overflow: hidden;
	width: 400px;
	margin: 0 0 0 75px;
}

#results h3{
	margin: 0 0 5px 0;
	font-size: 18px;
}

#results .date{
	margin: 0 0 5px 0;
	color: #28c5c5;
	text-align: left;
	border-bottom: none;
}

#results ul li{
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	border-bottom: 1px solid #082727;
	border-top: 1px solid #264141;
}

#results ul li:first-child{
	border-top: none;
}

#results ul li:last-child{
	border-bottom: none;
}

/*____________________Comments____________________*/

#commentsSection{
	background: url(images/nav_bg.png) #082727 repeat-x;
	overflow: hidden;
	width: 525px;
	margin: 0 0 0 20px;
	padding: 10px;
	font-size: 10px;
	color: #EFEFEF;
	border: 1px solid #3f4c4c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#commentsSection #respond{
	clear: both;
}

.commentlist .comment > div{
	background: #020c0c;
	overflow: hidden;
	float: left;
	margin: 5px;
	padding: 10px;
	width: 400px;
	border-top: 1px solid #565656;
	border-right: 1px solid #565656;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.commentlist .avatar{
	background: #061d1d;
	padding: 5px;
	border: 1px solid #242d2d;
}

.commentlist .comment .avatar { 
	float: right;
}

.commentlist .comment .children .avatar { 
	float: right;
	width: 50px;
	height: 50px;
}

.commentlist cite {
	font-weight: bold;
}
	
.commentlist p {
	margin: 10px 5px 10px 0;
}
	
.commentlist .reply a{
	font-weight: bold;
	color: #28c5c5;
}

.commentlist {
	margin: 0 0 20px 0;
}

.commentlist .comment {
	overflow: hidden;
	margin: 15px 0 10px;
	padding: 10px;
}
	
.commentlist li ul li { 
	margin: 0;
}

.comms-navigation, .navigation {
	clear: both;
	margin: 0 0 15px 0;
	overflow: hidden;
}

.fn a{
	letter-spacing: .2em;
	color: #28c5c5;
}

.thread-even{
	background: #061d1d;
	border-right: 1px solid #3f4c4c;
	border-top: 1px solid #3f4c4c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.thread-odd{
	background: #092e2e;
	border-left: 1px solid #3f4c4c;
	border-top: 1px solid #3f4c4c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.children {
	clear: both;
	padding: 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

/*____________________Comments Form____________________*/

#commentsSection #comment{
	background: #061d1d;
	padding: 5px;
	color: #EFEFEF;
	border: 1px solid #3f4c4c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}

#commentsSection #email, #commentsSection #url, #commentsSection #author{
	background: #061d1d;
	clear: left;
	float: left;
	margin: 0 0 5px 0;
	_margin: 0 0 2px 0;
	padding: 5px;
	color: #EFEFEF;
	border: 1px solid #565656;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#commentsSection label{
	clear: left;
	float: left;
	width: 250px;
	margin: 10px 0 0 20px;
	_margin:5px 0 0 10px;
}

#commentsSection #submit{
	clear: both;
	float: left;
	overflow: hidden;
	margin: 5px 0 0 10px;
	_margin: 2px 0 0 5px;
}

/*____________________Posts____________________*/

#postWrap{
	position: relative;
	float: left;
	top: 30px;
	left: 70px;
	margin: 0 0 30px 0;
}

.post{
	position: relative;
	overflow: hidden;
	margin:  0 0 40px 20px;
	width: 545px;
}

.post .postHeader{
	background: #496060;
	float: left;
	padding: 5px;
	width: 150px;
	outline: 1px solid #242d2d;
	border: 1px solid #000404;
}

.post .article{
	float: left;
	overflow: hidden;
	width: 340px;
	margin: 0 0 0 15px;
	_margin: 0 0 0 7px;
}

.post .article h1{
	margin: 11px 0 14px 0;
	font-variant: small-caps;
}

.date{
	width: 250px;
	font-family: "Trebuchet MS", Verdana, Tahoma _sans;
	font-size: 8px;
	text-align: center;
	letter-spacing: 3px;
	border-bottom: 1px solid #496060;
}

.post .more{
	margin: 30px 0 0 0;
}

.post .postFooter{
	clear: both;
	overflow: hidden;
	height: 35px;
	border-bottom: 1px solid #496060;
}

.post .commentPic{
	background: url(images/commentBubble.png) no-repeat;
	margin: 10px 0 0 0;
	height: 25px;
	width: 25px;
}

.post .commentPic p{
	position: relative;
	left: 8px;
	margin: 0 auto;
	font-size: 8px
}

.post .postFooter .sig{
	position: relative;
	float: right;
	top: -15px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #EFEFEF;
}

.post .postFooter .sig .author{
	color: #28c5c5;
}

.post .thePost{
	width: 530px;
}

#pageNav{
	width: 545px;
}

#prevLink a, #nextLink a{
	background: url(images/nav_bg.png) #082727 repeat-x 0 -2px;
	margin: 0 0 0 9px;
	padding: 5px;
	width: 90px;
	height: 40px;
	font-size: 10px;
	line-height: 40px;
	border-left: 1px solid #3f4c4c;
	border-top: 1px solid #3f4c4c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#prevLink{
	float: left;
	margin: 0 0 0 10px;
}

#nextLink{
	float: right;
	margin: 0 10px 0 0;
}

/*____________________Inner Post Formatting____________________*/

.thePost{
	font-size: 12px;
}

.thePost h1, .thePost h2, .thePost h3,
.thePost h4, .thePost h5, .thePost h6,
.thePost a{
 	margin: 0;
 	padding: 0;
 	border: 0;
 	outline: 0;
	font-family: "Helvetiva Nueue", Helvetica, Verdana, sans-serif;
	color: #EFEFEF;
}

.thePost h1{
	font-size: 24px;
}

.thePost h2{
	font-size: 20px;
}

.thePost h3{
	font-size: 18px;
}

.thePost h4{
	font-size: 16px;
}

.thePost h5{
	font-size: 14px;
}

.thePost h6{
	font-size: 12px;
}

.thePost p{
	margin: 10px 0;
	width: 340px;
	font-size: 11px;
	letter-spacing: 1px;
	text-indent: 10px;
}

.thePost small{
	font-size: 10px;
}

.thePost strong{
	font-weight: bold;
	color: #FFFFFF;
}

.thePost em{
	font-size: 12px;
	font-style: italic;
}

.thePost b{
	font-style: oblique; 
}

.thePost a{
	color: #28c5c5;
	text-decoration: none;
}

.thePost ol{
	overflow: hidden;
	margin: 5px 0 5px 15px;
	font-size: 14px;
	color: #EFEFEF;
	list-style: decimal outside;
}

.thePost ol li{
	clear: both;
	float: left;
	margin: 10px 0 10px 20px;
	padding: 10px 0;
	width: 340px;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
}

/*.thePost img{
	background: #496060;
	clear: right;
	float: right;
	padding: 5px;
	outline: 1px solid #242d2d;
	border: 1px solid #000404;
}*/

.thePost .centerImg{
	background: #496060;
	margin: 0 auto;
	padding: 3px;
	outline: 1px solid #242d2d;
	border: 1px solid #000404;
}

/*____________________Misc Tags____________________*/

h1{
	margin: 0 0 15px 0;
	font-size: 28px;
	font-family: "Journal";
	font-variant: small-caps;
	letter-spacing: 2px;
	text-decoration: none;
	color: #28c5c5;
}

h1 a{
	color: #28c5c5;
}

ul{
	margin: 0 0 0 30px;
}

ul li, p, label{
	color: #EFEFEF;
	font-family: "Helvetiva Nueue", Helvetica, Arial, _sans;
	font-size: 11px;
	line-height: 18px;
}

a{
	text-decoration: none;
	color: #EFEFEF;
}

a:hover{
	text-decoration: underline;
}

h3, .more-link{
	margin: 0 0 15px 0;
	font-size: 24px;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-decoration: none;
	color: #28c5c5;
}

h3 a {
	color: #28c5c5;
}

iframe{
	overflow: hidden;
}