/* ☞ SLP Style modified 2017-07-08 🐛🐛🐛, 🎃 Friday, October 15, 2021 1:14 AM 🎃 ☜ */

a:link {
  color: red;
  text-decoration: none;
  }
a:hover {
  color: white;
  }
a:visited {
  color: red;
}
.alpha {
  background-color: linen;
  border: 1em solid hsla(174, 49%, 16%, 1);
  display: block;
  font-family: "Helvetica";
  font-size: 1.6em;
  line-height: 3em;
  margin: 0 auto;
  padding: 2em;
  width: 60%;
  }
.amazon {
  align-items: center;
    -webkit-align-items: center;
  display: flex;
  margin: 0 auto;
  padding: 1em;
  width: 75%;
  }
.audio {
  display: block;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  width: 100%;
  }
#authors {
  background: url(/authors/images/loose-leaf.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
#authorlist {
  background: url(/authors/images/loose-leaf.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
blockquote {
  background-color: hsla(174, 49%, 16%, 1);
  color: white;
  float: clear;
  margin: 0 auto;   
  padding: 1.5em;
  text-align: center;
  width: 88%;
  }
blockquote p {
  font-family: "Cormorant Garamond";
  font-size: 1.5em;
  line-height: 1.5em;
  padding-left: 1.5em;
  padding-right: 1em;
  }
blockquote a:link {color: white}
blockquote a:hover {color: yellow}
blockquote a:visited {color: aqua}

#business {
  background: url(/01-business/images/01-background.jpg);
  background-repeat: repeat;
  }
.byline {
  color: hsla(184, 47%, 57%, 1);
  font-style: italic;
  margin: 0 auto;
  text-align: center;
  width: 60%;
  }
.byline-2 {
  color: hsla(184, 47%, 57%, 1);
  font-style: italic;
  padding-right: 3em;
  text-align: right;
  }
.caption {
  color: hsl(172,89%,26%);
  font-size: 1em;
  font-style: italic;
  margin 0 auto;
  padding: .5em;
  text-align: center;
  }
#celebrity {
  background: url(/02-celebrity/images/two-dollars-35.jpg);
  background-repeat: repeat;
  }
#children {
  background: url(/03-children/images/03-background.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
#computers {
  background: url(/04-computers/images/computer-paper.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  } 
.copyright {
  color: teal;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  }
#disqus_thread {
  background: hsla(55, 91%, 89%, .9);
  margin: 0 auto;
  padding: 3em;
  text-align: center;
  width: 85%;
  }
.dropcap {
  font-size: 2em;
  color: hsla(36, 100%, 50%, 1);
  }
#fiction {
  background: url(/06-fiction/images/06-background.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
.flexbox {
  align-items: center;
    -webkit-align-items: center;
  display: flex;
    -webkit-flex;
  background-color: antiquewhite;
  flex-direction: row;
    -webkit-flex-direction: row;
  flex-flow: row wrap;
  flex-wrap: wrap;
  justify-content: space-between;
    -webkit-justify-content: space-between;
  margin: 0 auto;
  padding: 1em;
  width: 90%;
  }
.flexbox-2 {
  align-items: stretch;
    -webkit-align-items: stretch;
  display: flex;
    -webkit-flex;
  flex-direction: row;
    -webkit-flex-direction: row;
  flex-flow: row wrap;
  flex-wrap: wrap;
  justify-content: space-between;
    -webkit-justify-content: space-between;
  margin: 0 auto;
  padding: 1em;
  width: 75%;
  }
@font-face {
  font-family: "rabioheadregular";
  src: url("/assets/fonts/rabiohead-webfont.eot");
  src: url("/assets/fonts/rabiohead-webfont.eot?#iefix") format("embedded-opentype"),
  url("/assets/fonts/rabiohead-webfont.woff") format("woff"),
  url("/assets/fonts/rabiohead-webfont.ttf") format("truetype"),
  url("/assets/fonts/rabiohead-webfont.svg#rabioheadregular") format("svg");
  font-weight: normal;
  font-style: normal;
  }
footer {
  background-color: hsla(55, 91%, 89%, 1);
  color: black;
  font-family: "Helvetica";
  font-size: .8em;
  font-style: bold;
  letter-spacing: .3em;
  line-height: 2.5em;
  padding: 1em;
  text-align: center;
  width: 100%;
  }
footer a:hover {
  color: red ;
  background-color: white;
  padding: 1em;
  }
footer a:link {
  color: black;
  text-decoration: none;
  }
.front-panel {
  align-content: space-around;
  background-color: linen;
  border: .75em solid hsla(174, 49%, 16%, 1);
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: "Helvetica";
  font-size: 1.6em;
  line-height: 3em;
  justify-content: space-around;
  margin: 0 auto;
  padding: 3em;
  width: 75%;
  }
h1 {
  color: hsla(65, 64%, 85%, 1.0);
  font-family: "Cormorant Garamond";
  font-size: 4em;
  padding: 1em;
  text-align: center;
  }
h2 {
  color: white;
  font-family: rabioheadregular;
  font-size: 2.5em;
  line-height: -.8;
  text-align: right;
  margin-right: 3em;
  }
h3 {
  background-color: #dce7d333;
  color: rgb(238, 64, 177);
  font-family: "Cormorant Garamond";
  font-size: 2em;
  margin: 0 auto;
  padding: .1em;
  text-align: center;
  }
h4 {
  background: hsla(174, 52%, 16%, 1);
  color: bisque;
  font-family: "Cormorant Garamond";
  font-size: 1.5em;
  font-style: italic;
  font-weight: normal;
  line-height: 2em;
  padding-left: .5em;
  text-align: center;
  }
h5 {
  color: black;
  background-color: hsla(77, 73%, 74%, 1);
  font-family: "rabioheadregular";
  font-size: 3em;
  text-align: center;
  }
h6 {
  background-color: rgba(232, 248, 144, 0.6);
  color: black;
  font-family: "Helvetica";
  font-size: 1.3em;
  font-weight: normal;
  letter-spacing: .2em;
  padding: 1em;
  }
.hairline {
  background-color: hsla(35, 69%, 94%, 1);
  border: .1em solid silver;
  border-radius: 15px;
  display: block;
  padding: 1em;
  margin: 1em;
  }
.hairless {
  border: .1 solid black;
  display: block;
  padding: 1em;
  margin: 0 auto;
  }
.hairline-no {
  display: block;
  padding: 1em;
  margin: 0 auto;
  }
header {
  display: flex;
  margin: 0 auto;
  padding: 1.5em;
  width: 100%;
  }
header-inside {
  display: flex;
  padding: 1.5em;
  text-align: left;
  }
#house {
  background: url(/07-house/images/bird-paper.png);
  background-repeat: repeat;
  }
#howto {
    background: url(/08-howto/images/08-background.jpg) no-repeat center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    width: 100%;
  }
i, em {font-style: italic}
img {
  height: auto;
  max-width: 90%;
  }
.inside {
  background-color: antiquewhite;
  border: 1em solid hsla(174, 49%, 16%, 1);
  color: rgb(59, 56, 56);
  display: block;
  font-size: 1.3em;
  line-height: 1.5;
  margin: 0 auto;
  text-align: left;
  width: 80%;
  }
.inside p {
  font-family: "Cormorant Garamond";
  padding-right: 2.5em;
  padding-left: 2.5em;
  } 
.leafy {
  margin: 0 auto;
  padding: 1em;
  } 
#interior {
  background: url(/images/wood.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
.leaf {
  color: rgb(248, 246, 246);
  font-family: rabioheadregular;
  font-size: 4em;
  line-height: -.8;
  margin: 1em;
  margin-right: 3em;
  padding-top: 4em;
  text-align: right;
  }
ol {
  color: tomato;
  display: inline-block;
  font-size: .9em;
  margin-left: 4em;
  line-height: 1.4em;
  padding: 1em;
  width: 60%;
}
nav {
  border: 2em;
  color: yellow;
  display: block;
  font-family: "Helvetica";
  letter-spacing: .2em;
  line-height: 3.5;
  margin: 1em auto;
  padding: 1em;
  text-align: center;
  width: 75%;
  }
nav a:link {
  background-color: hsla(174, 49%, 16%, 1);
  border: .2em dotted yellow;
  border-radius: .5em;
  color: yellow;
  font-size: 1em;
  padding: .8em;
  text-decoration: none;
  text-align: center;
  }
nav a:hover {
  background-color: white;
  border: .3em dotted yellow;
  border-radius: .5em;
  color: black;
  }
nav a:visited {
    background-color: rgb(2, 52, 2);
    border: .3em dotted yellow;
    border-radius: .5em;
    color: pink;
    }  
  #paranormal {
  background: url(/10-paranormal/images/composition.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
.pop {
  border: .1em dashed silver;
  color: hsla(174, 49%, 16%, 1);
  font-family: "Courier New";
  font-size: 1em;
  line-height: 1.5em;
  margin: 2em;
  padding: 1em;
  text-align: left;
  }
.pop a:link {
  color: brick;
  text-decoration: none;
  }
.pop a:hover {
  background-color: hsla(54, 100%, 90%, .9);
}
.quote {
  background: url(/images/quoter.png) no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top: 2em solid antiquewhite;
  display: block;
  font-family: "Cormorant Garamond";
  font-size: 1.1em;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 50%;
  }
  .quote-r {
    background: url(/images/quoter-r.png);
    border-top: 2em solid antiquewhite;
    display: block;
    font-family: "Cormorant Garamond";
    font-size: 2em;
    margin: 0 auto;
    padding: 2em;
    text-align: right;
    width: 50%;
    }
.right {
  color: red;
  float: right;
  }
#sports {
  background: url(/images/wood.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }  
#truecrime {
  background: url(/12-truecrime/images/newspaper.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  }
ul {
  color: gray;
  display: inline-block;
  font-family: "Helvetica";
  font-size: .69em;
  letter-spacing: .1em;
  line-height: 1.5em;
  list-style: square;
  margin: 1em auto;
  padding-left: 4em;
  text-align: left;
  width: 80%;
  }
ul a:link {
  color: yellow;
  font-size: 1em;
  text-decoration: none;
  }
ul a:hover {
  background-color: white;
  color: black;
  }
ul a:visited {
  color: yellow;
  text-decoration: none;
  }