html {
  font-size:              16px;

  background:             url(../images/transparency-hashing.png);
  height:                 100%;
  min-width:              320px;

  color:                  #222;
}

body {
  background-color:       #f20044;
  background: -moz-linear-gradient(left, white 50%, #f20044 50%);
  background: -webkit-linear-gradient(left, white 50%, #f20044 50%);
  background: linear-gradient(left, white 50%, #f20044 50%);
  background-size: 7%;
  background-position: center top;

  padding:                3% 3% 4%;

  border-bottom:          2px solid #f20044;
}

body > div {
  background-color:       white;
  border:                 3px solid #f20044;
  border-radius:          10px;
  padding:                0.7%;
  margin:                 0 auto;
  max-width:              1024px;
}

body > div > article {
  margin:                 5px;
  border:                 1px solid #bbb;
  padding:                15px 20px;
  border-radius:          5px;
}

a,
a:hover,
a:visited {
  color:                  #b30b38;
}
a,
a:visited {
  text-decoration:        none;
}
a:hover {
  text-decoration:        underline;
}

#jump-to-next-showing {
  display:                block;
  text-align:             center;

  background-color:       #eee;
  border:                 1px solid #999;
  border-radius:          3px;

  padding:                0.5em 0;
  margin-bottom:          1em;
}

section.historical {
  opacity:                0.6;
}

input[type=number] {
  width:                  4em;
  text-align:             center;
}