body {
   background: #000;
   color: #fff;
}

div {
   background: #fff;
   color: #000;
   padding: 0;
   margin: 1em;
}

div.q, div.a, div.notb {
   padding: 0 0 .2em;
   margin: 0;
}

div.q, pre.q {
   background: #ffc;
}

pre.a {
   background: #fff;
}

.breadcrumb, #footer {
   background: #000;
   color: #fff;
   font-family: sans-serif;
   font-size: smaller;
   /*padding: .5em;
   margin: .5em;*/
}

.breadcrumb {
   font-weight: bold;
}

.breadcrumb a, #footer a {
   color: #ff0;
   background-color: #000;
}

.breadcrumb a:visited, #footer a:visited {
   color: #cc0;
}

.notes {
   background-color: #ccf;
   padding: .5em;
}

/*.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active
{
   color: #ff0;
   background-color: #f00;
}*/

h2 {
   margin-left: .2em;
}

p, pre {
/*border: 1px solid red;*/
   padding: .5em 0;
   margin: 0 .5em;
}

div.a pre {
   padding: 1em 0;
}

div.header {
   background-color: #ccf;
}

ul {
   padding-bottom: 1em;
}

ul li {
   list-style: none;
}

/*ul.index li {
border: 1px solid red;
   margin-bottom: 0;
}
ul.index li ul li {
border: 1px solid blue;
   margin-bottom: 0;
}*/

ul.index li, ul.index li ul li {
   list-style: none;
}

span.header {
   font-weight: bold;
}

.new {
   background: #ff0;
   color: #c00;
   font: bold smaller Courier, sans-serif;
}

span.q, span.a, span.fav, span.nota {
   color: #fff;
   font-weight: bold;
   font-family: monospace;
}

span.q {
   background-color: #00f;
}

span.a {
   background-color: #f00;
}

span.fav {
   background-color: #0c0;
}

span.nota {
   background-color: #c0c;
}