@font-face {
    font-family: CharisSILRegular;
    src: url("type/CharisSILR-webfont.c0ed61ad225b.eot");
    src:
        url("type/CharisSILR-webfont.c0ed61ad225b.eot?#iefix") format("eot"),
        url("type/CharisSILR-webfont.fe8b9b646d21.woff") format("woff"),
        url("type/CharisSILR-webfont.b226d4b3bb02.ttf") format("truetype"),
        url("type/CharisSILR-webfont.dff91ed0b3c1.svg#webfontNWHt3Q3t") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: CharisSILItalic;
    src: url("type/CharisSILI-webfont.4bf81c6f1e07.eot");
    src:
        url("type/CharisSILI-webfont.4bf81c6f1e07.eot?#iefix") format("eot"),
        url("type/CharisSILI-webfont.6c67795e2dc3.woff") format("woff"),
        url("type/CharisSILI-webfont.28b21b6c6e44.ttf") format("truetype"),
        url("type/CharisSILI-webfont.1a33e9007967.svg#webfontPTrm7T8w") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: CharisSILBold;
    src: url("type/CharisSILB-webfont.c72cb072f5f3.eot");
    src:
        url("type/CharisSILB-webfont.c72cb072f5f3.eot?#iefix") format("eot"),
        url("type/CharisSILB-webfont.8d987bf54a68.woff") format("woff"),
        url("type/CharisSILB-webfont.4d9f6cbc6ae4.ttf") format("truetype"),
        url("type/CharisSILB-webfont.9a30d28ff457.svg#webfontPTrm7T8w") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "MuseoSans500";
    src: url("type/museosans_500-webfont.34225a45a9a6.eot");
    src:
        url("type/museosans_500-webfont.34225a45a9a6.eot?#iefix") format("eot"),
        url("type/museosans_500-webfont.dd6eaac8bd37.woff") format("woff"),
        url("type/museosans_500-webfont.87b63b366ec3.ttf") format("truetype"),
        url("type/museosans_500-webfont.8d89ee15edba.svg#webfontrc30IsVV") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MuseoSans700";
    src: url("type/museosans_700-webfont.c41b71feb4d1.eot");
    src:
        url("type/museosans_700-webfont.c41b71feb4d1.eot?#iefix") format("eot"),
        url("type/museosans_700-webfont.5535c3a32454.woff") format("woff"),
        url("type/museosans_700-webfont.4728e10ef5c0.ttf") format("truetype"),
        url("type/museosans_700-webfont.34305f7eee8a.svg#webfontrc30IsVV") format("svg");
    font-weight: normal;
    font-style: normal;
}
html,
body,
div,
span,
h1,
h2,
h3,
p,
blockquote,
cite,
em,
img,
q,
strong,
dl,
dt,
dd,
ol,
ul,
li,
time,
mark,
article,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article,
dl,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
blockquote,
q { quotes: none; }
blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
    content: none;
}
body {
    color: #073642;
    background-color: #eee8d5;
    height: 100%;
    font-family: CharisSILRegular, "Palatino Linotype", Palatino, "URW Palladio L", serif;
    font-size: 16px;
    line-height: 1.5;
}
html {
    height: 100%;
    overflow-y: scroll;
}
ol { list-style-type: decimal; }
::selection {
    background: #ef0081;
    color: #ffffff;
    text-shadow: none;
}
html * { color-profile: srgb; }
body > header {
    background-color: #93a1a1;
    position: absolute;
    width: 100%;
}
h1 { font-size: 26px; }
h1,
h2 {
    color: #d33682;
    font-family: CharisSILBold, "Palatino Linotype", Palatino, "URW Palladio L", serif;
}
.subtitle {
  color: #666666;
  font-size: smaller;
}
article h2,
h3 {
    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
a { color: #d33682; }
ul {
    list-style-type: none;
}
ul.index-list {
    margin-left: 180px;
}
ul.courses.index-list {
    margin-left: 60px;
}
ul.inline {
    display: inline;
}
li {
    margin-bottom: 40px;
}
li h2 { font-size: 18px; }
li.course {
    margin-bottom: 20px;
    max-width: 550px;
}
li.course h2 {
    color: #073642;
    margin-bottom: 5px;
}
li.course h3 {
    margin-top: 5px;
}
li.course details {
    margin-top: 5px;
}
li.course details summary {
    color: #586e75;
}
li hgroup {
    padding-bottom: 10px;
}
h3 a {
    color: #d33682;
    text-decoration: none;
}
nav {
    box-sizing: border-box;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.5em 0;
    white-space: nowrap;
    width: 100%;
    font-family: "MuseoSans500", Arial, Helvetica, sans-serif;
}
nav ul,
nav li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
}
nav li {
    vertical-align: middle;
    height: 100%;
}
li:last-child {
    margin-bottom: 0;
}
nav a {
    color: #586e75 !important;
    text-decoration: none;
    display: inline-block;
    padding: 4px 0 4px 20px;
}
nav h1 {
    display: inline;
    font-size: 100%;
    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}
nav h1 a {
    color: #eee8d5 !important;
    background-color: #d33682;
    padding-right: 20px;
}
a:active,
a:visited { color: #d33682; }
a:hover { background-color: #eee8d5; }
a:hover,
a:active,
a.active { outline: none; }
a:link { -webkit-tap-highlight-color: #ef0081; }
h3 a:active {
    color: #073642;
    text-decoration: none;
}
h3 a:hover { color: #d33682; }
nav a:hover,
nav a.active {
    color: #fdf6e3 !important;
    background: transparent;
}
nav h1 a:hover,
nav h1 a.active {
    color: white !important;
    background-color: #d33682;
    text-shadow: 0 0 8px #ffffff;
}
#wrapper {
    max-width: 980px;
    margin: 0 auto;
    height: 100%;
    background: #fdf6e3;
}
#wrapper.narrow {
    max-width: 780px;
}
p + p {
    text-indent: 0.5in;
}
#notes h1 {
    border-bottom: 1px solid #93a1a1;
    font-family: "MuseoSans500", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
#main {
    background: #fdf6e3;
    padding: 50px;
}
#main > header {
    border-bottom: 1px solid #eee8d5;
    margin-bottom: 40px;
    padding: 20px 0;
}
dl {
    float: right;
    font-size: 15px;
    margin: 0 1em;
}
.bio dl {
    float: left;
}
dd {
    line-height: 1.6;
    padding-bottom: 10px;
    font-family: "MuseoSans500", Arial, Helvetica, sans-serif;
}
img.representative {
    float: left;
    margin: 0 20px 20px 0;
    background: #eee8d5;
    padding: 6px;
}
.group::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.bio.group {
    margin-top: 40px;
}
section {
    margin-top: 40px;
}
#notes article {
    margin: 20px 0 40px;
    border-bottom: 1px solid #eee8d5;
    padding-bottom: 40px;
}
#notes article:last-child {
    margin: 20px 0 0;
    padding: 0;
    border-bottom: none;
}
#notes article header {
    width: 160px;
    float: left;
}
#main.talk > header {
    border-bottom: none;
    margin-bottom: 10px;
}
#notes article p {
    margin: 0 180px;
}
#notes article blockquote {
    border-left: 3px solid #eee8d5;
    margin: 20px 0 20px 190px;
}
#notes article blockquote p {
    margin: 0;
    padding-left: 10px;
    max-width: 474px;
}
a.block {
    display: block;
    color: #073642;
    text-decoration: none;
}
ul.inline li {
    display: inline;
}
ul.inline li::after {
    content: ", ";
}
.thought > footer {
    text-align: right;
    font-style: italic;
}
em {
    font-family: CharisSILItalic, "Palatino Linotype", Palatino, "URW Palladio L", serif;
    font-style: italic;
}
dt {
    font-weight: normal;
    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;
}
a.button {
    background-color: #d33682;
    border-radius: 8px;
    border: 1px solid #d6d2d6;
    display: inline-block;
    color: #ffffff;
    font-family: "MuseoSans500", Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 4px 14px;
    text-decoration: none;
}
a.button:hover {
    text-shadow: 0 0 8px #ffffff;
}
a.button:active {
    position: relative;
    top: 1px;
}
#tweets {
    margin-top: 0;
}
#twtr-widget-1 {
    padding-bottom: 40px;
    font-family: CharisSILRegular, "Palatino Linotype", Palatino, "URW Palladio L", serif !important;
    font-size: 16px !important;
    line-height: 1.5;
}
#twtr-widget-1 .twtr-user {
    font-family: "MuseoSans500", Arial, Helvetica, sans-serif;
    padding-right: 10px;
}
#twtr-widget-1 em {
    text-align: right;
    font-size: 12px;
}
#twtr-widget-1 .twtr-ft { display: none; }

@media screen and (max-width: 880px) {
    img.representative {
        float: none;
    }
    #notes article p {
        margin-right: 0;
    }
}

@media screen and (max-width: 650px) {
    img.representative {
        display: none;
    }
    ul.index-list {
        margin-left: 0;
    }
    #notes article header {
        float: none;
    }
    #notes article p {
        margin-left: 0;
    }
    #notes article blockquote {
        margin-left: 10px;
    }
}

@media screen and (max-width: 575px) {
    dl {
        float: none;
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
    }
    a,
    a:visited {
        color: #444444 !important;
        text-decoration: underline;
    }
    a[href]::after { content: " (" attr(href) ")"; }
    a[href^="javascript:"]::after,
    a[href^="#"]::after { content: ""; }
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }
    img { page-break-inside: avoid; }
    p,
    h2 {
        orphans: 3;
        widows: 3;
    }
    h2 { page-break-after: avoid; }

    @page { margin: 0.5cm; }
}