body {
  background-color: white;
  color:       #3d3d3d;
  font-family: sans;
  margin:      4em;
  margin-top: 16em;
  font-size:  11pt;
}

a                 { color: black;   text-decoration: none;      }
a:active, a:hover { color: #60c808; text-decoration: underline; }
a:visited         { color: black;   text-decoration: none;      }
a:active:visited, a:hover:visited
                  { color: #469b03; text-decoration: underline; }
a img             { border: 0px; }

abbr { font-variant: small-caps; }
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

#titles {
  position: absolute;
  left:    16em;
  top:      6em;
  z-index: 10;
}
#titles h1, #titles h2, #titles h3 { margin: 0em; }

p { text-align: justify; text-indent: 2em; }
#titles+p, h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { text-indent: 0em; }


div.section { clear: both; display: block; margin-top: 1em; padding-top: 2px; }

dd ul { padding: 0em; }

/* Screenshots */
ul.screenshots {
  list-style-type: none;
  padding:         0em;
}
ul.screenshots li {
  float:           left;
  width:         209px;
  margin:          2em;
  text-align: center;
}
ul.screenshots a { display: block; }
ul.screenshots img { padding: 1px; }
ul.screenshots a img { border: solid 1px white; }
ul.screenshots a:active, ul.screenshots a:hover {
  text-decoration: none;
  color: black;
}
ul.screenshots a:active img, ul.screenshots a:hover img {
  border: solid 1px #60c808;
}
span.caption { display: block; padding: 1em; }


/* slax and slackware */
#slax {
  width:  64px;
  height: 64px;
  background: white url(slax.png) top left no-repeat;
  position: absolute;
  left:   14em;
  top:     4em;
  z-index: 2;
}
#slax span { display: none; }
#slackware {
  width:  64px;
  height: 76px;
  background: white url(slackware.png) top left no-repeat;
  position: absolute;
  right:  14em;
  top:     8em;
  z-index: 3;
}
#slackware span { display: none; }