/*  
Theme Name: Trendy Green
Theme URI: http://gettemplate.com/
Description: <a href="http://gettemplate.com" title="GetTemplate">GetTemplate</a> - elegant web templates, themes, custom web design and development services.  

Version: 1.0
Author: GetTemplate
Author URI: http://gettemplate.com/
GetTemplate © 2008. All rights reserved. 
License: http://creativecommons.org/licenses/by/2.5/
*/

body{ font-family: Arial, Helvetica, sans-serif; color: #333333; background-color: #868686; font-size: 62.5%; background-image: url(images/bg_main.gif); background-repeat: repeat-x; margin: 0; padding: 0; }
a{	color : #006400; text-decoration: underline;  }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
p{ margin: 0 0 10px 0; padding: 0; line-height: 1.5em; }
a:hover{	text-decoration : underline;  color: #d00000;   }
form, div, img{ border: none; margin: 0; padding: 0; }

h1, h2, h3, h4, h5{ margin: 0 0 12px 0; padding: 0; font-weight: normal; color: #4a5460; }
h2{font-size: 1.5em; margin:30px 0 9px 0; }
h3{ font-size: 1.4em; margin:30px 0 9px 0;}
h4{ font-size: 1.3em; margin:30px 0 9px 0;}

#HEADER{ width: 900px; height: 83px; margin-left: auto; margin-right: auto; padding: 0;  }
	#HEADER h1{ margin: 0; padding: 0 9px 0 0px; float: left; font-weight: bold; font-size: 25px; height: 83px; line-height: 83px; text-transform: uppercase; }
	#HEADER h1 a{ text-decoration: none; color: #f5f5f5;   }
	#HEADER a:hover{ text-decoration: none; color:white; }
	#HEADER p{ float: right; font-size: 1.6em; color: White; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; margin: 59px 0 0 0; padding: 0; line-height: 9pt; }
#NAVIGATION{ width: 900px; font-size: 1.2em; height: 31px; text-align: left; margin-left: auto; margin-right: auto; background: #2E6BA9 url(images/bg_topnav2.gif); }
#TABS{ float: left; width: 785px; height: 31px; background: url(images/bg_topnav.gif) repeat-x; border-right: 1px solid #666666; line-height: 31px; }
	#Nav{ float:left; margin:0; padding: 0; list-style: none; } 
	#Nav li{ position: relative; float: left; background: none; padding: 0 2px 0 0; background: url(images/bg_navbutton.gif) no-repeat right; }
	#Nav li.current_page_item a{ font-weight: bold; }
	#Nav a{ float:left; padding: 0px 34px 0px 36px; color: black; text-decoration: none; }
	#Nav a:hover{ background-color: #ffffff; background-position: 0 0; }
	#Nav ul{ list-style:none; width: 180px; margin: 0; padding: 0; position: absolute; left: 0; top: 31px; display: none; background: #f8f8f8; }
	#Nav ul li{ float: left; border-bottom: 1px solid #f2f2f2; width: 180px; padding: 0; margin: 0; background: none; }
	#Nav li:hover ul, #Nav li.over ul { display: block; }
	#Nav li li a{ float: left; width: 144px; padding-right:0; margin:0; }
	#Nav li li a:hover{ background:#ffffff; }
#BUTTONS{ float: right; width: 110px; height: 28px; text-align: center; }
#VISUAL{ width: 900px; text-align: right; margin-left: auto; margin-right: auto; height: 160px;  background: #1F7A2A url(images/bg_visual.jpg) no-repeat; }
	#VISUAL ul{ margin:20px 0 0 0; padding-left: 0;   float: right;  width: 602px;    }
	#VISUAL ul li{ display: block; list-style: none; margin:0 0 5px 0;}
	#VISUAL ul li.PhraseOne{ padding-right: 15px; color: White; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 12px; font-style: normal; margin-top: 18px; font-weight: bold; }
	#VISUAL ul li.PhraseTwo{ padding-right: 15px;   color: White;  font-family: Arial, Helvetica, sans-serif;  font-size: 17px; font-style: normal;  font-weight: bold;   }
	#VISUAL li.Button{ width: 130px; height: 29px; float: right; padding-right: 15px; }
	#VISUAL a{ color: #9aee48; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; text-decoration: underline; }
	#VISUAL a:hover{ color: White; }
#CONTENT{ width: 900px; text-align: left; margin: 0 auto; }
	.contentwrap{ float: left; width: 100%;  margin:0 0 20px 0;  background: White url(images/bg_text.gif) repeat-x; }
#FOOTER{ float: left; width: 900px; padding: 16px 0 28px 0; margin:20px 0 0 0; text-align: left; background: #004e00 url(images/bg_footer.jpg) no-repeat bottom; font-size: 1.1em; color: White; }
	#FOOTER a{ color: white; text-decoration: none;	}
	#FOOTER a:hover{ text-decoration: underline;	}
	#FOOTER .left{ float:left; width: 230px; overflow:hidden; padding: 0 0 0 15px; }
	#FOOTER .right{ float: right; width: 300px; overflow: hidden; text-align: right; padding: 0 20px 0 0; }


/* Sidebar */
#LEFTBOX{ float: left; width: 210px; padding: 15px 0 0 0; text-align: left; font-size: 1.1em; left: 15px; position: relative; background: #f8f8f8; }
	#LEFTBOX .leftfooter{ display: block; margin: -35px 0 0 0; }
	#LEFTBOX div.widget{ margin: 0 12px 20px 12px; padding-bottom: 10px; background: url(images/bg_hdot.gif) repeat-x bottom; }
	#LEFTBOX div.Last{ background-image: none; }
	#LEFTBOX h2{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #4E4E4E; letter-spacing: 1px; margin: 0 0 9px 12px; }
	#LEFTBOX a:hover{	text-decoration : underline;  }
	#LEFTBOX ul{ padding: 0 0 0 1px; border: none; margin: 0 0 15px 12px; } 
	#LEFTBOX li { margin-left: 0; padding-left: 10px; list-style: none none; background: url(images/point_left.gif) no-repeat 0 2px; line-height: 18px; }
	#LEFTBOX li a{ color: #1A1A1A; text-decoration: none; padding-right: 0; margin-right: 0;  }	
	#LEFTBOX li.current_page_item a{ font-weight: bold; }
	#LEFTBOX ul a:hover{text-decoration: underline;}	
	#searchform { display:block; height:35px; margin: 0; position:relative; }
	#searchform br{ display: none; }
	#searchform input{ position: absolute; top: 0px; right: 0; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px; }
	#searchform #s{ width: 110px; height: 18px; border: 1px solid #dddddd; left: 0; }
	#calendar { padding: 0; margin-bottom: 15px; text-align: center; }
	#calendar h2{ display: none; }
	#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
	#wp-calendar caption { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;  margin-top: 5px;  }
	#wp-calendar { empty-cells: show; margin: 0 auto 10px auto; width: 150px;  }
	#wp-calendar th{ font-size: 10px; color: Black; font-style: normal; text-transform: capitalize; }
	#wp-calendar #next a { padding-right: 10px; text-align: right; }
	#wp-calendar #prev a { padding-left: 10px; text-align: left; }
	#wp-calendar a { display: block; background: #d2eeaa; text-align: center; text-decoration: none; color: #373737;   }
	#wp-calendar a:hover{ color: #333333; background: #ffffff; text-decoration: none; }
	#wp-calendar caption { text-align: center; width: 100%;  font-size: 12px;  }
	#wp-calendar td { font-size:10px; padding: 0; text-align: center;  color: #5F4D26;  }
	

/* Content */
#TEXT{ float: right; width: 620px; padding: 35px 0 20px 0; margin: 0 30px 0 0; position: relative; font-size: 1.2em; }

.post{ width:100%; float:left; margin: 0 0 38px 0; padding:0; }
.entry{ padding: 15px 0 0 0; }
.post hr {	display: block;	}
.title, .entry h3{ font-size: 1.8em; font-weight: normal; margin: 0; padding: 5px 0 0 0; }
#TEXT h2 a, #TEXT h2, #TEXT h3 a{ text-decoration: none; color: #4a5460;  }
#TEXT h2 a:hover{ color: #d00000; }
.prefix{ font-size: 0.9em; border-top: 1px solid #eeeeee; margin: 0; text-align: right; }
.Aligned{ text-align: justify; line-height:1.5em;}
p.postmetadata, p.postmetadatasingle{ margin:20px 0 0 0; padding: 7px; text-align: right; font-size: 0.9em; background: #f8f8f8; }
p.postmetadata a:hover, p.postmetadatasingle a:hover{ color: #DF0000; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 1.5em; }
acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }
.postmetadata { clear: left; }

.pagetitle{ margin: -10px 0 30px 0; font-size: 1em; font-weight: bold; }
.pagetitle, .navigation{ margin: -10px 0 40px 0; padding: 0; font-size: 1em; font-weight: bold; }
.navigation .alignleft{	float:left; }
.navigation .alignright{ float: right; }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {	float: right;	}
.alignleft {	float: left	}
.center { text-align: center; }
.clear{ clear: both; font-size: 1px; height: 1px; overflow: hidden; }

.entry form {  text-align: center; }/* This one is mainly for password protected posts, makes them look better. */
select { width: 130px; }
#commentform p { margin: 5px 0;   }
#commentform input.text { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #dcdcdc; background: White; color: #332D26; }
#commentform #author, #commentform #email, #commentform #url{ border: 1px solid #dcdcdc; background: White; }
#commentform textarea { width: 610px; padding: 2px;   border: 1px solid #dcdcdc;  overflow: auto;  background: White;   }
#commentform #submit {  }

h3#comments { padding: 0; margin: 20px auto 20px; font-size: 16px; background-image: none; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;  }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;  padding-left:0;}
.commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;  background: #fafafa;  }
.commentlist p { margin: 10px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #f5f5f5; }
blockquote cite { margin: 5px 0 0; display: block; }
