* { margin: 0px; padding: 0px; font-family: sans-serif; }
html, body { background-color: #fff; color: #333; height: 100%; }
div#page-header { background-color: #ccc; color: #333; padding: 1em; }
div#page-header a { color: inherit; text-decoration: none; }
div#page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -2em; }
div#page-content { padding: 1em; }
div#page-wrapper { height: 2em; }
div#page-footer { background-color: #333; color: #666; height: 1em; padding: .5em; text-align: center; }
ul { list-style-type: none; }
li { margin-left: 1em; }
p { margin-bottom: 1em; }
code { font-family: monospace; }
blockquote { margin: 1em; display: block; }

.error { color: red; }

p.login { font-size: small; margin: .5em 0 0 1em; }
form { border: 1px solid #888; display: inline-block; margin: .5em; padding: .5em; }

div#page-footer ul, div#page-footer li { margin: 0; display: inline; }
div#page-footer a { color: #ccc; text-decoration: none; margin: 0 .5em 0 .5em; }