/*
 * vim: sw=2:ts=2:et
 */
body {
  color: #000000;
  background: #dddddd;
  margin: 0;
}
h1 {
  color: #000;
  background: #ffffff;
  margin: 0;
  padding: 1ex 0em;
  text-align:center;
}
h2 {
  color: #000;
  background: #dddddd;
  margin-left: 9em;
}
p,ol,ul,dt,table {
  margin-left: 15em;
  margin-right: 1em;
}
dd {
  margin-left: 19em;
  margin-right: 1em;
}
pre {
  margin-left: 20em;
  margin-right: 1em;
}
p.url {
  color: #000000;
  background: #bbbbdd;
  text-align: center;
  margin: 0em;
  padding: 1ex 0ex;
}

div {
  margin: 0;
}

div.cmd {
  color:         #000000;
  background:    #eeeeee;
  border:        #bbbbbb 1px solid;
  padding:       2px 2px 5px 1ex;
  margin-top:    5px;
  margin-bottom: 5px;
}

span.entry {
  color:         #000;
  background:    #dddddd;
  font-weight:   bold;
  margin-bottom: -2ex;
}
span.version {
  color:         #000000;
  background:    #eeeeee;
  font-weight:   bold;
  margin-bottom: -2ex;
  padding-right: 5em;
  border:        #bbbbbb 1px solid;
}
img {
  border: 0;
}
code {
  white-space: nowrap;
}

table.versions {
  border:        0px;
  padding:       5px;
  margin-left:   15em;
  margin-right:  1em;
  margin-top:    1em;
  margin-bottom: 0em;
  background:    #aaaaaa;
  color:         black;
}

tr {
  margin: 0;
  border: 0;
}
td {
  padding: 5px 1ex 5px 1ex;
}
td.date {
  white-space: nowrap;
  border:      0;
  color:       #000;
  background:  #dddddd;
}
td.version {
  border:      0;
  color:       #000;
  background:  #dddddd;
}
td.md5 {
  border:      0;
  color:       #000;
  background:  #dddddd;
}
td.changes {
  border:      0;
  color:       #000;
  background:  #dddddd;
}

th {
  border:      0;
  color:       #000;
  background:  #cccccc;
}

div.bonmot {
  height:      14em;
  width:       40%;
  font-size:   small;
  float:       right;
  background:  #dddddd;
  color:       #000;
  padding:     1ex 0em 2em 0em;
}

div.bonmot p {
  font-style:   italic;
  margin-left:  2em;
  margin-right: 1em;
}

#author {
  font-variant: small-caps;
  text-align:   right;
}

#Menu {
  /* Where and how big is the menu? */
  position:   fixed; /* Ignored by IE[56] */
  left:       0em;
  top:        7em; /* IE ignores this (uses 0em relative). */

  width:      10em;
  min-width:  120px; /* Avoid scrollbars when 10em < width of QA PNGs. */
  bottom:     2em;

  overflow:   auto;
  float:      left;
  margin:     0;
  padding:    0;
  border:     1em solid #dddddd;

  background: #eeeeee;
  color:      #000;
}

#Menu p {
  padding:      0em 0em 0em 1ex;
  margin-left:  0ex;
  margin-right: 1ex;
}

#Menu a {
  padding:     0.5ex 0.5ex 0.5ex 0.5ex;
  border-left: 0ex;
  display:     block;
  font-size:   small;
}

#Menu .navhead {
  padding:     1ex;
  border-left: 1ex;
  text-align:  center;
  font-weight: bold;
  font-size:   small;
}

.navcontainer ul {
  text-align: center;
}

#navlist {
  padding:       3px 0;
  margin:        0;
  border-bottom: 1px solid blue;
  border-top:    1px solid white;
  font:          bold 14px Verdana, sans-serif;
  color:         #000;
  background:    #ffffff;
}

#navlist li {
  list-style: none;
  margin:     0;
  display:    inline; /* Horizontal. */
}

#navlist li a {
  padding:          3px 0.5em;
  margin-left:      3px;
  border-top:       1px solid blue;
  border-left:      1px solid blue;
  border-right:     1px solid blue;
  border-bottom:    none;
  text-decoration:  none;
  background-image: url(../images/bluesteel-vgrad.png);
}

a:hover {
  color:      #000;
  background: #ccc;
}

#navlist li a:hover {
  color:        #fff;
  background:   #00f;
  border-color: #00e;
}

#navlist li a#current {
  color:         #000;
  background:    #dddddd;
  border-bottom: #dddddd 1px solid;
  border-left:   1px solid blue;
  border-right:  1px solid blue;
  border-top:    1px solid blue;
}