* {
  font-family:serif;
}

h1, h2 {
  margin: 0.5em;
}

h3 {
  margin: 0;
}

h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
  color: black;
}

h2 a:hover, h3 a:hover {
  color: blue;
}

.distro .version h3 i {
  color: gray;
}

a:link, a:visited {
  text-decoration: none;
  color: blue;
}

a:hover {
  text-decoration: underline;
  color: #80F;
}

.distro tr.head:hover {
  background: inherit;
}

.distro tr:hover {
  background: #EEE;
}

.distro {
  background: #ACF;
  padding: 0;
  margin: 0 5em 0;
  border: solid 1pt blue;
  border-top: solid 1pt #ACF;
}

.distro:hover {
  padding-bottom: 1em;
}

.distro.first, .distro .version.first {
  border: solid 1pt blue;
}

.distro .version {
  background: #BDF;
  margin: 0 1em;
  padding: 1em;
  border: solid 1pt blue;
  border-top: solid 1pt #BDF;
}

.distro .version table {
  display: none;
}

.distro .version:hover {
  background: white;
}

.distro .version:hover table {
  display: block;
}

.distro .version:hover h3 {
  background: white;
}

.distro .version {
  display: none;
}

.distro:hover .version {
  display: block;
}

.distro .version td {
  border: 1pt solid black;
  padding: 0.5em;
}

.distro .version td {
  text-align: right;
}

.distro .version th {
  text-align: left;
  font-weight: bold;
}