/* global {{{ */
html, body {
  margin: 0;
  padding: 0; }
h1, h2, h3, h4 {
  font-weight: normal;
  margin: 0; }
ul, ol {
  margin: 0 0 0 1em;
  padding: 0; }
ul {
  list-style-type: none; }
li {
  margin: 0.5em 0 0.5em 0; }
table {
  border-collapse: collapse; }
td, th {
  vertical-align: top; }
th {
  text-align: left;
  font-weight: bold;
  white-space: nowrap }
a {
  text-decoration: none; }
img {
  width: 100%;
  border: thin solid black; }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid black;
  margin: 1em 0;
  padding: 0; }
/*------------------------------------------------------------------------}}} */
/* layout {{{ */
/* Typical 2 column layout will be
<div id="body">
  <div id="header"></div>
  <div id="main">
    <div class="twocol-1"></div>
    <div class="twocol-2"></div>
  </div>
  <div id="footer"></div>
</div>
*/
#body {
  width: 45em;
  margin: 0 auto; }
#header {
  font-size: 200%;
  text-align: center;
  margin: 0.5em 0; }
#main { }
.twocol-1 {
  clear: left;
  float: left;
  margin: 0.5em 0; }
.twocol-2 {
  clear: right;
  float: right;
  margin: 0.5em 0; }
#footer {
  font-size: 50%;
  text-align: right;
  clear: both;
  width: inherit;
  margin-top: 1em; }
/*------------------------------------------------------------------------}}} */
/* modifiers {{{ */
.indent {
  margin-left: 1em; }
.section {
  margin-bottom: 1em;
  margin-top: 1em; }
.first {
  margin-top: 0;
  padding-top: 0;
  border: 0; }
.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0; }
/*------------------------------------------------------------------------}}} */
/* content {{{ */
.spacedlist li {
  margin-bottom: 1em; }

.spacedcols td:not(:last-child), .spacedcols th:not(:last-child) {
  padding-right: 0.5em; }
.spacedcols td:not(:first-child), .spacedcols th:not(:first-child) {
  padding-left: 0.5em; }
.spacedcols tr:not(:last-child) > * {
  padding-bottom: 0.5em; }

/* content (teaching) */
.schedule {
  width: inherit;
  border: 2px solid black; }
.schedule th {
  border-bottom: thin solid black; }
.schedule tr {
  border-bottom: thin dotted black; }
.schedule td, .schedule th {
  padding: 0.75em; }
/*------------------------------------------------------------------------}}} */
/* styling {{{ */
#body { font-size: 10pt; }
td, th { font-size: 10pt; }
/*------------------------------------------------------------------------}}} */