/*############################
## General
############################*/

body {
  font-family: arial, sans-serif;
}

p { 
    text-align:justify;
}

td.ying {
    background-color: #ccffff;
}

td.yang {
    background-color: #ffeedd;
}

/*############################
## Links
############################*/

a:link {
color: #001EA0;
text-decoration: none;
}
a:visited {
/*color: #aa00aa;*/
text-decoration: none;
}
a:hover {
#color: #3366CC; 
text-decoration: underline
}
a:active {
color: #ff0000;
text-decoration: none;
}

/*############################
## Headings
############################*/

h1 {
  color: #444444;
/*  background-color: #dddddd; */
  font-family: arial,  sans-serif;
  text-align: center; 
  padding-top: 0px;
  padding-bottom: 0px;
}
h2 {
  color: #444444;
  text-align: left; 
  font-family: arial, sans-serif;
  background: #ffeedd;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
/*  border: solid #0088AA;*/
}
h4 {
  text-decoration: underline;
  font-style: italic;
}

  
/*############################
## lists
############################*/

dt {
     font-weight: bold; 
}

/*############################
## Biblio
############################*/

span.member {
  text-decoration: underline;
}
span.pubtitle {
  font-weight: bold; 
}
span.pubjournal {
  font-style: italic;
}

/*############################
## TOC
############################*/
.toc-bar {
  display: flex;
  flex-wrap: wrap;   /* allows buttons to move onto new lines */
  justify-content: space-evenly;
}

.toc-button {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1rem;
    flex: 1;               /* each button expands equally */
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 2px;
  background-color: #4287a7;
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.toc-button:hover {
  background-color: #bf7959 !important;
}

.toc-button:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}