* {
margin:0;
padding:0;
}

p {
line-height:1.5em;
margin:15px;
}

a {
color:#3a3;
}

a:hover {
color:#0f0;
}

input,textarea {
background-color:#282828;
color:white;
border:1px solid #666;
font-family:monospace;
}

input[type=button],input[type=submit] {
border-style:outset;
}

input[type=button]:active,input[type=submit]:active {
border-style:inset;
}

textarea {
height:6em;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.25em;
}

table {
border-collapse: collapse;
max-width: 100%;
table-layout: fixed;
}

td {
border:1px solid #666;
padding:.25em;
}

#main ol {
padding:1em;
}

#main li {
margin:0 3em;
}

body {
font-family:sans-serif;
min-width:30em;
background-color:#282828;
color:#ddd;
margin:0;
padding:0;
}

#main {
border-left:1px solid #ccc;
margin-left:11em; /* nav's width +1 */
padding:.5em;
}

#nav {
float:left;
width:10em; /* main's margin-left -1 */
overflow:hidden;
border-right:1px solid #ccc;
padding:.5em;
}

#header,#footer {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#080808;
}

#header {
height:3em;
}

#header a {
text-decoration: none;
color: #ddd;
}

#footer {
float:left;
width:100%;
}

#nav ul {
list-style-type:none;
margin:0;
}

#nav li {
margin:0 5px;
padding:.1em;
}