/* General formatting */

body {
	background: #9cf;
	color: #000;
	font-family: sans-serif;
	/*font-size: small;*/
	padding: 0em;
	margin: 0em;
}



/* Headers */

h1 {
	margin: 0em;
	display: inline;
	font-size: 1em;
}

h2, h3, h4, h5, h6 {
	margin: 1em 0em 0.25em;
}

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0em;
}



/* Ordinary Text */

p {
	text-indent: 2em;
	margin: 1em 0em 0em;
}
p:first-child {
	margin-top: 0em;
}

hr {
	margin: 1em auto 0em;
	width: 50%;
	border-style: solid;
	border-color: #7ad;
}

abbr, acronym, span[title] {
	color: #456;
	border-bottom: 0.1em dotted #456;
}



/* Links */

a:link    { color: #00c; }
a:visited { color: #606; }
a[href]:hover   { color: #03f; }
a[href]:active  { color: #063; }



/* Lists */

ul, dl {
	margin: 1em 0em 0em;
	padding-left: 2em;
}
ul:first-child {
	margin-top: 0em;
}

ul#topmenu {
	margin: -1em -1em 1em 0em;
	padding: 1em;
	float: right;
	text-align: right;
	background: #def;
	-moz-border-radius: 1em;
}
ul#topmenu li {
	list-style-type: none;
}

dt {
	display: list-item;
	list-style-type: disc;
	margin-top: 0.5em;
}
dt:first-child {
	margin-top: 0em;
}
dd {
	margin-left: 2em;
}



/* Forms */

textarea, input, select {
	font-family: sans-serif;
	font-size: 1em;
	background: #eef;
	border: 0.1em solid #7ad;
	width: 100%;
}

textarea {
	margin: 1em 0em 0em;
}
input[type="submit"] {
	width: 80%;
	margin: 1em 10% 0em;
	padding: 0.2em;
	border-width: 0.2em;
	background: #8be;
}

textarea:hover, input:hover {
	border-color: #06c;
}
textarea:focus, input:focus {
	border-color: #ed0;
	background: #fff;
}
input[type="submit"]:active {
	border-color: #f90;
}
select.short, input.short {
	width: auto;
}
input[type="checkbox"] {
	width: auto;
	margin: 1em 0em 0em 1em;
}


/* Images */

img {
	border: 0em;
	vertical-align: middle;
}
img#logo {
	width: 2em;
	height: 2em;
}



/* Purely layout elements */

div.box {
	background: #bdf;
	margin: 1em;
	padding: 1em;
	-moz-border-radius: 1em;
}

div#header {
	background: #def;
	text-align: left;
}

div#footer {
	background: #def;
	text-align: right;
}

div#middler {
	clear: both;
}

div#titlebox {
	font-size: 2em;
}