body {
  font-family: Georgia, serif;
  line-height: 18pt;
  font-size: 12pt;
  background: #eee;
  letter-spacing: 0.2px;
  word-spacing: 1px;
}

#controls {
  position: fixed;
  left: 830px;
  top: 5px;
  width: 286px;
  background: #90C0FF;
  padding: 2px 12px 5px 12px;
  margin-top: 3px;
  font-size: 8pt;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#controls input[type=text] {
  width: 220px;
  height: 10pt;
  background: #eaeaea;
  font-size: 8pt;
}

#controls input[type=submit] {
  float: right;
  margin-right: 5px;
}


#controls span a {
  margin-left: 20px;
  font-size: 7pt;
}

/* List display */
#list ul {
  list-style-type: none;
}

#list .pages {
  display: none;
}

#list ul a { text-decoration: none; }

#list .authors {
  color: black;
  font-size: 10pt;
  display: inline-block;
}

#list .surname {
  padding-left: 10px;
  padding-right: 5px;
}

#list .surname:after {
  content: ",";
}


#list .author + .author:before {
  content: ";";
}