/* 
=============================
Waipuna CSS - Hawaiian Music by Kale Hannahs and Matt Sproat
Design Development: Ryan "Gonzo" Gonzalez
v.1 November, 2009
=============================
*/


Body {	
	background-color: #0f3d56;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 150%;
	margin: 0px;
	color: #FFFFFF;
}

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #a9d521;
}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #a9d521;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;

}

#container {
	background-color: #0f3d56;
	width: 1040px;
	height: 1120px;
	text-align: left;
	margin: 10px auto 0px auto;
	padding: 0px;
	border: 0px;
	z-index:1;
}

#left {
	position:relative;
	float: left;
	width: 160px;
	text-align: center;
	padding-top: 50px;
	z-index:2;
}

#right {
	position:relative;
	float: left;
	width: 160px;
	text-align: left;
	padding: 25px 0px 0px 20px;
	font: normal 105% Helvetica, "Times New Roman", Times, serif;
	line-height: 270%;
	font-weight:bold;
	color: #413112;
	letter-spacing: .3ex;
	text-transform: uppercase;
	z-index:2;
}

#right a:link {
	font-weight: bold;
	text-decoration: none;
	color: #a9d521;
}

#right a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #a9d521;
}

#right a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

#right a:active {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

#right ul {
	 line-height: 200%;
	 list-style: none;
	 margin: -10px 0px 0px 20px;
	 padding: 0;
	 font-size:9px;
	 font-weight: bold;
}

#right ul a:link {
 	font-weight: bold;
	text-decoration: none;
	color: #708336;
}

#right ul a:visited {
 	font-weight: bold;
	text-decoration: none;
	color: #708336;
}

#right ul a:hover {
 	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#content {
	position:relative;
	float: left;
	width: 700px;
	height: 1120px;
	background-image: url(../images/index_bg.jpg);
	background-repeat: no-repeat;
	z-index:2;
	
}

#content_bio {
	position:relative;
	float: left;
	width: 700px;
	height: 1120px;
	background-image: url(../images/bio_bg.jpg);
	background-repeat: no-repeat;
	z-index:2;
	
}


#content_standard {
	position:relative;
	float: left;
	width: 700px;
	height: 1120px;
	background-image: url(../images/standard_bg.jpg);
	background-repeat: no-repeat;
	z-index:2;
	
}

#footer {
	position:relative;
	clear: both;
	width: 1020px;
	text-align: center;
	margin: 10px auto 60px auto;
	padding: 0px 20px 0px 0px;
	border: 0px;
	font: normal 90% Helvetica, "Times New Roman", Times, serif;
	color: #60bbec;
	word-spacing: 1.5ex;
	letter-spacing: 1ex;
	text-transform: uppercase;
	z-index:2;
}

#footer a:link {
	text-decoration: none;
	color: #a9d521;

}

#footer a:visited {
	text-decoration: none;
	color: #a9d521;

}

#footer a:hover {
	text-decoration: none;
	color: #ffffff;
}

.fineprint {
	font: normal Helvetica, "Times New Roman", Times, serif;
	text-transform: none;
	color: #60bbec;
	word-spacing: normal;
	letter-spacing: .5ex;
}

.dropcap {
	float: left;
	color: #a9d521;
	font-size: 56px;
	line-height: 100%;
	padding-top: 0px;
	padding-right: 1px;
	font-family: serif, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.greentext {
	color: #a9d521;
}

.greentextbig {
	color:#a9d521;
	font-family: helvetica, Geneva, serif,times, verdana;
	font-size:18px;
	font-weight:bold;
	letter-spacing: .2ex;
	line-height: 175%;
}


.bluetext {
	color:#60bbec;
}

.bluetextbig {
	color:#60bbec;
	font-family: helvetica, Geneva, serif,times, verdana;
	font-size:18px;
	font-weight:bold;
	letter-spacing: .2ex;
	line-height: 175%;
}

.whitetextbig {
	color:#ffffff;
	font-family: helvetica, Geneva, serif,times, verdana;
	font-weight: bold;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	letter-spacing: .2ex;
	line-height: 150%;
}

.whitetext {
	color:#ffffff;
}

.greentext_subhead {
	color:#a9d521;
	font-size: 10px;
	font-weight:bold;
}

.whitetext_subhead {
	color:#ffffff;
	font-size: 10px;
	font-weight:bold;
}

h1 {
	color:#a9d521;
	font-size: 18px;
	font-weight:bold;
}

h2 {
	color:#a9d521;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: .2em;
}

/* 
=============================
Block Elements
=============================
*/

#logos {
	position:absolute;
	left:10px;
	top:910px;
	width:80px;
	height:200px;
	z-index:10;
}

#about {
	position:absolute;
	left:20px;
	top:25px;
	width:660px;
	height:160px;
	line-height: 200%;
	color:#ffffff;
	overflow:auto;
	z-index:10;
}

#about a:link {
	font-weight: bold;
	text-decoration: none;
	color: #a9d521;
}

#about a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #a9d521;
}

#about a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

#about a:active {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

#player {
	position:absolute;
	left:20px;
	top:216px;
	width:240px;
	height:20px;
	z-index:15;
}

#waipuna {
	position:absolute;
	left:245px;
	top:1005px;
	width:450px;
	height:80px;
	line-height: 200%;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 9px;
	z-index:10;
}

#waipuna a:link {
	font-weight: bold;
	text-decoration: none;
	color: #a9d521;
}

#waipuna a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #a9d521;
}

#waipuna a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

#waipuna  a:active {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;

}

#kale_bio{
	position:absolute;
	left:20px;
	top:220px;
	width:300px;
	height:400px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
}

#matt_bio{
	position:absolute;
	left:350px;
	top:640px;
	width:300px;
	height:400px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
}

#current_news{
	position:absolute;
	left:45px;
	top:820px;
	width:600px;
	height:270px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
	overflow:auto;
	padding-right:10px;
}
#dancers_bio{
	position:absolute;
	left:45px;
	top:250px;
	width:600px;
	height:170px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
	overflow:auto;
	padding-right:10px;
}



#standard_bio{
	position:absolute;
	left:50px;
	top:237px;
	width:300px;
	height:600px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
	overflow:auto;
	padding-right:10px;
}

#manaopili_bio{
	position:absolute;
	left:375px;
	top:535px;
	width:300px;
	height:400px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
	overflow:auto;
	padding-right:10px;
}

#ehoimai_bio{
	position:absolute;
	left:24px;
	top:535px;
	width:300px;
	height:400px;
	line-height:200%;
	font-size: 11px;
	z-index:15;
	overflow:auto;
	padding-right:10px;
}

#manaopili_image{
	position:absolute;
	left:377px;
	top:251px;
	width:300px;
	height:269px;
	z-index:15;
	overflow:hidden;
}

#ehoimai_image{
	position:absolute;
	left:13px;
	top:250px;
	width:300px;
	height:269px;
	z-index:15;
	overflow:hidden;
}

#calendar_bio{
	position:absolute;
	left:355px;
	top:240px;
	width:300px;
	height:650px;
	font-size: 11px;
	z-index:15;
	overflow:auto;
	padding-right:10px;
}

#calendar_bio ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-style: inherit;
}

/*
===============================
Twitter Feed Variables
===============================
*/

#tweet {
	position:absolute;
	left:370px;
	top:270px;
	width:300px;
	height:100px;
	z-index: 10;
	font-family: Helvetica, "Times New Roman", Times, serif;
}


#tweet ul {
  font-size: 105%;
  list-style: none;
  margin: 0;
  padding: 0;
  font-style: inherit;

}



/*
===============================
Feedburner Variables
===============================


div.feedburnerFeedBlock {
	position:absolute;
	z-index: inherit;
}

div.feedburnerFeedBlock ul {
	font-size: 105%;
 	list-style: none;
	margin: 0;
  	padding: 0;
  	font-style: inherit;
}

.feedTitle {
	color:#dd6d2d;
	font-family: helvetica, Geneva, serif,times, verdana;
	font-size:18px;
	font-weight:bold;
	letter-spacing: .2ex;
	line-height: 175%;

}

.headline {
	color:#dd6d2d;
	font-family: helvetica, Geneva, serif,times, verdana;
	font-weight:bold;
	letter-spacing: .2ex;
}

.enclosure {

}

.date {
	color:#e5cca8;
}

*/

