html, body {
  font-size:1em;
  text-align:center;
}

h1 {
  color:#f56642;
}

a {
  color:#f56642;
}

#bookInput {
  width:50%;
  margin-bottom:12px;
  background-size:1.4em;
  border:2px solid #dddddd;
  background-repeat:no-repeat;
  padding:10px 20px 10px 40px;
  background-position:10px 8px;
  background-image:url('assets/magnifying_glass.png');
}

#bookInput:focus {
  outline:none;
}

#bookTable {
  width:75%;
  text-align:left;
  margin-bottom:20px;
  border:2px solid #dddddd;
  border-collapse:collapse;
}

#bookTable th {
  padding:5px;
  text-align:center;
}

#bookTable tr {
  vertical-align:top;
  border-bottom:2px solid #dddddd;
}

#bookTable tr.header, #bookTable tr:hover {
  background-color:#f1f1f1;
}

#bookTable td {
  padding:12px;
  border-right:2px solid #dddddd;
}

#bookTable td span {
  margin:0 2px;
  font-size:.7em;
  padding:4px 6px;
  vertical-align:middle;
  background-color:#f56642;
}

#bookTable td:lastchild {
  border-right:0;
}

.genreTd {
  vertical-align:middle;
}

.farTd {
  text-align:center;
  vertical-align:middle;
}