/* Basics */
* {
 margin: 0;
 padding: 0;
 font-size: 1em;
 }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 76%;
 text-align: center;
 background: #FFF;
 color: #333333;
 }
a {
 color: #0066ff;
 }
a:hover {
 color: #ff9900;
 text-decoration: none;
 }
ul, ol {
 list-style-type: none;
 }

/* Basic junk */
#header, #navigation {
 background: #333333;
 color: #FFF;
 }
#header h1, #navigation ul, #content {
 width: 700px;
 margin: 0 auto 0 auto;
 }

/* Header */
#header {
 text-align: left;
 }
h1 a {
 text-indent: -5000px;
 display: block;
 height: 100px;
 width: 345px;
 background: url('images/logo.gif') no-repeat top left;
 }
/* Menu */
#menu {
 font-size: 1.2em;
 font-weight: bold;
 padding: 0 0 1em 0;
 text-align: right;
 }
#menu li {
 display: inline;
 padding: 0 1em 0 0;
 }
#menu a {
 text-decoration: none;
 }
a.menu_feed {
 background: url('/images/rss.gif') no-repeat top right;
 padding: 0 20px 0 0;
 margin: 0 2em 0 0;
 }

/* Content */
#content {
 padding: 1em;
 text-align: left;
 }
h2 {
 font-size: 1.4em;
 color: #CCCCCC;
 padding: .5em 0 .5em 0;
 }
p, .request.body {
 padding: 0 1em 1em 1em;
 }
form {
 }
form ol li label {
 vertical-align: top;
 width: 15%;
 padding: .25em;
 display: block;
 float: left;
 text-align: right;
 }
#email, #request {
 margin: 0 0 .5em;
 width: 70%;
 padding: .25em;
 }
#request {
 font-family: arial, sans-serif;
 height: 10em;
 font-size: 1.2em;
 }
#submitRequest {
 margin: 0 0 0 15%;
 }
li p {
 margin: 0 0 0 15%;
 font-size: .8em;
 color: #666666;
 }

body#top #content {
 background: url('/images/sketch1.gif') no-repeat 100% 10%;
 }
body#top #content p {
 padding: 0 200px 1em  1em;
 }

h3 {
 font-size: 1.25em;
 padding: .5em 0 .5em 0;
 }

#rss_comp, #rss_todo {
 padding: .5em;
 margin: 0 0 1em 0;
 } 

/* Login form */
kbd {
 font-family: Arial, Helvetica, sans-serif;
 }
#username, #password {
 width: 30%;
 font-size: 1.25em;
 padding: .25em;
 border: 1px solid #828581;
 margin: 0 0 .5em 0;
 }
#password {
 font-family: "Courier New", Courier, monospace;
 letter-spacing: .25em;
 }
#username:hover, #username:focus, #password:hover, #password:focus {
 background: #ffff73;
 }
#blarghsnarl, #remember, form ol li label.remember {
 position: relative;
 left: 16%;
 }
form ol li label.remember {
 vertical-align: top;
 width: 30%;
 padding: .25em;
 display: inline;
 float: none;
 text-align: left;
 }

/* Footer */
#footer {
 clear: both;
 font-size: .8em;
 }
#valid li {
 display: inline;
 }