@import url("fonts/source_serif_pro/source_serif_pro.css");
/* 
 * To self: I've commented out a lot of fonts in the file above so that we only 
 * load the ones that are actually used.*/
:root {
 --eightyseven: #212121;
 --thirteen: #DFDFDF;
 --portrait-border: #3F3F3F;
 --active-link-color: #DFDBB0;
}

html {
height: 100%;
}

body {
background-color:var(--portrait-border);
color: var(--thirteen);
height:100%;
margin:0px;
padding:0px;
font-family: "Source Serif Pro",serif;
font-size: normal;
font-weight:400;
font-size:1.05em;
}
h1 {
font-weight:400;
font-variant:small-caps;
font-size:3em;
}
h3 {
font-family: "Source Serif Pro",serif;
margin-top:2em;
margin-bottom:0.75em;
/*font-size:normal;*/
font-weight:normal;
font-size: 1.35em;
font-variant:small-caps;
}
p{
	line-height: 1.4;
}
ul {
	line-height: 1.6;
	list-style: "✦  " outside;
}

.main {
width: 85%;
display:inline;
margin:0px;
height:100%;
}

#content {
max-width:50em;
padding-top:10px;
padding-right:50px;
margin-left:200px;
margin-bottom:50px;
}

#content a{
color:var(--active-link-color);
}
#content a:link{
text-decoration: none;
}
#content a:hover{
text-decoration: underline;
}
#content a:active{
text-decoration: underline;
}

.sidebar {
width: 160px;
float: left;
background-color:var(--eightyseven);
height: 100%;
position:fixed;
}


#me img {
border-radius: 50%;
border: 2px solid var(--portrait-border);
width: 70%;
display: block;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}

.navlist {
left-margin: auto;
right-margin: auto;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

.navlist li {
list-style-type: none;
display:block;
margin-top:4px;
margin-left: auto;
margin-right: auto;
}
.navlist li::before {
	content: "";
}

.navlist a{
    width:65%;
    color: var(--thirteen);
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    font-variant:small-caps;
    font-size: 0.95em;
    display: block;
    margin: 1em auto;
    text-transform:lowercase;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--eightyseven);
}

.navlist a:hover {
    border-color: var(--thirteen);
}
.navlist a:active{
    border-color: var(--thirteen);
}
#currentpage {
    border-color: var(--thirteen);
}
#quote {
font-size: 0.80em;
line-height: 1.4;
letter-spacing: 0.03em;
}
cite {
	font-style:normal;
	white-space: nowrap;
}
cite::before{
	content: "\2014";
}
/* style for paper titles */
.papertitle {
/*	font-weight:600;*/
	font-size:1.05em;
	font-variant:small-caps;
}
/* style for the word that appears by <details> environments*/
.past {
	font-weight:600;
	font-style:italic;
	text-transform:lowercase;
}
/* style for items generated by pastFuture section generator */
.pastfutureitem {
	margin-left:1em;
	text-indent: -1em;
}

td {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	padding-top:2px;
}
