/* AwesomeDude styles template for responsive serial chapters */



/* Last modified December 1 2015 by John Silby (Alien Son) */





/*@import url(https://fonts.googleapis.com/css?family=Aclonica);*/





/* Reset */



* {

  margin: 0;

  padding: 0;

  border: 0;

  text-decoration: none

}





/* Basics */



body {

  margin: 20px auto;

  padding-bottom: 0px;

  font-family: Tahoma, Geneva, sans-serif;

  font-size: 18pt;

  line-height: 1.4;

  color: #fff;

  background-color: #000;

}



.container {

  width: 90%;

  max-width: 900px;

  margin: 30px auto;

}



header {

  width: 100%;

  margin: 20px auto 80px auto;

  height: 400px;

  background-color:  #4E58AD;

  color: #FFf;

}



h1, h2, h3, h4 {

  text-align: center;

}



h1 {

  font-family: Verdana, Geneva, sans-serif;

  font-size: 48pt;

  font-weight: bold;

  padding-top: 70px;

  text-shadow: 1px 1px 3px #000;

}

h2 {

  font-size: 24pt;

  font-weight: normal;

}

h2.prologue {

  font-size: 24pt;

  font-weight: normal;

}



h3.prologue {

  font-size: 20pt;

  font-weight: bold;

  padding-top: 20px;

  padding-bottom: 5px;

  text-shadow: 1px 1px 3px #000;

}

h3 {

  font-size: 20pt;

  font-weight: bold;

  padding-top: 20px;

  padding-bottom: 5px;

  text-shadow: 1px 1px 3px #000;

}

h4.prologue {

  font-size: 26pt;

  font-weight: bold;

  padding-top: 40px;

}



h2 {

  font-size: 24pt;

  font-weight: bold;

  padding-top: 20px;

  padding-bottom: 5px;

  text-shadow: 1px 1px 3px #000;

}



h3 {

  font-size: 14pt;

  font-weight: bold;

  padding-top: 60px;

}

h4 {

  font-size: 24pt;

  font-weight: bold;

  padding-top: 40px;

}

p {

  margin-bottom: 25px;

  text-indent: 2%;

}





/* Links */



a:link {

  text-decoration: none;

  color: #fff;

}



a:hover, a:visited:hover {

  text-decoration: none;

  color: #FF8C00;

}



a:visited {

  text-decoration: none;

  color: #20B2AA;

}

.note {
  font-style: italic;
  width: 80%;
  margin: 60px auto;
  background-color: transparent;
}

.note p {
  font-size: 14pt;
  text-indent: 0;
}



/* Special formatting */



.divider {

  font-size: 20pt;

  font-weight: bold;

  text-align: center;

  margin: 60px 0 60px 0

}



section {

  margin-top: 80px;

  margin-bottom: 80px;

}



p.definition {

  text-indent: 0;

  margin-top: 15px;

  margin-bottom: 5px;

}



.indent-first-line {

  text-indent: 30px

}



.indent {

  margin-left: 90px

}



.b {

  font-weight: bold;

}



.i {

  font-style: italic;

}



.n {

  font-style: normal

}



.c {

  text-align: center;

}



.tagline {

  margin: 40px 0 100px 0;

  text-align: center;

}



.tagline p {

  margin-bottom: 10px;

}



.small {

  font-size: 80%;

}



.note {

  font-style: italic;

  width: 90%;

  margin: 60px auto;

  background-color: transparent;

}



.note p {

  font-size: 12pt;

  text-indent: 0;

}



p.quote {

  font-weight: bold;

  font-style: italic;

  text-indent: 0px;

  text-align: center;

  margin-bottom: 5px;

}



.nav {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 10pt;

  font-weight: bold;

  width: 125px;

  margin-top: 40px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: -15px;

  height: 25px;

  padding: 8px 0 0 0;

  text-align: center;

  background-color: #343434;

  border-radius: 7px;

  border: 1px solid #202020;

}



p.nav {

  text-indent: 0;

}