html {
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    font-size: 14px;
    -webkit-text-size-adjust: none
}

body {
margin: 0;
padding: 0;
height: 100%;
max-width: 1200px;
background: #F3F4F3;
}

pre {
font-size: 11pt;
}


#menu-container {
height: 100%;
position: fixed;
width: 200px;
white-space: nowrap;
display: inline-block;

padding: 14px 14px 0px 14px;
}

.projectdate {
color: #aaa;
}

#menu {
font-size: 1.4em;
font-weight: 400;
margin-left: 1em;
letter-spacing: 1.2px;
line-height: 1.2em;
width: 198px;
z-index:1000;
}

#frontmatter {
margin-top: 1em;
font-size: 12px;
}

h3 {
font-size: 1.2em;
font-weight: normal;
}


.tightlist li { margin-bottom: .5em; margin-top: .5em; }

#bio {
font-weight: 400;
}

#content {
font-weight: 400;
margin-top: 0em;
padding-right: 1em;
position: absolute;
margin-left: 270px;
width: 60%;
max-width: 900px;
margin-bottom: 1em;
line-height: 1.em;
}

/*
#content a:link {color: #222; text-decoration: underline; }
#content a:active {color: #444; text-decoration: underline; }
#content a:visited {color: #222; text-decoration: underline; }
#content a:hover {color: #444; text-decoration: none; }
*/

#subpage-content {
font-size: 1em;
padding: 2.5em 2.5em 0em 5em;
}

#subpage-content a:link {color: #222; text-decoration: underline; }
#subpage-content a:active {color: #444; text-decoration: underline; }
#subpage-content a:visited {color: #222; text-decoration: underline; }
#subpage-content a:hover {color: #444; text-decoration: none; }

#filler {
font-size: 1em;
letter-spacing: 0px;
}

#brand{
font-weight: 700;
line-height: .9em;
letter-spacing: 2px;
font-size: 24px;
padding: 6px 0px 6px 0px;
background-color:#111;
width: 197px;
}

#social {
    margin-top: 16px;
}


#cv {
margin-top: 10px;
}

#menubox { margin-top: .5em; margin-left: .5em; }

ul 
{
margin-left: -.8em;
}

ul#summarylist li
{
margin: 0em;
padding: 0em;
}


ul.linklist li
{
margin-top: .25em;
}

li { 
margin-top: 1em; 
font-size: .96em;
}

.firstletter {
    font-family: 'Arial', sans-serif;
    float: left;
    font-size: 3em;
    font-weight: bold;
    line-height: .75;
    margin-top: 0.1em;
    margin-right: 0.1em;
}

a.nodecorate:link, a.nodecorate:visited, a.nodecorate:active, a.nodecorate:hover { text-decoration: none; color: #222 !important }

.unreleased {color: #025D8C; font-weight: bold;}


#menu a:link, a:visited {color: #222; text-decoration: none; }
#menu a:active, a:hover {color: #444; text-decoration: none; }

a.authorlink:link, a.authorlink:visited, a.authorlink:active, a.authorlink:hover { text-decoration: none !important; }

a.recentlink { text-decoration: none; }

#content a:link, #content a:active, #content a:visited, #content a:hover {color: #222; text-decoration: none; }

#summarylist a:link, #summarylist a:active, #summarylist a:visited, #summarylist a:hover { color: #025D8C; !important }

#bio a:link, #bio a:active, #bio a:visited, #bio a:hover { color: #025D8C; !important }

#content a.paperlink:link, #content a.paperlink:active, #content a.paperlink:visited, #content a.paperlink:hover {color: #025D8C; text-decoration: none; font-weight: bold; !important }

#content a.talklink:link, #content a.talklink:active, #content a.talklink:visited, #content a.talklink:hover {color: #025D8C; text-decoration: none; !important }

.venue {
font-style: italic;
font-weight: bold;
}

.pub-extra {
font-size: 90%;
}

@media only screen and (max-width: 800px) {
    #menu-container {
        position: relative !important;
        display: block !important;
        height: auto !important;
    }

    #pdb-pic {
        max-width: 95% !important;
        width: auto !important;
        height: auto !important;
        }

    #content {
        display: block !important;
        margin-left: 0px;
	margin-right: 0px;
        padding: 5%;
        width: 90%; 
        padding-top: 0;
    }

    #menubox { font-size: 16px; line-height: 1.3em; }

    .projectdate { display: none; }

    #menu { margin-left: 6px; }

}