/*	main.css

	whanau.name
*/
@import url("print.css") print;
* {margin:0px;}
html,body	{height:100%;
			color:#ddd; background-color:#000;
			font: verdana, georgia, arial, sans;}
a 			{text-decoration:none; color:#008080;}
a:hover		{color:#0ff; cursor:pointer;}

#wrapper	{min-height:100%; height:auto !important; height:100%; padding-left:140px; margin:0px 0px -1em; /* the bottom margin is the negative value of the footer's height */}
#gateway	{position:absolute; top:60px; left:20px;}

h1			{position:absolute; display:block; width:100%;
			font-size:2em; font-family:Goudy Stout; color:#800; text-align:center;
			padding-top:10px;}
h3			{padding-top:15px;}

#nav {list-style-type:none; display:block; font-weight:bold; padding-top:60px;}
#nav li {float:left; width:auto; display:block; margin-right:20px;
		background:#000 url(fern.gif) no-repeat top right;}
#nav li a, #nav li a:link {
		height:60px;
		color:#999;
		text-decoration:none;
		padding:0px 30px 0px 20px;
		display:block;}
#nav li a:hover {color:#fff; border-bottom:3px solid #fff;}
#nav li a.current, #nav li a.current:link {
		color:#f90; cursor:default; border-bottom:3px solid #f90;}
#nav li a.current:hover {color:#f90; border-bottom:3px solid #f90;}

#content	{clear:both; padding-top:15px; margin-right:20px;}

#footer		{margin:0px auto; text-align:center; color:#808080; height:1em; font-size:0.8em;}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer	{margin-top: -1em;}
#footer a	{text-decoration:none; color:#808080; font-size:0.8em;}
#footer a:hover	{color:#fff;}