/*********************
   words.moonlits.xyz
      CSS Style v3
 *********************/

html {
 height: 100%;
}

body {
 margin:  0;

 background-color:       rgb(45,45,45);
 color:                  rgb(224,224,224);

 font-family:            "Sylfaen", "Century Schoolbook", "Times New Roman", "Times", serif;
 font-size:              120%;
 text-align:			 center;

 display:                flex;
 flex-direction:         column;
 height:                 100%;
}

a:link {
 color:                  rgb(240,210,255);
 text-decoration:        none;
}

a:visited {
 color:                  rgb(160,142,180);
 text-decoration:        none;
}

a:hover {
 color:                  rgb(255,255,255);
 text-decoration:        underline;
}

a:active {
 color:                  rgb(255,255,255);
 text-decoration:        underline;
}

header a {
 color: rgb(224,224,224);
}

main {
  background-color: rgb(32,32,32);
  flex: 1 1 auto;
}

header {
  border-bottom: 1px solid rgb(96,96,96);
  flex: 0 1 auto;
}

footer {
  border-top: 1px solid rgb(96,96,96);
  flex: 0 1 auto;
}

article {
 display: inline-block;
}


article p, article pre, article ul {
 padding: 0em 1em 0em 1em;
 margin: 1em auto;
}

article p {
 max-width: 30em;
 text-align: left;
}

p.attribution {
 padding: 0em 1em 1em 1em;
 margin: 0em auto;
}

p.attribution, p.tags {
 font-style: italic;
 text-align: center;
}

article pre {
 font-family: "Sylfaen", "Century Schoolbook", "Times New Roman", "Times", serif;
 text-align: left;
}

article ul {
 list-style: none;
 text-align: center;
}

article li {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}

/* Printing support.
 * Override all printing colors to match the Light theme.
 */
@media print {
  img, pre, blockquote, figure {
    page-break-inside: avoid;
  }
  body {
    background-color:#fff;
  }
  main {
    position: static;
    overflow: hidden;
    color: #000;
    width: 100%;
    margin: 0 auto;
  }
  .footnotes {
    page-break-before: always;
  }
  article {
    margin: 0 auto;
    padding: 0;
    width: 98%;
  }
  #top-fader, #bottom-fader {
    display: none;
  }
  hr {
    color:#ddd;
    background-color:#ddd;
    -webkit-box-shadow:0px 1px 0px #ddd;
  }
  pre {
    background-color: transparent;
  }
}