body {
	background-color: #f00;
	color: #fff;
	font-family: sans-serif;
	font-size: 1.4em;
	text-align: center;
}

.clear { clear: both; }

a {
	color: #ddd;
}


/* layout */

#header {
}
#nav {
  margin-top: 3em;
  padding: 1em;
	float: right;
	font-size: 80%;
	color: #4f4f4f;
}
#nav span {
	margin-right: 1em;
}
#nav a {
	color: #444;
}

#main {
	display: block;
}



#wrapper {
	background-color: #f00;
	margin: 0 auto;
	width: 80%;
}

#meta {
	padding: 2em 0em 1em 0;
	float: right;
}
#meta a {
	padding: .3em .3em .2em .2em;
	text-decoration: none;
	background-color: #d00;
	color: #922;
	border: 3px solid #c00;
	border-right: 3px solid #a00;
	border-bottom: 3px solid #a00;
	margin-right: 1em;
}
#meta a:hover {
	border: 3px solid #a00;
	border-right: 3px solid #c00;
	border-bottom: 3px solid #c00;
}

#inputs {
	font-size: 110%;
}

.field input, .field span {
	display: block;
	margin-top: 1em;
}
.field {
	float: left;
	margin-right: 1em;
	border: 1px solid white;
	padding: 1em;
}

#summary, #inputs {
	margin: 0 auto;
	clear: both;
	padding: 2.5em 2em 2em 2em;
}

#summary {
	
}

#footer {
  margin-top: 3em;
  clear: both;
  display: block;
}


/* misc */
#login {
	font-size: 75%;
	display: block;
	margin-top: -3em;
	padding-bottom: .8em;
}