/**********************/
/* reusable variables */
/**********************/

:root {
 --sansserif: lucida sans;
 --serifed: georgia;
 --myborder: 1px dashed black;
}


/*************/
/* main body */
/*************/

body {
 font-family: var(--serifed);
 background-color: var(--bgcolor);
 padding: 20px;
 /* min-width: 1080px; */
}


/***********/
/* classes */
/***********/

.placeholder {
 background-color: var(--bgcolor);
 border-style: none;
} 

.container {
 max-width: 810px;
 text-align: center;
}

.inset, .entry, #nav {
  padding: 30px;
  border: var(--myborder);
}

.entry {
  background-color: var(--hitransp);
  text-align: left;
  max-width: 750px;
}

.toclist {
  padding-left: 17.5px;
}

.date {
 text-align: right;
 color: var(--faded);
 font-style: italic;
}

.colheader {
 font-weight: bold;
 opacity: 1;
}

.rowheader {
 text-align: right !important; 
 padding: 25px 25px 20px 25px;
}

.divider {
 padding: 15px; 
}

/****************/
/* specific IDs */
/****************/

#preface {
  background-color: var(--lowlight);
  max-width: 750px;
}

#rowcount {
 font-weight: bold; 
}

#tablediv {
  min-width: 950px;
  overflow: auto;
}

#maintable {
 text-align: center; 
}

#postscript {
  max-width: 900px;
}

#tableifier {
 max-width: 900px; 
}

#footer {
 max-width: 256px;
}

#nav {
 position: fixed;
 max-height: 100%;
 right: 0;
 bottom: 30px;
 overflow: auto;
 background-color: var(--highlight);
 border: var(--myborder);
 border-bottom: none !important;
}

#navbottom {
 position: fixed;
 bottom: 0;
 right: 0;
 padding: 5px 20px;
 height: 20px;
 width: 100%;
 background-color: var(--lowlight);
 text-align: right;
 color: var(--faded);
 font-style: italic;
 opacity: 0.6;
 /* transition: opacity 1.5s;
 transition-timing-function: ease-in; */
}

#toc {
  text-align: left;
  display: inline-block;
  margin: 0 auto;
  max-width: 325px;
  overflow: auto;
}

/********************/
/* general elements */
/********************/

h1, h2, h3, h4, h5, h6 {
 font-family: var(--sansserif); 
}

i {
 color: var(--faded);
}

table {
  border-collapse: collapse;
  padding: none;
}

td {
  padding: 15px 10px;
}

th, thead {
  background-color: var(--bgcolor);
  padding-bottom: 20px;
  font-weight: bold; 
  font-family: var(--sansserif);
  border: none;
}

/*************/
/* selectors */
/*************/

a:not(.toclink) {
 color: var(--linkcolor); 
 border: 1px dashed var(--bgcolor);
}

a:not(.toclink):hover {
 border: var(--myborder);
 padding: none;
}

tr:not(.colheader):hover {
  border: var(--myborder);
  opacity: 1 !important;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
  border: none !important;
}

/* fun way to dim the rest of the table if a row is being hovered over, but maybe too distracting
table:hover tr:not(.colheader){
 opacity: 0.6; 
} 
*/

tr:nth-child(odd) {
  background-color: var(--lowlight);
}

td:nth-child(1){
 font-weight: bold; 
 font-family: var(--sansserif);
 /* padding-left: 15px; */
}

/* .entry:hover {
 background-color: var(--lowlight);
} */

#nav:hover {
  background-color: var(--hitransl) !important;
}

/* .entry:hover {
  background-color: var(--hitransl) !important;
} */

#navbottom:hover {
 opacity: 0.9; 
}