@import url(reset.css);

/* -----------------------------------------------------------------
   Description: www.mikkosingh.com common stylesheet
   Author: Robert Piira (www.piira.se)
   Date last updated: 2009-04-10 by Robert Piira
----------------------------------------------------------------- */

body, html
	{
	height: 100%;
	margin: 0;
	text-align: center;
	background: #b9d5f1 url(../images/sky_bg.gif) ;
	background-attachment: fixed;
	font: 14px/1.6em Georgia, "Palatino Linotype", serif;
	color: #3c5c84;
	min-width: 850px; 
	}
	
a:link {color: #FFF; text-decoration: none; background: #87afd9; padding: 0 3px;}
a:visited {color: #FFF; text-decoration: none; background: #87afd9; padding: 0 3px;}
a:hover, a:active {color: #2b496a; border-bottom: 1px solid #3c5c84;}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h2 { 
  font-size: 36px; 
  line-height: 36px;
  margin-bottom: 20px; 
  color: #FFF;
  font-weight: bold;
  margin-left: -2px;
}

h3 { 
  font-size: 17px; 
  line-height: 155%; 
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #2b5596;
}

h4 { 
  font-size: 15px; 
  line-height: 20px; 
  font-weight: bold;
}

	
p {
	margin-bottom: 20px;
}

p + h3 {
	clear: left;
}

p.main {
	font-size: 20px;
	line-height: 25px;
}

.quote {
	background: url(../images/quote.png) no-repeat top left;
	padding-left: 35px;
	line-height: 25px;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 20px;
	color: #426789;
}

.clear {clear: left;}
.hide {display: none;}

ol {
	list-style-type: decimal;
	clear: left;
	padding-left: 20px;
	margin-bottom: 20px;
}

ul {
	margin-bottom: 20px;
}

/* CONTENT STYLES */

#bgWrapper {
	background: url(../images/bg_logo.png) no-repeat bottom left;
	overflow: hidden;
	background-attachment: fixed;
}

#wrapper {
	width: 840px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding-bottom: 100px;
}

#content {
	width: 496px;
	float: left;
	padding-left: 23px;
	position: relative;
	z-index: 20;
}
#main {
	background: url(../images/waves.gif) no-repeat bottom left;
}

#news {
	background: url(../images/dolphin.gif) no-repeat top right;
}

#news span.date {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	letter-spacing: 1px;
	font-size: 12px;
}

/*#news p {
	border-bottom: 1px dotted #FFF;
	padding-bottom: 20px;
	margin-bottom: 18px;
}*/

#music .download a {
	color: #FFF;
	font: normal 80%/100% Arial, Helvetica, sans-serif;
}

#music .download .active {
	color: #8e3275;
}

#music img {
	float: left;
	margin: 0 20px 20px 0;
	/*border: 4px solid #FFF;*/
}

#music ol {
	/*border-bottom: 1px dotted #FFF;*/
	padding-bottom: 20px;
}

#music h4 {
	clear: both;
}

#about {
	background: url(../images/flowers2.gif) no-repeat bottom right;
}

#photos {
	background: url(../images/flowers4.gif) no-repeat top right;
}

#photos h2 {
	margin-bottom: 10px;
}

#photos h2 em {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	color: #5288a2;
	font-style: normal;
}

#photos #largeImg {
	border: solid 4px #c0defa;
	width: 485px;
	height: 320px;
}

#photos .thumbs img {
	border: solid 4px #c0defa;
	width: 70px;
	height: 70px;
	margin: 0 0 2px 2px;
}

#photos p.thumbs {
	margin-left: -2px;
}

#photos .thumbs img:hover {
	border-color: #FF9900;
}

#contact {
	background: url(../images/palm.gif) no-repeat 290px 80px;
}

#main, #news, #music, #about, #photos, #contact {
	padding: 40px 0 60px 0;
	margin-bottom: 100px;
	float: left;
	width: 100%;
}


#footer {
	position: fixed;
	width: 100%;
	height: 100px;
	bottom: 0;
	left: 0;
	background: url(../images/flowers.gif) repeat-x bottom;
	z-index: 30;
}

#footer p {
	position: absolute;
	right: 20px;
	bottom: 45px;
	font-size: 11px;
	text-align: right;
}

/* NAVIGATION */

#navHolder {
	width: 840px;
}

#nav {
	position: fixed;
	width: 238px;
	padding: 30px 0 0 579px;
	z-index: 10;
	font-size: 20px;
	letter-spacing: -1px;
	font-family: Helvetica, Arial, sans-serif;
}

#nav li {
	float: left;
	padding: 0 0 5px 10px;
}

#nav li a {
	color: #FFF;
	font-weight: bold;
}

#nav li a:hover {
	color: #2b5596;
	border: none;
}

#nav h1 {
	margin-bottom: 20px;
	padding: 0;
	left: 20px;
	height: 95px;
	width: 238px;
	text-indent: -9999px;
}

#nav h1 a {
	height: 95px;
	width: 238px;
	background: url(../images/haleiwa_logo.png) no-repeat bottom center;
	display: block;
	cursor: pointer;
}

#nav h1 a:hover {
	border: none;
}

#nav ul {
	text-align: left;
	padding-left: 20px;
}

#nav li a.active {
	color: #2b5596;
	text-decoration: none;
	cursor: default;
}

/* overrides 
-------------------------*/

#nav a, #music ol a, #photos a {
background: none;
}

#photos a {
border: none;
padding: 0;
}