/* structure */
body { text-align: center; }
table.container { margin-left: auto; margin-right: auto; width: 800px; }
td.header { text-align: center; }
td.menu { text-align: center; }
td.body { text-align: left; }

/* structure styles */
body, td { font-family: "Georgia", serif; }
table.container { border-width: 0; }
td.header, td.footer, td.menu, td.body { margin: 0; padding: 0; border-width: 0; }
td.menu {
   background-color: black;
   border: 1px solid black;
}
td.menu a, td.menu a:visited {
   color: white;
   text-decoration: none;
   padding-left: 0.5em;
   padding-right: 0.5em;
}
td.menu a:hover {
   background-color: #111;
   color: #4f4;
}
td.footer {
   text-align: center;
   font-family: monospace;
}

/* default styles */
a, a:visited { color: blue; text-decoration: underline; }
h1, h2 { margin-bottom: 0; padding-bottom: 0; }
h1 { border-bottom: 1px dotted #666; }
hr { border-width: 0; border-top: 1px solid black; }
dt { margin-left: 2em; font-weight: bold; }
dd { margin-left: 5em; margin-bottom: 1em; }
img { border-width: 0; }

/* keybinding table styles */
#keybindings table {
   border-collapse: collapse;
   border: 1px solid black;
   margin-bottom: 1em;
   width: 100%;
}
#keybindings caption {
   padding: 0.2em;
   background-color: black;
   color: white;
}
#keybindings th, td { border: 1px solid black; padding: 0.3em; }
#keybindings th {
   text-align: center;
   background-color: #888;
   font-variant: small-caps;
}
#keybindings td { vertical-align: top; }
#keybindings td i { color: blue; }
#keybindings td:first-child { text-align: center; font-family: monospace; }
.commandmode td:first-child { white-space: nowrap; text-align: left; }
#keybindings .commandmode td:first-child { white-space: nowrap; text-align: left; }

/* screenshot styles */
.imgbox {
   border: 1px solid black;
   text-align: center;
   background-color: #ccc;
   margin: 0.5em;
   padding: 0.5em;
   font-size: smaller;
   float: left;
}

/* faq styles */
#faqdiv dt { font-style: italic; }