title, body {
  font-family: 'Average Sans', Helvetica, Arial, sans-serif;
  max-width: 8in;
  margin-left: auto;
  margin-right: auto;
}

h1.pagetitle {
  text-align: center;
  background-color: #e6e6e6;
  border: 1px solid #737373;
}
caption {
  font-weight: bold;
  font-size: 125%;
  background-color: #8cd9af;
  border: 1px solid #2d8655;
  margin-top: 1px;
  margin-bottom: 1px;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th { padding: 5px }
td {
  padding: /* vertical: */ 10px /* horizontal: */ 5px;
}
th {
  font-weight: bold;
  background-color: #e6e6e6;
}
table.seminar-list tr th:first-of-type,
table.seminar-list tr td:first-of-type {
  /* First column in a table row ("Date") */
  width: 14ex;
}
table.seminar-list tr th:nth-of-type(2),
table.seminar-list tr td:nth-of-type(2) {
  /* Second column in a table row ("Speaker") */
  width: 30%;
}
table.seminar-list tr.multitalk {
  border-bottom: dashed;
}
span.name { font-weight: bold; }
span.jobtitle { font-style: italic; }
span.note { font-style: italic; }
span.important { color: red; font-weight: bold; }
span.blend-in-with-th-bg { color: #e6e6e6; }

/*
 * These styles are used on talk detail pages.
 */
div.navlink {
  display: inline-block;
  background-color: #8cd9af;
  border: 1px solid #2d8655;
  padding: 5px;
  color: black;
  font-weight: bold;
}
h2.talktitle {
  text-align: center;
}
h3.speakername {
  text-align: center;
}
h4.whenwhere {
  text-align: center;
}
div.lunch {
  font-weight: bold;
}
