* { margin: 0; padding: 0; }

body {
    background-color: white;
    color: black;
    font: 16px Palatino;
    border-top: 4px solid #767676;
    margin-bottom: 100px;
    overflow-y: scroll;
}

a { color: #800000; text-decoration: none;}
a:hover { color: #8f3931; }

sub {  font-size: .8em; line-height: 0; }
sup {  font-size: .8em;  vertical-align: super;    line-height: 0; }

h2,h3,h4 { font-weight: normal; }

#topbar, #bottombar {
    padding: 0.3em 0.5em;
    list-style-type: none;
~    overflow: hidden;
    font-size: 12px;
}
#topbar {
    height: 60px;
    border-top: 2px solid #767676;
    text-align: right;
    text-transform: lowercase;
    line-height: 18px;
}
#topbar #logo { float: left; height: 80px;}
#logo a {
    display: block;
    overflow: hidden;
    text-indent: 9000px;
    background: url(img/logo.jpg) 3px 3px no-repeat;
    width: 220px;
    height: 100px;
}
#bottombar {
    margin-top: 15em;
    border-bottom: 2px solid #767676;
    list-style-type: none;
}
#bottombar li {
    float: left;
    padding-right: 7px;
}
#bottombar li+li { border-left: 1px solid #aaa; padding-left: 7px; }

#content {
    margin: 0 auto;
    width: 550px;
}

#header {
    margin-top: 0px;
    text-align: center;
}
#header h1 { font: 34px}
#nav {
    list-style-type: none;
    width: 516px;
    margin: 20px auto;
    overflow: hidden;
}
#nav a {
    padding: 4px 0;
    font-weight: bold;
    margin: 0 1px;
    border-top: 1px solid #767676;
    border-bottom: 1px solid #767676;
    float: left;
    width: 170px;
}
#nav .active a,
#nav a:hover {
    color: #622;
    background: #f8f8f8;
}

#content>h1 {
    text-align: center;
    font: 18px;
    margin-bottom: 10px;
}
p { margin-bottom: 10px; }
h2 {
    text-transform: uppercase;
    font: normal 16px;
    text-align: center;
    letter-spacing: 2px;
    margin: 30px 0 25px;
}
h2 a {
    color: black;
    padding-right: 17px;
}
h2 a:hover {
    color: #666;
}
.blank h2 a { }

.semester.blank .talks { }
.togglesem h2 span { }

.talks { list-style-type: none; }
.talks>li {
    margin-bottom: 45px;
    line-height: 20px;
    min-height: 55px;
}
.talks h3 {
    font-size: 20px;
    margin-bottom: 8px;
}
.talks h3 span { font-size: 16px; } /* institution */
.talks h4 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 25px;
    font-style: italic;
}
.talks h4 a {
    color: black;
    outline: none;
    padding-right: 17px;
}
.talks h4 a:hover {
    color: #666;
}
.talks .hidden h4 a { }
.talks.toggle h4 span { } /* allows you to search for toggle icon by class */

.meta { list-style-type: none; }
.date {
    float: left;
    margin-left: -85px;
    margin-top: -4px;
    padding: 5px;
    background: #f8f8f8;
    color: #888;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: right;
}
.date b {
    display: block;
    font-weight: normal;
    color: #666;
    font-size: 16px;
    line-height: 22px;
}
.meta .calendar,
.meta .poster {
    float: right;
    margin: -2px 5px 0 0;
}
.meta .calendar a,
.meta .poster a {
    display: block;
    text-indent: 9000px;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
.meta .calendar a { background: url(img/calendar-gray.gif) 0 1px no-repeat; }
.meta .calendar a:hover { background-image: url(img/calendar.gif); }
.meta .poster a { background: url(img/pdf-gray.gif) 0 0 no-repeat; }
.meta .poster a:hover { background-image: url(img/pdf.gif); }

.abstract p { margin-bottom: 10px; display: block; }
.hidden .abstract { display: none; }

td.special {
   padding-left:0pt;
}

.special {
    font-size: 14px;
    font-style: italic;
    color: #666;
    margin: 0 0 10px 0px;
}

td {
   padding-right: 10pt;
   padding-top: 5pt;
}

td:first-of-type
{
  white-space: nowrap;
}

tr:nth-child(even) {background: #ddd}

h3.announcement {
   background-color: #e6cccc;
   margin-bottom: 20pt;
   padding: 5pt;
}