@font-face {
  font-family: strippindirty;
  src: url(../fonts/strippin_dirty.ttf);
}

@font-face {
  font-family: altehaas;
  src: url(../fonts/AlteHaasGroteskBold.ttf);
}

@font-face {
  font-family: frizzledham;
  src: url(../fonts/frizzed.ttf);
}

body{
  background: lightblue url("images/strawbr.jpg") repeat center fixed;
  color: black;
  font-family: altehaas;
  width:100%;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}

#back{
 width:100%;
 max-width:400px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 margin-top:25px;
}

#back p{
 width:100%;
 max-width:70px;
 background: lightblue url("images/fic4.jpg") repeat center;
 padding:1px;
 border-style:dashed;
 border-color:#8b8dc4;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
 font-size:14px;
  text-align:center;
}

#back a{
 color:white; 
}

#back a:visited{
 color:white; 
}

#back a:hover{
 color:white;
 text-decoration-line:underline;
 text-decoration-style:wavy;
 text-decoration-thickness: 1px;  
}

#fictionheader{
 background: lightblue url("images/fic4.jpg") repeat center;
 width:100%;
 max-width:700px;
 padding:0px 0px 0px 0px;
 text-align:center;
 border-style:dashed;
 border-color:#8b8dc4;
 margin-bottom:35px;
 margin-left:auto;
 margin-right:auto;
 margin-top:25px;
}

#fictionheader h1{
 vertical-align:middle;
 width:400px;
 margin:0px;
 padding-right:10px;
 padding-left:10px;
 padding-top:25px;
 padding-bottom:20px;
 font-family:strippindirty;
 font-size:65px;
 color:white;
 text-shadow: 2px 2px 4px black;
 margin-left:auto;
 margin-right:auto;
}

.entry{
  background: lightblue url("images/fic4.jpg") repeat center;
  width:95%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  border-style:dashed;
  border-color:#8b8dc4;
  padding-left:15px;
  padding-right:15px;
}

.entry h2{
  background: #f09186;
  border-style:solid;
  border-color:#8b8dc4;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:1px;
  color:#872c01;
  font-weight:600;
  font-style:italic;
  font-size:22px;
  margin-bottom:0px;
  font-family:frizzledham;
  text-transform:uppercase;
  text-align:right;
}

.entry p{
  margin-top:10px;
  background: #f09186;
  border-style:solid;
  border-color:#8b8dc4;
  padding: 10px;
  font-family:altehaas;
}

.entry a:link{
 text-decoration-line:underline;
 text-decoration-style:solid;
 color:#54578c;
}

.entry a:visited{
 text-decoration-line:underline;
 text-decoration-style:solid;
 color:#54578c;
}

.entry a:hover{
 text-decoration-line:underline;
 text-decoration-style:wavy;
 color:#8b8dc4;
  text-decoration-thickness: 1px; 
}

footer{
 width:100%;
 max-width:1000px;
 text-align:center;
 color:white;
 font-family:altehaas;
 font-size:12px;
 margin-left:auto;
 margin-right:auto;
}

footer p{
  color:white;
  width:100%;
 max-width:500px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

footer a{
 width:100%;
 max-width:200px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

footer a{
 color:white; 
 width:100%;
 max-width:150px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}