html { font-size:medium;}

body 
{
  width: 95.5%;
  padding-left: 3.5%;
  font-family:  Georgia, serif;
  color:#fffff6;
  background-color:  #16161d;
}

article
{
  padding: .5rem 0rem;
}

h1
{
  color: #778b60;
  font-family:sans-serif;
}

em 
{
  color:  #778b60;
}

.abstract
{
  font-size: 8pt;
  text-indent: 0px;
  text-align:justify;
  padding-left:1%;
  padding-right:1%;
}

.pubhead
{
  text-align:left;
  font-style: italic;
  font-weight: 400;
  font-size: 1.7rem;
  padding-top: 1rem;
  line-height: 1;
}

.pubimg 
{
  margin-left:1%;
  padding-left: 1%;
 
}

.pubimg img
{
  max-height:10rem;
  background-color: #fffff6;
  color: black; 
}

.bibdata
{
  padding-top:0.5rem;
  padding-bottom: 0.5rem;
  vertical-align:center;
  padding-left:2.5%;
  font-size: 80%;
  text-align:left;
}

.semester
{
  vertical-align:center;
  font-size: 60%;
  font-variant:small-caps;	
  text-align:left;
}

td.semester
{  
  padding-left:2.5%;
}



table 
{ 
  width: 73%;
  text-align: right;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  margin-left: 1%;
  margin-right: 1%;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  border-collapse: separate;
  border-spacing: 0 5px;
  -webkit-font-feature-settings: 'tnum'; /* This is technically redundant */
  -moz-font-feature-settings: 'tnum';
  -ms-font-feature-settings: 'tnum'; 
}

a 
{ 
  background-color:#F3F3F3; 
  border-bottom: 1px solid #778b60;
}

a:hover 
{ 
  color:#fff; 
  background-color: #778b60;
}

a:hover em
{ 
  color:#20241e;
}

#simons
{
    font-weight:500;
    font-family: Playfair Display SC;
    color: #48365c;
}

box
{
    background-color:white;
    display:block;
    margin: 2px;
    padding: 2px;
}

nav a
{
    border-color:#ffff00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 15px 25px;
  outline: none;
  color: #20241e;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 1.35em;
  border-bottom: none;
  padding-bottom: 0px; 
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
}

nav a:hover,
nav a:focus
{
  background-color:#F3F3F3; 
  color:#20241e;
}

nav a::before,
nav a::after 
{
  position: absolute;
  width: 45px;
  height: 2px;
  background: #20241e;
  content: '';
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}

nav a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

nav a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

nav a:hover::before,
nav a:hover::after,
nav a:focus::before,
nav a:focus::after {
	opacity: 1;
}

nav a:hover::before,
nav a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

nav a:hover::after,
nav a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}

p, footer, pre.code { width: 65%; }

img.fullwidth { max-width: 95%; } 
table.fullwidth { width: 95%; } 

.sidenote, .marginnote 
{ 
  font-size: 1.2rem;
  line-height: 1.4;
  margin-right: -35%; 
  width: 30%; 
}
.sidenote-number:after, .sidenote:before { color: #778b60; }
.sidenote:before 
{ 
  content: counter(sidenote-counter) " ";
  font-size: 0.9rem;
  top: -0.5rem;
}

.relpub
{
  font-size: 0.8rem;
  line-height: 1.6;
  text-align: right;
}