/*
Copyright 2008 lehuanani.com
*/


#body {
background: url('http://img.photobucket.com/albums/v290/krnjapchunsa/08 maui/08maui020.jpg') repeat;
color: #000;
font-family: verdana, georgia, serif;
font-size: small !important;
font-size: x-small;
line-height: 24px;
margin: 0;
padding: 10px;
text-align: center;
}		  

#container {
background: url('bg.gif') repeat-y;
border-bottom: 0px solid #fff;
border-top: 0px solid #fff;
font-size: 12px;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 720px;
}
#header {
background: url('header.jpg') no-repeat;
border-bottom: 2px solid #000;
border-top: 2px solid #000;
height: 100px;
width: 696px; margin-left:12px; margin-right:12px; margin-top:0; margin-bottom:10px
}
#title {
background-color: #000;
border-bottom: solid 2px #9900cc;
border-top: solid 2px #00cc00;
color: #000;
margin: 0;
padding: 0;
position: relative;
top: 105px !important;
top: 198px;
}
#title h1 {
color: #fff;
font-size: 20px;
font-variant: small-caps;
margin: 0;
padding: 0;
text-align: center;
}
#content {
background: #fff;
border: solid 1px #000;
float: right;
margin: 25px 20px 10px 0 !important;
margin: 25px 10px 10px 0;
padding: 0 10px 20px 10px;
position: relative;
width: 435px;
}
.section h2 {
border-bottom: 1px solid #000;
color: #000;
font-family: verdana, "lucida grande", verdana, sans-serif;
font-size: 110%;
font-variant: small-caps;
margin-top: 20px;
}
#content p {
margin-top: 4px;
margin-bottom: 10px;
padding: 0;
}
.img-shadow {
float: right;
background: url('../shadow.gif') no-repeat bottom right !important;
margin-left:5px; margin-right:10px; margin-top:10px; margin-bottom:0
}
.img-shadow img {
background-color: #fff;
border: 1px solid #000;
display: block;
margin: -6px 6px 6px -6px;
padding: 4px;
position: relative;
}
#imageList {
margin: 0 auto;
text-align: center;
}
#pictures .img-shadow {
float: left;
}
#sidebar, #addendum {
font-family: verdana, arial, sans-serif;   
font-size: 90%;
line-height: 1.2em;
margin: 20px 0 0 25px !important;
margin: 25px 0 0 25px;
position: relative;
width: 195px;
}
#sidebar .section {	 
background-color: #fff;
border: solid 1px #000;
margin: 15px 0;
padding: 5px;
}
#sidebar h3 {
/* 
For some crazy reason, IE does not like to render the heading
background and borders consistently. To accomodate that, since IE
doesn't follow the !important rules correctly I exploit it to my advantage.
*/
background-color: #000 !important;
background-color: #000;
color: #fff !important;
color: #000;
font-size: 100%;
margin: 0;
padding: 2px 5px 2px 10px;
}
#sidebar p {
margin: 0;
padding: 5px;
}
#sidebar a:link, #sidebar a:visited {
color: #9900cc;
text-decoration: underline;
}
#sidebar a:hover {
color: #00cc00;
text-decoration: none;
}
#sidebar ul {
line-height: 1.5em;
margin: 4px 0 15px 0;
padding: 5px;
}
#sidebar li {
margin: 0 0 0 13px;
}
#buttons {
text-align: center;
}
#job {
background-color: #FFCC99;
border: solid 2px #cc9966;
margin: 20px 0 20px 0;
}
#job h4 {
background-color: #646E57 !important;
background-color: #FFCC99;
color: #fff !important;
color: #000;
font: bold 10pt verdana, sans-serif;
margin: 0;
padding: 5px;
text-align: center;
}
#mine p {
margin: 5px;
}
#footer {				   
font: 8pt verdana, sans-serif;
background-color: #000;
border-bottom: solid 2px #9900cc;
border-top: solid 2px #00cc00;
clear: both;
margin: 0 12px;
position: relative;
width: 696px;
}
#copyright {
color: #fff;
height: 55px;
position: relative;
text-align: center;
}