/*  http://www.hawaiianislandweddings.net
  --------------------------------------------
    current-revision-by:	Miko Walczuk
    last-modified-date:		26 September 2006
	  
  Copyright 2006 HawaiianIslandWeddings.net. All Rights Reserved.
  Reproduction of any of the material(s) is prohibited.
  Feel free to learn from the scripts.
  
/*	1.) =Master
	------------------------------------------------- */
	
* { padding: 0; margin: 0; }

body {
	font: 1em Verdana, Helvetica, sans-serif;
	text-align: center;
	background: #6E6F64;
}
p, dl, li {
	font-size: 0.75em;
	line-height: 1.4em;
}
p, dd { margin-bottom: 1.0em; }
h1 { display: none; }
h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: 100;
	color: #eee;
	padding-bottom:20px;
	padding-top: 50px;
}

/*	2.) =Blah
	------------------------------------------------- */

#container {
	margin: 0px auto;
	text-align: left;
	width: 650px;
	background: #6E6F64;
	position: relative;
}
#container li a:link, #container dd a:link, #container p a:link {
	color: #202020;
	text-decoration: none;
	border-bottom: 1px dotted #222;
}
#container li a:active, #container dd a:active, #container p a:active {
	color: #fff;
}
#container li a:visited, #container dd a:visited, #container p a:visited {
	color: #222;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
#container li a:hover, #container p a:hover {
	color: #777;
	text-decoration: none;
	border-bottom: 1px solid #777;
}
#container dd a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}
.footr a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
	background: #555;
}
	
/*	2.) =Blah
	------------------------------------------------- */
	
img, img a, dd img { border: 0 none; }
hr, .hide, .nocssnote { display: none; }


/*	2.) =Blah
	------------------------------------------------- */

.showimage {
	margin: 50px 0px 20px;
	padding:5px;
	background: #555;
	border: 1px solid #505050;
}
ul.nav {
	list-style:none;
	padding-bottom: 50px;
}

ul.nav li a {
	padding: 10px;
	background: #555;
}
ul.nav li a:hover {
	background: #444;
}

ul.nav li.prev {
	float: left;

}
ul.nav li.next {
	float: right;

}
span.header a {
	background: url(../img/logo_small.jpg);
	position: absolute;
	height: 28px;
	width: 136px;
	top: 5px;
}
span.showcase a {
	position: absolute;
	height: 22px;
	width: 130px;
	top: 8px;
	right: 0px;
}
#photo span.showcase a {
	background: url(../img/gal_headpho.jpg);
}
#video span.showcase a {
	background: url(../img/gal_headvid.jpg);
}

.list {padding-bottom:50px;}
.list img {border: 4px solid #555;}
.photoindex {text-align:center;}
#video .scaption {
	padding-top: 300px;
}

span.vidmid a {
	margin-top: 15px;
	background: url(../video/img/mid.gif) no-repeat;
	height: 250px;
	width: 330px;
	position: absolute;
	z-index: 2;
	padding: 20px 0 0 20px;
	font: .9em "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ccc;
	text-decoration: none;
}
span.vidmid a:hover {
	background: url(../video/img/mid2.gif) no-repeat;
	color: #fff;
}
span.vidlo a {
	margin: 75px 0 0 75px;
	background: url(../video/img/lo.gif) no-repeat;
	height: 130px;
	width: 170px;
	position: absolute;
	z-index: 10;
	padding: 20px 0 0 20px;
	font: .9em "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ccc;
	text-decoration: none;
}

span.vidlo a:hover {
	background: url(../video/img/lo2.gif) no-repeat;
	color: #fff;
}
#video .vid  {padding-top: 100px; text-align:center;}
#video .vid object {border: 5px solid #65665C;}
#showcase { background:url('../img/load.gif') 50% 50% no-repeat;}
.footer {text-align:center;color:#333;}