.page{
  max-width: 900px;
  margin: auto;
  font-size: 14pt;
  line-height: 1.5;
  padding-top: 5em;
  padding-bottom: 5em;
}

.subtitle{
  font-size: 15pt;
  font-style: italic;
}


sup{
  font-size:10pt;
  color: gray;
}

.para{
  /*margin-bottom: 2em;*/
/*  text-align: justify;
  text-justify: inter-word;*/
  
  padding-right: 15em;
  position: relative;
}

.para + .para{
  text-indent: 1.2em;
}

.para + .para .fig{
  text-indent: 0em;
}

.para.no{
  text-indent: 0;
}

.s{
  margin-top: 3em;
  font-size:20pt;
  font-weight: bold;
  text-indent: none;
  margin-bottom: 1em;
}

.ss{
  margin-top: 2em;
  font-style: italic;
  font-size: 16pt;
  text-indent: none;
  margin-bottom:  0.5em;

}

.title{
  font-size: 40pt;
}



.para img{
/*  max-width: 200px;
  margin: auto;*/
}

.para.imp{
    margin-top: 1em;
/*  margin-bottom: 1em;*/
  text-indent: 0;
}

ul{
  max-width:  80%;
}

img.full{

  max-width: calc(900px - 15em);
}

.fig{
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  padding-left: 1em;
  padding-right: 1em;
  max-width:  100%;

}

.fig img{
  margin: auto;
}

.date{
  margin-top:  2em;
  font-size:  18pt;

}

.subtitle{
  max-width:  60%;
}


.widefig{
  text-align: center;
  /*border: 1px solid red;*/
  margin: auto;
  padding-right: 15em; /*lines up with page*/


}

.fig img{
  max-width: 100%;
}

.fig p{
  text-align: left;
  max-width: 60%;
  font-size: 12pt;
  margin: auto;
}

.sidefig{
  position: absolute;
    transform: translate(-100%, 0%);
  top: 0;
left: 0;
padding-right: 2em;
  /*border: 1px solid gray;*/
  border-radius: 2px;
  text-align: left;
  text-indent:0;
}

.sidefig,
.sidefig p{
    font-size: 12pt;
  /*color: gray;*/
}


.quote{
   padding-right: 15em;
   margin-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-style: italic;
}

.quote .refs{
font-style: normal;
}

.qt{
   margin-right:2em;
   margin-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em;

}

.eqn{
  
  text-align: center;
  /*border: 1px solid red;*/
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div.code{
  margin-left: 1em;
  margin-right: 1em;
  white-space: pre;
  font-family: 'Inconsolata', monospace;
  margin-bottom: 1em;
}

span.code,
c{
  font-size:  13pt;
  font-family: 'Inconsolata', monospace;
  background-color:  #eee;
  padding-left:  0.2em;
  padding-right:  0.2em;
  padding-top:  0.1em;
  padding-bottom:  0.1em;
  border-radius:  2px;
}

.refs{
  text-align: left;
  text-indent: 0em;
  position: absolute;
  right: 0;
  top:0;
  max-width: 18em;
  font-size: 10pt;
  color: gray;
}

.refs a:hover,
.refs a:link,
.refs a:visited,
.refs a:active{
  color: gray;
}

.figrefs{
  text-align: left;
  text-indent: 0em;
  position: absolute;
  right: 0;
  top:1em;
  max-width: 18em;
  font-size: 10pt;
  color: gray;
  transform: translate(120%, 0%);

}

.caption{
  text-align: right;
  text-indent: 0em;
  position: absolute;
  left: -15em;
  width: 15em;

  top:-0.5em;
  max-width: 18em;
  font-size: 12pt;
  color: gray;
}

.capholder{
  margin-right: 2em;
}

.fullwidth{
  margin-top: 1em;
  margin-bottom: 1em;
      transform: translate(-150px, 0%);


}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid;
}

td{
  padding: 0.5em;
  vertical-align: top;
}

td.heading{
  font-face: bold;
  text-align: center;
}

.heading{
  font-size: 20pt;
  padding-top: 2em;
  padding-bottom: 2em;
}