body {
	margin:4em 0 0 12em;
	padding:0.5em;
	background:#DBCDF9;
}

a:link { color:#2B1F62; text-decoration:none; }
a:hover { border-bottom:thin dotted; }
a:visited { color:#0B0D5F; text-decoration:none; }
a img { border:0; }

#content {
	position:relative;
}

#content > img {
	width:90%;
	margin:0 5%;
}

#banner {
	position:absolute;
	top:0;
	left:0;
	height:4em;
	padding:0; margin:0;
	background:#7C7197;
	width:100%;
}

#banner h1 { margin:0; padding:0.2em; font-size:3em; }

#nav {
	position:absolute;
	top:4em;
	left:0;
	width:10em;
	margin:0;
	padding:0;
	background:#A49DBD;
}

#nav ul { padding-left:1em; }
#nav li { list-style:inside url("/images/collection.png") }

#login {
	position:fixed; top:10em; left:50%;
	width:16em;
	padding:0 0.5em;
	margin-left:-8em;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em;
	background:#969;
	color:#FFF;
	border:solid thin #303;
	display:none;
	z-index:4;
}

#login h3 {
	display:inline;
	position:relative; top:-1.2em; left:-1em;
	background:#969;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em;
	border:solid thin #303;
	padding:0.2em 0.3em;
}

#userStatus { 
	position:absolute;
	top:2em;
	right:0.5em;
}

.thumbnails { list-style-type:none }
.thumbnails li { width:240px; text-align:center; float:left; }
.thumbnails li p { height:2em; }

/* Form Layout */
form { display:block; width:30em; }
fieldset { border:solid thin; padding:0.1em ; text-align:left; margin:0.2em 0 0.2em 0; }
legend { padding: 2px 4px; }

/* overrides for html used to layout form */
form dl { margin-bottom:0em; }
form dt { float:left; clear:left; width:30%; padding:5px; text-align:right; }
form dd { text-align:left; margin-left:30%; font-size:smaller; padding: 5px; }
form ul { list-style-type:none; }
form ul li { width:49%; float:left; }
form .buttons { text-align:center; padding:0.3em; }

/* hacks */
fieldset br { clear:both; }