* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

@font-face {
    font-family: 'uncial antiqua';
    src: url('fonts/Uncial Antiqua_regular.ttf');
}

@font-face {
    font-family: 'saira light';
    src: url('fonts/Saira_300.ttf');
}

@font-face {
    font-family: 'saira semicondensed medium';
    src: url('fonts/Saira Semi Condensed_regular.ttf');
}

@font-face {
    font-family: 'saira semicondensed light';
    src: url('fonts/Saira Semi Condensed_300.ttf');
}

@font-face {
    font-family: 'saira condensed light';
    src: url('fonts/Saira Condensed_300.ttf');
}

a {
  color: #888fb9;
  text-decoration: none;
}
  a:visited {
    color: #406452;
  }

#articlepage {
  text-align: left;
}

body {
  background-attachment: fixed;
  background-color: #e3fffe;
  background-image: url(https://skribbatous.org/imbas/images/irishbackblur.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
}

  #articlecontent, #content {
    text-align: center;
    background-color: #191919;
    border: 1px solid #111;
    color: #e3fffe;
    font-family: "saira semicondensed light";
    font-size: 112.5%;
    margin: 2em auto 2em auto;
    max-height: 999999px; /* Needed to make drop-caps render at full size on Android Chrome */
    max-width: 40em;
    padding: 3.5em;
  }
  @media screen and (max-width: 40em) {
     #content, #articlecontent {
       margin: 0;
       padding: 2em 10px;
     }
  }
  #articlecontent {
    color: lightgrey;
    font-family: "saira light";
    text-align: left;
  }
    .firstletter {
      color: #e3fffe;
      float: left;
      font-family: "uncial antiqua";
      font-size: 500% !important;
      line-height: 1;
      margin-bottom: -.25em;
      margin-right: .125em;
    }
    #published {
      font-family: "saira semicondensed light";
      line-height: 1.125em;
    }

.centerquote {
  color: #e3fffe;
  font-family: "saira semicondensed medium";
  max-width: 25em;
  margin: 1em auto auto auto;
  text-align: center;
  list-style: none;
}

img {
  padding: 1em;
}

.indexletter a {
  color: #e3fffe;
  font-family: "uncial antiqua";
  font-size: 500%;
}

  .uparr {
    font-size: 200%;
    margin-left: .25em;
  }

h1 {
  color: #e3fffe;
  font-family: "uncial antiqua";
  font-size: 400%;
}
  h2, h3, #byline, #articletitle {
    color: #e3fffe;
    font-family: "saira light";
  }

  h3 {
    margin: 1em 0 1em 0;
    font-size: 117%;
  }
  #articletitle {
    font-size: 200%;
    font-weight: bold;
  }

  h4 {
    color: lightgrey;
    font-family: "saira light";
    font-weight: bold;
    font-size: 100%;
  }

  #byline {
    font-size: 125%;
    font-weight: bold;
    line-height: 100%;
    padding-left: .75em;
  }

#bottomlicensing {
  color: #e3fffe;
  border-top: 2px solid #e3fffe;
  margin-top: 2em;
  text-align: left;
}
  #toplicensing {
      color: #e3fffe;
      border-bottom: 2px solid #e3fffe;
      font-family: "saira condensed light";
      font-size: 100%;
      line-height: 1em;
      margin: 1em 0 1em 0;
      padding: 0 0 1em 1em;
      text-align: left;
  }
    #contact {
      color: #e3fffe;
      font-family: "saira condensed light";
      line-height: 1em;
      margin-top: 1em;
      text-align: left;
    }

ol {
  color: #e3fffe;
  list-style-position: outside;
  margin-left: 1em;
}
  ol li {
    color: lightgrey;
  }

p {
  line-height: 1.556;
  margin: 1em;
}

  p #contact {margin: 0em;}

.return {
  border-top: 2px solid #e3fffe;
  margin-top: 1em;
  text-align: center;
}

table {
  margin: auto;
  padding-top: 1em;
}
  th {
    color: #e3fffe;
  }
  td {
    color: lightgrey;
    padding-right: 1.5em;
  }

ul {
  list-style: none;
}
  .articlelist ul li {
    padding-left: 1em;
  }
  .articlelist ul a {
    font-family: "saira semicondensed medium";
    text-decoration: none;
  }

  .bibliography ul li {
    color: lightgrey;
    margin: 1em 0 1em 1em;
    text-indent: -1em;
  }

  .wordlist ul li {
    padding-bottom: 1em;
  }

  ul ul {padding-left: 2em;}

.wordentry {
  color: #e3fffe;
  font-weight: bold;
}