/*  

Theme Name: Clean Green

Theme URI: http://sharetheme.com/

Description: Main Color: Green &amp; White

Version: 1.0

Author: promaxstudio.com

Author URI: http://promaxstudio.com/

Tags: green, gray, white, clean, professional 

*/







/* --------- 1. defaults  --------- */



* {

		margin: 0;

		padding: 0;

		}



html,

body {

   margin:0;

   padding:0;

   height:auto;

}

#container {

   min-height:100%;

   position:relative;

}		

/*  --------- 2. structure  --------- */



#wrapper {



		}

		

#masthead {

	background:transparent url(images/masthead.png) 0 0 repeat-x;

	width:100%;

	height:153px;

	

		}

.logo{

	text-align:center;

	

	}	

.logo img{

	margin-top:6px;

	}		

.logo h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:22px;

	color:#FFFFFF;

		}

.logo h1 a:link{

	text-decoration:none;

	color:#FFFFFF;

		}	

.logo h1 a:visited{

	text-decoration:none;

	color:#FFFFFF;

		}

.logo h1 a:hover{

	text-decoration:none;

	color:#CCCCCC;

		}	

#navbar {

	background:transparent url(images/navbar.png) 0 0 repeat-x;

	width:100%;

	height:45px;

		}

#navbar ul{

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:20px;

	color:#FBFBFB;

	text-align:center;

	padding-top:10px;

 

}

#navbar ul li{

	display:inline;

	padding-left:35px;

}		

#navbar ul li a:link {

	color:#FFFFFF;

	text-decoration:none;

	}

#navbar ul li a:visited{

	color:#FFFFFF;

	text-decoration:none;

	}

#navbar ul li a:hover{

	color:#00CC66;

	text-decoration:none;

	}

#content {

	background:transparent url(images/content.png) 0 0 repeat-y;

	margin: 0 auto;

	width:820px;

	height:100%;

	overflow:hidden;

	padding-bottom:80px;

		}

#postwrap {

	float:left;

	width:500px;

	padding-top:20px;

	padding-left:45px;

	}

.about {

	background-color:#FBFBFB;

	font-family:"Trebuchet MS", Arial, Verdana;

	width:450px;

	margin-bottom:10px;

	padding:6px;	

	border:#CCCCCC solid 3px;

	}

.about h1{

	font-family:"Trebuchet MS", Arial, Verdana;

	color:#FFFFFF;

	font-size:20px;

	padding:3px 0 3px 15px;

	background-color:#999999;

	width:435px;

	

	}

.about p{

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:14px;

	text-align:justify;

	padding-top:10px;

	padding-bottom:10px;

}

.about p a:link {

	color:#999999;

	text-decoration:none;

	font-weight:bold;

	}

.about p a:visited{

	color:#999999;

	text-decoration:none;

	font-weight:bold;

	}

.about p a:hover{

	color:#00CC66;

	text-decoration:none;

	font-weight:bold;

	}

.postid {

	background-color:#FBFBFB;

	font-family:"Trebuchet MS", Arial, Verdana;

	width:450px;

	margin-bottom:10px;

	padding:6px;

	border:#CCCCCC solid 1px;

	}

.postid h1 {

	font-size:18px;



}

.postid h1 a:link{

	text-decoration:none;

	color:#999999;

	}

.postid h1 a:visited{

	text-decoration:none;

	color:#999999;

	}

.postid h1 a:hover{

	color:#00CC66;

	text-decoration:none;

	}

.posttext {

	padding:5px 10px 0px 0px;

	}

.posttext h1,h2,h3,h4,h5,h6{

	color:#999999;

	text-decoration:none;

	}

.posttext h1,h2,h3,h4,h5,h6 a:link{

	text-decoration:none;

	color:#999999;

	}

.posttext h1,h2,h3,h4,h5,h6 a:visited{

	text-decoration:none;

	color:#999999;

	}

.posttext h1,h2,h3,h4,h5,h6 a:hover{

	text-decoration:none;

	color:#999999;

	}

.posttext p{

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:11px;

	text-align:justify;

	padding-bottom:5px;

	color:#666666;

	}

.posttext p a:link{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

}

.posttext p a:visited{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

}

.posttext p a:hover{

	text-decoration:none;

	color:#00CC66;

	font-weight:bold;

}

.posttext p img {

	padding:10px;

	border:none;

	text-decoration:none;

	}

img.alignleft{

	float:left;

	text-align:left;

	border:none;

	}

img.alignright{

	float:right;

	text-align:right;

	border:none;

	}

img.aligncenter {

	text-align:center;

	text-decoration:none;

	border:none;

	}





.posttext code {

	border:#CCCCCC thin dotted;

	}

.posttext ul {

	width:400px;

	margin-left:20px;

	padding-bottom:10px;

	font-size:11px;

	color:#666666;

	}

.posttext ul ul{

	width:300px;

	padding-bottom:10px;

	}

.posttext ul li {

	margin-left:45px;

	text-indent:0px;

	padding-top:4px;



	}

.posttext ul li a:link{

	text-decoration:none;	 

	color:#666666;

	font-weight:bold;

	}

.posttext ul li a:visited{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

	}

.posttext ul li a:hover{

	text-decoration:none;

	color:#00CC66;

	font-weight:bold;

	}

.posttext ol {

	width:400px;

	margin-left:25px;

	padding-bottom:20px;

	font-size:11px;

	color:#666666;

	}

.posttext ol li {

	margin-left:45px;

	text-indent:0px;

	padding-top:4px;

	}

.posttext ol li a:link{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

	}

.posttext ol li a:visited{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

	}

.posttext ol li a:hover{

	color:#00CC66;

	text-decoration:none;

	font-weight:bold;

	}

.posttext dt, dd {

	font-size:11px;

	color:#666666;

	padding-top:6px;

	}

.posttext ul li ul li{

	margin-left:20px;

	text-indent:0px;

	padding-top:4px;

	}

.posttext ul li ul li ul li a:link{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

	}

.posttext ul li ul li ul li a:visited{

	text-decoration:none;

	color:#666666;

	font-weight:bold;

	}

.posttext ul li ul li ul li a:hover{

	color:#00CC66;

	text-decoration:none;

	font-weight:bold;

	}

.posttext ol {

	width:400px;

	margin-left:25px;

	padding-bottom:20px;

	}

.posttext ol li ul li {

	margin-left:45px;

	text-indent:0px;

	padding-top:4px;

	}

.posttext ol li ul li a:link{

	text-decoration:none;

	color:#FF3366;

	}

.posttext ol li ul li a:visited{

	text-decoration:none;

	color:#FF3366;

	}

.posttext ol li ul li a:hover{

	text-decoration:none;

	color:#00CC66;

	}



.posttext blockquote {

	width:400px;

	margin:5%;

	padding:5px;

	border-left:#999999 4px solid;

	}



.posttext blockquote p{

	padding-left:10px;

	padding-bottom:10px;

	line-height:2em;

	}

.posttext blockquote blockquote  {

	width:360px;

	padding:5px;

	border-left:#999999 4px solid;

	}

.posttext blockquote li{

	margin-left:60px;

	width:300px;

	padding-left:10px;

	text-indent:0px;

	line-height:2em;

	}

.readmore{

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:9px;

	text-align:right;

	color:#999999;

	

	}

.readmore a:link {

	color:#999999;

	text-decoration:none;

	}

.readmore a:visited{

	color:#999999;

	text-decoration:none;

	}

.readmore a:hover{

	color:#00CC66;

	text-decoration:none;

	}

.listcat{

	border-left:#CCCCCC solid 4px;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:11px;

	text-align:left;

	color:#999999;

	vertical-align:bottom;

	margin-top:20px;

	padding:5px 0px 5px 4px;

	}

.listcat li{

	display:inline;

	}

.listcat a:link {

	color:#999999;

	text-decoration:none;

	}

.listcat a:visited{

	color:#999999;

	text-decoration:none;

	}

.listcat a:hover{

	color:#00CC66;

	text-decoration:none;

	}

#postnavi {

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:14px;

	font-weight:bold;

	color:#999999;

	text-align:center;

	padding-top:5px;

	width:460px;

	margin-bottom:20px;



}

#postnavi a:link{

	color:#999999;

	text-decoration:none;

	}

#postnavi a:visited{

	color:#999999;

	text-decoration:none;

	}

#postnavi a:hover{

	color:#00CC66;

	text-decoration:none;

	}

.navileft {

	float:left;

	}

.naviright {

	float:right;

	}

#sidebar {	

	width:200px;

	height:100%;

	margin-top:15px;

	float:left;

	font-family:"Trebuchet MS", Arial, Verdana;



		}				

#sidebar ul li{

	list-style:none;

	}

#sidebar ul li h2 {

	background-color:#FFFFFF;

	width:194px;

	margin:6px 6px 0px 0px;

	color:#000000;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:16px;

	text-align:center;

	border:#CCCCCC solid  3px;

	}

#sidebar ul li ul{

	border:#CCCCCC solid  3px;

	padding:0 0 5px 10px;

	font-size:12px;

	border-top:0px;

	background-color:#F4F4F4;

	}

#sidebar ul li ul li{

	list-style:none;

	margin-left:26px;

	list-style:square;

	}

#sidebar ul li ul li a:link{

	text-decoration:none;

	color:#4D4D4D;

	}

#sidebar ul li ul li a:visited{

	text-decoration:none;

	color:#4D4D4D;

	}

#sidebar ul li ul li a:hover{

	text-decoration:none;

	color:#00CC66;

	}

#sidebar img{

	padding-top:5px;

	padding-bottom:5px;

	border:0px;

	}

#sidebar a:link img{

	text-decoration:none;

	}

#sidebar a:visited img{

	text-decoration:none;

	}

#sidebar a:hover img{

	padding-left:3px;

	padding-top:3px;

	}

#wp-calendar {

	border:#CCCCCC solid  3px;

	padding:5px;

	font-size:11px;

	border-top:0px;

	background-color:#F4F4F4;

	width:200px;

}

#wp-calendar tbody {

	text-align:center;

}

#wp-calendar tbody a{

	font-weight:bold;

	text-decoration:none;

	color:#00CC66;

	padding-left:5px;

}

#wp-calendar tfoot a{

	font-weight:bold;

	text-decoration:none;

	color:#00CC66;

	padding-left:5px;

}

#wp-calendar caption {

	border-left:#CCCCCC solid  3px;

	border-right:#CCCCCC solid  3px;

	background-color:#F4F4F4;	

}

#search {

	margin-top:5px;

	border:#CCCCCC solid  3px;

	padding:5px 0px 5px 0px;

}

#searchform {

	text-align:center;

}

#s {

	width:180px;

}

#tag_cloud {

	background:url(images/sidebar.png)  0 0 repeat-y;

	border-bottom:#CCCCCC solid  3px;

	font-weight:bold;

}



#tag_cloud a{

	padding:15px 10px 10px 10px;

	}

#tag_cloud a:link{

	text-decoration:none;

	color:#4D4D4D;

}

#tag_cloud a:visited{

	text-decoration:none;

	color:#4D4D4D;

}

#tag_cloud a:hover{

	text-decoration:none;

	color:#00CC66;

}

.textwidget {

	border:#CCCCCC solid  3px;

	border-top:none;

	padding:5px 0px 5px 10px;

	font-size:12px;

	}

.textwidget a:link{

	text-decoration:none;

	color:#4D4D4D;

	font-weight:bold;

}

.textwidget a:visited{

	text-decoration:none;

	color:#4D4D4D;

	font-weight:bold;

}

.textwidget a:hover{

	text-decoration:none;

	color:#00CC66;

	font-weight:bold;

}

.widgettitle h2{

	background:#FF9900;

	}



/*start Form Elements */



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}

#commentform small {

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:12px;

	color:#4D4D4D;

	

}

#commentform textarea {

	width: 300px;

	height:100px;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: left;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	width: 465px;

	padding: 0;

	text-align: justify;

	

	}



.commentlist li {

	margin: 10px 0 3px 0px;

	padding: 5px 10px 3px;

	list-style: none;

	border:#CCCCCC solid 3px;

	height:100%;

	float:left;

	width: 440px;

	min-height:80px;

	}

.avatar {

	float:left;

}

.comment_bar {

	float:left;

	background-color:#CCCCCC;

	margin-left:7px;

	width:371px;

	height:30px;

}

.comment_author {

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:12px;

	color:#FFFFFF;

	font-weight:bold;

	margin-top:5px;

	margin-left:10px;

}

.comment_author a:link {

	text-decoration:none;

	color:#666666;

}

.comment_author a:visited {

	text-decoration:none;

	color:#666666;

}

.comment_author a:hover{

	text-decoration:none;

	color:#FFFFFF;

}

.comment_post {

	float:left;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:12px;

	width:365px;

	margin-left:7px;

	padding-top:10px;

	}

.commentlist p {

	padding-bottom:5px;	

	}

.commentlist p a:link {

	font-weight:bold;

	text-decoration:none;

	color:#00CC66;

	}

.commentlist p a:visited {

	text-decoration:none;

	color:#00CC66;

	}

.commentlist p a:hover{

	text-decoration:none;

	color:#666666;

	}

#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */



#footer {

	background:transparent url(images/footer.png) 0 0 repeat-x;

	position:absolute;

   bottom:0;

   width:100%;

	height:61px;

	margin-top:20px;

	

		}

#footer p{

	text-align:center;

	padding-top:10px;

	font-family:"Trebuchet MS", Arial, Verdana;

	font-size:13px;

	color:#CCCCCC;

	}

#footer p a:link{

	text-decoration:none;

	color:#FFFFFF;

	}

#footer p a:visited{

	text-decoration:none;

	color:#FFFFFF;

}

#footer p a:hover{

	text-decoration:none;

	color:#FFFFFF;

}

.valid {

	float:right;

	border:0px;

	padding:5px 20px 0px 0px;

	}

.valid img{

	text-decoration:none;

	border:0px;

	}

.valid a:link{

	text-decoration:none;

	border:0px;

	}



	/* float-clearing rules */

.separator {

		clear: both;

		}



.separatorInvisible {

		clear: both;

		height: 1px;

		}



.clearFix:after {

    	content: "."; 

    	display: block; 

    	height: 0; 

    	clear: both; 

    	visibility: hidden;

		}		



/* ---------- 4. fonts ---------- */



html {

		font-size: 100%;

		}



body {

		font-size: 62.5%;

		

		}