* { 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; }
div#page-header h1 { padding: .5em; }
div#page-header h1 a { color: inherit; text-decoration: none; }
div#page-content { padding: 1em; }

div#page-menu { background-color: #333; color: #666; height: 1em; padding: .5em; }
div#page-menu ul, div#page-menu li { margin: 0; display: inline; }
div#page-menu ul { margin-left: 0; }
div#page-menu a { color: #ccc; text-decoration: none; margin: 0 .5em 0 .5em; }

ul { list-style-type: none; }
li { margin-left: 1em; }

.image-list .image { display: inline-block; vertical-align: top; width: 128px; margin: .5em; }
.image-list .image img { opacity: 1; }
.image-list .image img:hover { opacity: .8; }

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; }