html
{
}

body
{
	background: #333333;
}

.container
{
	font-family: helvetica,sans-serif;
	margin: 1.5em auto;
	font-size: 1em;
	width: 40em;
	border: 0.5em solid white;
	background: white;
}

h1
{
	color: #eeeeee;
	background: #333333;
	font-variant: small-caps;
	letter-spacing: .3em;
	font-size: 1.2em;
	font-family: Andale Mono;
	clear: both;
}

h1.top
{
	text-align: center;
        
        margin: 0 0 1em;
	padding: 2.8em;
}

h1.bottom
{
	padding: 0.3em 1.5em;
	font-size: 80%;
	
        margin: 0;
}

/* Firefox only CSS *
.container
{
	-moz-border-radius: 5em;
}

h1
{
	-moz-border-radius: 5em;
}

h1.top
{
        margin: 0 4em 2em;
	padding: 0.3em 1.5em;
}

h1.bottom
{
        margin: 0 4em;
}

/*--------*/

div.section
{
	margin: 0.6em;
	padding: 0 0.2em;
	width: 37em;
	clear: both;
	float: left;
}

div.section h2
{
	margin: 0;
	padding: 0 0.4em;
	color: #333333;
	font-size: 1em;
	font-variant: small-caps;
	border-top: 1px dashed #aaaaaa;
	border-left: 0.3em solid #aaaaaa;
	-moz-border-radius: 1em;
}

div.section h3
{
	font-size: 0.9em;
	color: #333333;
}

div.info
{
}

p.helptext
{
	float: right;
	width: 20em;
	margin: 0;
	margin-top: -1.6em;
	padding: 0.5em;
}

a 
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}