/*



Theme Name: benetech



Theme URI: Benetech



Description: A brief description.



Version: 1.0



Author: Good work



Author URI: Your website address.



*/



/* reset CSS */@charset "UTF-8";

/* CSS Document */







/********** general tags *************/



html {background: #225445 url(/benetech/wp-content/themes/benetech/images/bg-1.jpg) top center no-repeat; height:100%;}

body		{ text-align:center; margin:0; padding:0; background:  url(/benetech/wp-content/themes/benetech/images/background2.gif)  center 700px  repeat-x ; font: Arial, Helvetica, sans-serif; font-size:12px; height:100%;		}

 html>body {

 min-height: 100%;

 height: auto;}

 

h1 			{ font: normal 2.0em Arial, Helvetica, sans-serif; padding:25px 10px 10px 17px; color: #225345; margin:0;}

h2			{ font: normal 2.0em Arial, Helvetica, sans-serif; padding:20px 10px 10px 35px; color: #225345; margin:0 0 0 30px;
				 background: url(/benetech/wp-content/themes/benetech/images/logo-bullet.png) left  no-repeat;}

h3			{font-family:  Arial, Helvetica, sans-serif;}

h4			{font-family:  Arial, Helvetica, sans-serif;}

h5			{}

h6			{}

p			{font: normal 1.0em Arial, Helvetica, sans-serif; padding:15px 40px 15px 25px; color: #225345; margin:0; line-height:1.4em;}

address		{}

strong, b  	{}

i, em		{}

hr			{}

blockquote	{}





/********** wrapper - centers content and resets text align *************/

#wrapper {width: 983px; margin:0 auto; padding:15px 0 0 0; background: none; text-align:left;}

/* nav */

#nav {

   margin: 0;
   padding-right:20px;


   width: 983px;

   position: relative;

   background: url(/benetech/wp-content/themes/benetech/images/bkg-nav.png) no-repeat;

   height:32px;

   font: 1.0em  Arial, Helvetica, sans-serif;

   text-align:right;

   color: #fff;

   vertical-align:middle;

}

#nav A {

   color: #fff;

    text-decoration:none;

	  padding: 0 10px 0 10px ;

	  vertical-align:middle;

	

}

#nav A:hover {

   text-decoration: underline;

}

#nav A.hilite {

   color: #559A70;

   line-height:30px;

}

#nav UL {

   margin: 0;

   padding: 5px 0 5px 0;

   color: #fff;

   vertical-align:middle;

}

#nav UL LI {

   display: inline;

   color: #fff;

   vertical-align:middle;

}



/* end nav */



/* header */

DIV#header {

   background: url(/benetech/wp-content/themes/benetech/images/bkg-content-top.png) bottom center no-repeat; 

   height: 100%;

   width: 983px;

   position: relative;

   float:left;
 

}



DIV#header .logo {

	 width: 200px;

	 height:157px;

	 padding: 20px 0 0 0;

	 margin:0;

	 float:left;

	 text-align:center;

}



DIV#header .picture {

	 width: 783px;

	 height:177px;

	 padding: 0px;

	 margin:0 0 12px 0;

	 float:left;

}



DIV#header h1{

  font:normal 34px Franklin Gothic Book, sans-serif;

 padding:0;

 color: #4D4D4D;

 margin:0;

}





/* end header */



#content {width: 982px; margin:0; padding:0px; height:100%;  text-align:left; background: #0f1f19;  float:left;	 }

.narrowcolumn	{ width:732px; float:left; display:block; margin: 0; padding:20px; line-height: 1.6em; position:relative; text-align:left; height:100%; background-color:#fff; font: Arial, Helvetica, sans-serif; min-height:450px; }

.narrowcolumn h2 {font: normal 1.8em Arial, Helvetica, sans-serif; padding:20px 10px 10px 25px; color: #225345; margin:0; background:none; clear:left;}

.narrowcolumn a { color: #225345; margin:0;}
.rightcol a { color: #225345; margin:0;}

.narrowcolumn  .thumb-holder {float:left; margin-right:20px; }
.narrowcolumn ul {
list-style: disc;
   margin: 0;
   padding: px 0 0px 0;
}

.narrowcolumn ul li {
list-style:square;
padding: 5px 0 0 0px;
margin: 0 0 0 20px;
font: normal 1.0em Arial, Helvetica, sans-serif;
}

.narrowcolumn li ul li {
list-style: disc;
padding: 5px 0 0 0px;
margin: 0px;
font: normal 1.0em Arial, Helvetica, sans-serif;
}


#content .ngg-galleryoverview div.piclenselink a.piclenselink {font-size:12px; text-align:right; display:block;}

#content .ngg-clear {clear:none;}

#content div.ngg-albumoverview h4 a.ngg-album-desc {font-size:14px;}



#content div.ngg-albumoverview {padding-top:0; margin-top:0;}



#content.leftpic img.ngg-singlepic	{ margin:0 30px 0 0; padding:0; display:table; float:left;}



.post						{ padding-top:35px; font: Arial, Helvetica, sans-serif;}
.post p					{ padding: 7px 0 7px 30px;}

#content .post .entry .postmetadata  {margin-top:30px; border-top:1px dotted #333;}

#content .post .entry .postmetadata a  {font-size:14px; text-decoration:underline; }





#content .post		{ padding:0px; margin:0; position:relative;}

#content .post .entry		{ padding:0px;  margin:0; }

#content .post .entry img	{ padding:0px;  margin:0;}



.box {width:359px; padding:0px; margin:10px; float:left; color: #225345;}

.box .top { background: url(/benetech/wp-content/themes/benetech/images/box-top.png) left top no-repeat; padding:0; margin:0; width:100%; color: #225345;}

.box .bottom { background: url(/benetech/wp-content/themes/benetech/images/box-bottom.png) left bottom no-repeat; padding:0px; margin:0; height:20px; width:100%;}

.box p { font: normal 1.0em Arial, Helvetica, sans-serif;  line-height:1.8em; padding:0px 15px 10px 20px; color: #225345; margin:0; width:90%;}

.box a, .box a:hover, .box a:active { font: normal 1.5em Arial, Helvetica, sans-serif; line-height:1.2em; padding:0px 0px 0px 20px; color: #225345; margin:0; text-decoration:none;}

.box a:visited { color:#225345;}

		

.box .post	{padding:0; margin:0; }


.leftcol {

   float: left;

   position:relative;

   width: 180px;

   margin:0;

   height:100%;

   padding: 0 9px 0 20px;

    background: #0F1F19 url(/benetech/wp-content/themes/benetech/images/left-nav-bkg.gif) top left no-repeat;

	 font-family: Arial, Helvetica, sans-serif;

}

.leftcol .address { padding:15px 0 20px 0px; border-bottom: 1px solid #225345;}



.leftcol .address p{

   margin:0;

   padding: 0;

   color: #fff;

     font: normal 1.0em;

	 text-align:left;

	 line-height:1.6em;

}

.leftcol .address h2{

   margin:0;

   padding: 20px 0 0px 0px;

   color: #fff;

     font: lighter 1.6em Arial, Helvetica, sans-serif;

	 text-align:left;

	 line-height:1.5em;

	 letter-spacing: 2px;
	 background:none;

}

.leftcol .leftnav { padding-top: 25px; padding-bottom:15px; }



.leftcol .leftnav A {

   color: #fff;

    text-decoration:none;

	  padding: 0 10px 0 0px ;

}

.leftcol .leftnav UL {

   margin: 0;

   padding: 5px 0 5px 0;

   color: #fff;

}

.leftcol .leftnav UL LI {

padding: 10px 0 0 0;

color: #fff;

}



.rightcol {

   float: left;
   width: 762px;
   margin:0;
   padding:10px 0px 0 10px;
   height:100%;
   min-height: 530px;
   background: #fff url(/benetech/wp-content/themes/benetech/images/rightcol-bkg.gif) top left repeat-y;
   border-right: 1px solid #000;
   font-family: Arial, Helvetica, sans-serif;
}

.rightcol p{ padding-right: 40px;}

.rightcol ul{ padding: 0px; margin:0 0 0 40px;}

.rightcol ul li{ margin: 0 0 0 0px; padding:0; list-style:disc; line-height: 1.8em;}


.news {

   margin: 0 0 25px -20px;

   padding: 25px 0 0 20px;

   width: 752px;

   color: #225345;

   background: url(/benetech/wp-content/themes/benetech/images/news-top-l.gif) top left repeat-x;

   float:right;

   font-family:Arial, Helvetica, sans-serif;}

   

.news p{

   font: normal 1.1em;

 text-align: left;

 margin:0;

 padding:10px 20px 0 10px;

 float:left;

 color: #225345;

 line-height:1.2em;

  border-top: 1px solid #225345;

    width: 80%;

}

		

.news a.hilite{

   font-size:0.5em;

 text-align: right;

 margin:0px 0 10px 0px;

 text-decoration:none;

 padding: 0 0 0px 15px;

 color:#225345;

 line-height:1.0em;

 font-weight:100;

 float:right;

 background: url(/benetech/wp-content/themes/benetech/images/bullet.png) left no-repeat;

}

.news ul{
	margin:0px 0 0px 0px;
	padding: 0px 0 0px 0px;
	line-height:1.6em;
}


.news ul li {
list-style:none;
 margin:0px 0 0px 0px;
 padding: 10px 0px 5px 45px;
 color:#225345;
 background: url(/benetech/wp-content/themes/benetech/images/logo-bullet.png) left  no-repeat;
  border-top: 1px solid #225345;
  width: 80%;
  line-height:1.3em;
  text-align:left;
}

.news a {
	font-size: 1.1em;
	font-weight:bold;
   text-decoration:none;
    color:#225345;
}

.news h1{

   font: normal 2.0em ;
 text-align: left;
 line-height: 0em;
 color: #225345;
 padding: 10px 20px 0px 0px;
 margin:0 0 0px 0;
 width: 85%;
 float:left;
}





.newsFeatures {

   margin: 0;

   padding: 0px;

   width: 45%;

   float:left;

  }

  

  .newsFeatures .post	{padding-top:0; }



 .newsFeatures h3{

 text-align: left;

 float:left;

 margin:0px 0 0px 20px;

 padding: 0 0 0px 35px;

 color:#225345;

 line-height:3.0em;

 text-decoration:underline;

 font-weight:100;

 font-size: 0.9em;

  background: url(/benetech/wp-content/themes/benetech/images/logo-bullet.png) left  no-repeat;
}

.interior {width:100%; padding:0px; margin:20px; float:left; color: #225345;  height:100%;}

.interior .top { background: url(/benetech/wp-content/themes/benetech/images/interior-top.png) left top no-repeat; padding:0; margin:0; width:100%; color: #225345; height:100%;}

.interior .bottom { background: url(/benetech/wp-content/themes/benetech/images/interior-bottom.png) left bottom no-repeat; padding:0px; margin:0; height:20px; width:100%;}

.interior p { font: normal 1.0em Arial, Helvetica, sans-serif; width:85%; line-height:1.5em; padding:10px 0px 10px 20px; color: #000; margin:0;}

.interior a, .interior a:hover, .interior a:active { font: normal 1.5em Arial, Helvetica, sans-serif; line-height:1.2em; padding:0px 0px 0px 30px; color: #225345; margin:0; text-decoration:none;}

.interior h2{ font: normal 1.6em Arial, Helvetica, sans-serif; padding:15px 10px 5px 25px; color: #225345; margin:0; background:none;}

/*********************************** footer ********************************************/

#footer {

   margin: 0px 0 20px 0;

   padding:0;

   width:983px;

   text-align: center;

   font-family:Arial, Helvetica, sans-serif;

    background: url(/benetech/wp-content/themes/benetech/images/bkg-footer.png) top center no-repeat;

	color: #194034;

	height: 100%;

}

#footer h4 { font: normal 2.0em Arial, Helvetica, sans-serif; line-height:1.0em; margin:0px 10px 10px 17px; color: #194034; padding-top:20px;}


#footer A {

   color: #194034;

   font-size: 1.0em;

   text-decoration: none;

   text-align:center;

   padding: 0 15px 0 0;

   margin: 0;

}

#footer UL {

   list-style: none;

   padding: 0px;

   margin: 0;

}

#footer UL LI {

   display: inline;

   padding: 0px 0 0 0;

   margin: 0px 20px 0 0;

   color: #194034;

}



DIV#footer_address {

   float: left;

  color: #194034;

   width: 980px;

   padding: 0 0 0px 0;



}

DIV#footer_address p{

   margin: 10px 10px 0 20px;

   padding:5px 0 5px 0;

   float:left;

}

/*********************************** end footer ****************************************/



@charset "UTF-8";

/* CSS Document */





/**************************************************************************************************/

/* Reset CSS for all broswers*/



/* DO NOT CHANGE ANYTHING WITHIN THIS BLOCK */





	

/* remember to define focus styles! */

:focus 	{ outline: 0;}



ol, ul 	{ list-style: none;}



/* tables still need 'cellspacing="0"' in the markup */

table 	{ border-collapse: separate; border-spacing: 0;}



table img	{padding:0; margin:0; border:0;}







caption, th, td { text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,q:before, q:after { content: "";}

blockquote, q 	{ quotes: "" "";}



address {font-style:normal;}



/* fix images in IE*/



.ie6 img	{behavior: url("pngbehavior.htc"); border:none; outline:none;}

.ie5 img	{behavior: url("pngbehavior.htc"); border:none; outline:none;}



/* float and clear*/



.clrflt	{clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px}

.clrrt	{clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}

.clrlft	{ clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; }

.fltrt		{float:right;}

.fltlft		{float:left; }





 /* autoclear */

 

.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix 		{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */ 









/************  FIX CSS CROSS BROWSER SUPPORTS **************************************



Examples:



    * html.gecko div#header { margin: 1em; }

    * .opera #header { margin: 1.2em; }

    * .ie .mylink { font-weight: bold; }

    * .mac.ie .mylink { font-weight: bold; }

    * .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]



Available OS Codes [os]:



    * win - Microsoft Windows

    * linux - Linux (x11 and linux)

    * mac - Mac OS



Available Browser Codes [browser]:



    * ie - Internet Explorer (All versions)

    * ie8 - Internet Explorer 8.x

    * ie7 - Internet Explorer 7.x

    * ie6 - Internet Explorer 6.x

    * ie5 - Internet Explorer 5.x


    * gecko - Mozilla, Firefox, Camino

    * opera - Opera (All versions)

    * opera8 - Opera 8.x

    * opera9 - Opera 9.x

    * konqueror - Konqueror

    * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira



Extra Codes:



    * js - Will be available when js is enable, so you can show/hide some stuffs

	

	

	***************/

	

	/* Begin Sidebar */
	

#sidebar { width:209px; float:left; clear:none; background: url(/benetech/wp-content/themes/benetech/images/left-nav-bkg.gif) top right no-repeat; padding:0px; border-left:1px solid #222; margin :0; line-height:2.0em; font: 1em Arial, Helvetica, sans-serif; height:100%; min-height:400px;}





#sidebar form {

	margin: 0;

	}

	

#sidebar h2 {

	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 5px 0 0;
	line-height:2.6em;
	padding: 0;

	}

	#sidebar ul, #sidebar ul ol {

	margin: 0;
	color:#fff;
	padding: 0;

	}
	
	#sidebar a {color:#fff; line-height:1.8em;
	}


#sidebar ul li {

	list-style-type: none;
	list-style-image: none;
	color:#fff;
	margin: 0 0 15px 10px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;
	color:#fff;
	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;
	color:#fff;
	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;
	color:#fff;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;
	color:#fff;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;
	color:#fff;
	padding: 0;

	}

	#searchform {

	margin: 20px auto;

	padding: 5px 3px;

	text-align: left;

	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#fff;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



/* End Sidebar */



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 20px;

	width: 600px;
	font: Arial, Helvetica, sans-serif;

	}



.widecolumn .entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}

	

	.entry p a:visited {

	color: #225345;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em Arial, Helvetica, sans-serif;

	}

.commentlist li ul li {

	font-size: 1em;

}



.commentlist li {

	font-weight: bold;

}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: Arial, Helvetica, sans-serif;

	}



.commentmetadata {

	font-weight: normal;

	}

	

	.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

	

	.post {

	margin: 0px;

	text-align: left;
	font: Arial, Helvetica, sans-serif;

	}



.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: both;

}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 0;

	}



#commentform {

	margin: 0px 10px 0 0;

	}

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;
		margin:0;
		padding:0;
		font:  Arial, Helvetica, sans-serif;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}

	

	/* Begin Comments*/

.alt {

	margin: 0;


	padding: 10px;

	}

.navigation{font-family:  Arial, Helvetica, sans-serif;}

.commentlist {

	padding: 0;
	
	text-align: justify;
	font:  Arial, Helvetica, sans-serif;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 5px 5px 5px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */


#wp_quotes
{
	margin-left: -10px;
	border-top: 1px solid #225345;
	padding:10px;
	width:85%;
	font: Arial, Helvetica, sans-serif;

}

#wp_quotes div.wp_quotes_quote
{font: Arial, Helvetica, sans-serif;
}

#wp_quotes div.wp_quotes_author
{font: Arial, Helvetica, sans-serif;
	text-align:right;
	font-style: italic;
	margin-top: 5px;
}

div.wp_quotepage
{
	font-size: 12px;
	width: 90%;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

div.wp_quotepage_quote
{ padding:20px 20px 10px 20px;
}

div.wp_quotepage_author
{
	margin-left: 0px;
	font-style: italic;
	text-align:right;
	
}

hr.wp_quotepage_hr
{
	width: 90%;
	text-align:right;
	float:left;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#101f1a;
	
}

div.wpquotes_poweredby
{
	text-align: center;
	font-size: 0.0em;
	color:#FFFFFF;
	margin-top: 0px;
}

.slideshow {float:left; }
#so2_1 {margin:0px 20px 0 20px;}
#so1_1 {margin:0px 20px 0 20px;}
#so3_1 {margin:0px 20px 0 20px;}