/*
Theme Name: Hu Honua Custom Theme
Theme URI: http://entheos-i.com/
Description: This is the theme for Hu Honua
Version: 1.0
Author: Entheos Interactive
Author URI: http://entheos-i.com/
Tags: hawaii, web ,development, Hu Honua, Bio Energy, Nature, entheos
*/



@charset "utf-8";
/* CSS Document */

/* gneric */

body{
margin:0;
font-family: Tahoma, Arial, Helvetica, sans-serif; 
color:#222222;
font-size:12px;

}


a img{
border:0;
}

a{
text-decoration:underline;
color:#68a227;
}

a:hover{
text-decoration:none;
}


h1, h2, h3, h4, h5, h6{
font-family:Arial, Helvetica, sans-serif; 
margin:3px 0 4px 0;
color:#68a227;
}

h1{
font-size:24px;
}

h2{
font-size:16px;
}
/* eof generic */

.home_welcome{
padding-bottom:0px;
font-size:28px;
}

.header{
padding-top:7px;
background:url(images/huho_2-dj-rev_02.jpg) repeat-x;
}

.main{
background:url(images/backmain_02.jpg) repeat-y;
width:1000px;
margin:0 auto;
padding:0 10px;
}

.logo{
height:201px;
float:left;
}

.head_img{
/*background:url(images/huho_home2_04.jpg) no-repeat;*/
width:732px;
height:201px;
float:left;
}
.nav{
background:url(images/huho_2-dj-rev_12.jpg) repeat-x;
height:62px;
overflow:hidden
}

.nav a{
color:#FFFFFF;
text-decoration:none;
font-size:13px;!important
font-family:Arial, Helvetica, sans-serif; !important
height:33px; 
text-align:center;
width:141px;
overflow:hidden;
display:block;
float:left;
padding:15px 0;
}

.nav a:hover{
background:url(images/hover.jpg) repeat-x;
height:33px; 
}

.nav a.curpage{
background:url(images/huho_2-dj-rev_10.jpg) repeat-x;
height:33px; 
}

.separator{
background:url(images/huho_2-dj-rev_14.jpg);
height:63px;
width:2px;
float:left;
}

.banner{
height:360px;
overflow:hidden;
}

.search_bar{
padding:6px 20px;
background:url(images/newsearch_08.jpg) repeat-x;
height:29px;
overflow:hidden;
text-align:right;
}

.search2{
padding:5px 5px 0px 30px;
font-family:Arial, Helvetica, sans-serif;
background:url(images/newsearch_11.jpg) no-repeat;
width:130px;
height:17px;
border:0;
color:#c4c4c4;
font-size:11px;
float:right;
}

.search_button{

margin-left:7px;
border:0;
background:url(images/newsearch_13.jpg) no-repeat;
width:46px;
height:22px;
float:right;
}

.search_button:hover{
}

.ts{
background:url(images/sidebar_top.jpg) no-repeat;
height:11px;
}

.ms{
vertical-align:top;
background:url(images/sidebar_back.jpg) repeat-y;
}

.bs{
background:url(images/sidebar_bot.jpg) no-repeat;
height:10px;
}

.sidebar{
padding:0 ;
width:262px; !important
}

.latest_news{
padding-bottom:20px;
}

.latest_news img{
height:100%;
width:220px;
border:solid 5px #d4d4d4;
}

.com_benefits ul{
list-style:inside;
margin:0;
padding:0;
}

.content{
line-height:16pt; 
padding:10px;

}
.sb_content{
width:230px;
padding:0 16px;
}

.content_main{
width:720px;
vertical-align:top;
padding-left:10px;
}

.facts{
margin-top:20px;
}

.facts_header{
text-align:center;
font-size:24px;
color:#FFFFFF;
font-weight:bold;
background:url(images/fm_head.jpg) no-repeat;
width:709px;
padding-top:8px;
height:37px;
}

.facts_content{
line-height:15pt;
background:url(images/fm_back.jpg) repeat-x;
}

.tbl_content{
}

.home_content{
line-height:21px;
padding-bottom:10px;
}

.footer{
background:url(images/huho_2-dj-rev_21.jpg) repeat-x;
height:32px;
text-align:center;
color:#FFFFFF;
font-size:11px;
padding:15px 0;
line-height:18px;
}

.footer a{
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover{
text-decoration:underline;
}

.latest_news a{
text-decoration:none;
}

.latest_news a:hover{
text-decoration:underline;
}

.readmore{
text-decoration:underline;
}

.readmore:hover{
text-decoration:none;
}

.news_block_alternate{
border-top:solid 1px #e1f0c8;
border-bottom:solid 1px #e1f0c8;
background: #f6fbee;
}

.news_block{
padding:10px 20px;
display:block;
}

.news_block a{
text-decoration:none;
font-weight:bold;
}

.news_block a:hover{
text-decoration:underline;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */

p.linklove{
visibility:hidden;
}

/* Newsletter styles */
.newsletter img{
margin-right:12px; padding:6px; border:1px solid #999999;
}