/* vim: sw=2 ts=2:
 */
/* Default font size */
@import url(/styles/x-small.css);

/* Footer positioning */
html, body {
	margin: 0; padding: 0; height: 100%;
}
#container { position: relative; min-height: 100% }
#wrapper { padding-top: 1em; padding-bottom: 2em; }
#footer { position: absolute; bottom: 0; height: 2em; left: 0 }

/* #container { border: thin yellow solid; } */

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
	font-family: Lucida, "Lucida Sans", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
}
h1 { font-size: 130%; font-weight: bold; }
h2 { font-size: 110%; font-weight: bold; }

/* Style-o-the-house */
body {
	background-color: #222;
	color: #ccc;
}

#navigation {
	color: #0c0;
	text-align: center;
}

.image {
	margin: 10px;
	/* center image */
	display: block;
	margin-left: auto; margin-right: auto;
}

#extra {
	text-align: center;
}

#footer {
	text-align: center;
	width: 100%;
}

#w3c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 16px;
	text-align: right;
}
#w3c a {
	color: #9acd32;
	text-decoration: none;
	padding-right: 2px;
}

#footer a {
	color: silver;
}
#footer div {
	display: inline;
}
#footer div.footleft {
	position: absolute;
	left: 5px;
}
#footer div.footright {
	position: absolute;
	right: 5px;
}

/* (Only) Floating navigation right does not work: it goes to the edge of the viewport */
/* Centering #wrapper just puts the image in the middle and navigation right of it */