html {
	background-color:#59b;
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-image:url('../images/background.png');
	background-position:center top;
	background-repeat:no-repeat;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0;
	padding:0;
	height:100%;
}

a {
	color:white;
}	

a:visited {
	color:9bcee8;	
}

a:focus {
	outline-width:0;
}

img {
	border:none;	
}

#main {
	width:900px;
	height:100%;
	margin:auto;
	}
	
#menu {
	color:white;
	font-size:2em;
	position:relative;
	left:320px;
	width:580px;
	top:90px;
	text-align:right;
}

#menu a {
	margin: 0 1em;	
	text-decoration:none;
}
	
#content {
	position:relative;
	width:580px;
	left:300px;
	top:150px;
	z-index:2;
}

#container {
	background-color:#246;
	border-radius:24px;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	padding:12px;
	color:white;
}

#container h1 {
	margin:.4em .8em;	
}

#container ul {
	float:right;background-color:#357;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;width:10em;margin:10px 40px 10px 0;;padding:1em 2em;
}

#container li {
	line-height:140%;	
}

#container lh {
	text-transform:uppercase;
	font-weight:bold;
	color:#9f6;
	font-size:.8em;
}

#thumbs img {
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	-webkit-border-radius:16px;
	border-radius:16px;
}

#footer {
	/* suppressed until I can figure out how to anchor the footer at the bottom without having it slip under the content */
	display:none;
	font-size:.8em;
	color:white;
	padding:2em;
	text-align:center;
	position:absolute;
	bottom:0;
	width:900px;
}

#footer a { 
	color:white;
}

/* colorbox styles */
#cboxTitle{
	color:black !important;
	font-size:.5em;
	line-height:120%;
	text-align:left !important;
	width:560px !important;
}