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

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

* {
	margin: 0;
	padding: 0;
}


html{
overflow:-moz-scrollbars-vertical;
}

textarea{
overflow:auto;
}

a {
	color: #0B5066;
}

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #444444;
	background: #D9F4FD url(/img/fyndhawaii/background.gif) repeat-x top left;
}

#wrapper {
	width: 785px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	position:relative;
}

#banner {
	clear:both;
	background: #FFFFFF url(/img/fyndhawaii/banner.jpg) no-repeat top left;
	width: 785px;
	height: 279px;
}

#header_box {
	height: 73px;
	overflow:hidden;
}

#logo {
	width: 301px;
	float: left;
}

#loginbox {
	float: right;
	width: 300px;
}

.user_auth  {
	float: right;
	background-color:#88A618;
	color:white;
	text-decoration:none;
	 text-align:center;
	 padding: 5px 10px;
	 position: relative;
	top: 40px;
	margin-right: 5px;
	z-index: 1000;
}

.user_auth:hover {
	background-color:#006699;
}

#hpiece1 {
	background:transparent url(/img/fyndhawaii/hpiece.png) repeat scroll 0 0;
	display:block;
	height:160px;
	left:-29px;
	position:absolute;
	top:4px;
	width:29px;
	z-index:100;
}

#hpiece2 {
	background:transparent url(/img/fyndhawaii/hpiece2.png) repeat scroll 0 0;
	display:block;
	height:215px;
	right:-41px;
	position:absolute;
	top:134px;
	width:41px;
	z-index:100;
}
#tree {
	background:transparent url(/img/fyndhawaii/tree.png) repeat scroll 0 0;
	display:block;
	height:65px;
	left: 535px;
	position:absolute;
	top:8px;
	width:154px;
	z-index:100;
}
#footerbox {
	padding: 20px;
	clear:both;
	background-color:#333333;
}

#main {
	display:block;
	width: 785px;
	clear:both;
	background: #FFFFFF url(/img/fyndhawaii/main_back.png) repeat-y top left;
	float: left;
}

#column1 {
	background-color:#EFEFEF;
	float: right;
	width: 250px;
}

#column2 {
	padding-left: 10px;
	padding-right: 10px;
	width: 510px;
	float: left;
}

/*tweets *****/
.tweetbox {
	position:relative;
	top: -30px;	
}

.status {
	padding: 20px 10px;
	background-color:#FFFDDD;
	font-size: 13px;
	color:#444444;
	display:block;
	margin-bottom: 10px;
}




/**footer ***/
#footer {
	color:white;
	text-align: center;	
}
#footer a {
	color: white;	
}
/****Navigation*****/
#navbox {
	display:block;
	#float: right;
}


#menu li {
	clear: both;
	text-align:center;
	display:block;
}

#menu li a {
	font-size: 15px;
	color:#017DBA;
	position:relative;
	width: 250px;
	_width: 247px; /*IE6 not happy */
	padding: 10px 0px;
	float:left;
	text-decoration:none;
}

#menu li a:hover {
	background-color: #9CE2FA;	
	padding: 10px 0px;
}

a.active {
	background-color: #9CE2FA;		
}


/**side box ****/
.sidebox {
	margin: 10px 0px 10px 12px;	
	clear:both;
}

.box {
	background-color:white;
	width: 205px;
	padding: 10px;
	 border:1px solid #E0E4E6;
}

/***pagination*****/

#pagination {
	text-align:center;
	padding: 10px;
}

#pagination a {
		font-size: 15px;
		text-decoration:none;
		color:#017DBA;
		padding: 5px;
	    border:1px solid #cccccc;
		margin-left: 10px;
}	

#pagination a:hover {
	background-color: #9CE2FA;	
}

/**other classes***/
.more {
	text-align:right;	
}


/***content ****/
h1 {
	color: #0B5066;
	font-size: 16px;
	margin-bottom: 10px;
}
h3 {
	color: #0B5066;
	font-size: 12px;
	margin-bottom: 5px;
}

/***flash messages ***/
.message {
	 display: block;
	 margin-bottom: 10px;
	 padding: 10px;
	 background-color:#F3FCFE;
	border:1px solid #D9F4FD;
	font-size: 14px;
}


/**forms***/

form {
	background-color:#F3FCFE;
	border:1px solid #D9F4FD;
	padding: 5px;
    padding-bottom: 10px;
	margin-bottom: 10px;
}

.input {
	padding: 5px; 
	clear:both;
}
label {
	clear:both;
	float: left;
	text-align:right;
	display:inline;
	width: 150px;	
}

input, select {
	display:inline;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding: 2px 10px;
	margin-left: 10px;
}
select {
	margin-left: 0px;
}

input[type=hidden] { 
	display:none;
}
.checkbox {
	clear:none;
	display:inline;
}
.checkbox2 {
	background:none;
	border:none;
}

.submit{
	margin-top: 10px;
	display:block;	
	 text-align:center;
}
.submit input{ 
	background-color:#88A618;
	color:white;
	clear:both;	
}
.submit input:hover {
	background-color:#006699;
}
.error-message
{
    display: block;
	color: #900;
	background-color: #FF9D9D;
	padding: 3px 10px 3px 40px;
	margin: 10px 0;
}



/***search box ***/
#search form {
	background-color:#ffffff;
	border:none;
	padding: 0px;
	margin-bottom:0px;	
}
#search .input {
	padding: 5px; 
	clear:none;
}
#search label {
	clear:none;
	float: left;
	text-align:right;
	display:block;
	width: 50px;
}

#search input, #search select {
	width: 100px;
}

/****send tweet*****/
#char {
	font-size: 12px;
	color:#FF3300;
}
#link {
	text-align: right;
	margin-right: 10px;
	
}
#TweetSendForm label{
        margin-right: 0;
        margin-right: 10px;
		float: left;
		text-align: left;
		font-size: 14px;
		padding: 5px 0px;
		color:#0B5066;
		width: 60px;
}

select
{

}

textarea {

}

#send_checkbox_container  {
	margin-top: 10px;
}

#send_checkbox_container label {
	font-size: 12px;
	clear:both;
	float: left;
	text-align:right;
	display:inline;
	width: 140px;
	padding: 0px;
	margin:0px;
	color: #444444;
}

select#next_sendMonth
{
    width: 80px;
}

select#next_sendYear
{
    width: 60px;
}

select#next_sendHour
{
    margin-left: 2px;
}