/* AwesomeDude styles template for responsive serial chapters */



/* Last modified June 05 2015 by John Silby (Alien Son) */







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









@media screen and (min-width: 50px) {

  body {

    font-size: 12pt;

  }



  header {

    height: 500px;

  }



  .headerimage {

    width: 234px;

    margin: 20px auto;

    height: 300px;

    background-image: url(boy-and-cat-sm.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    border-radius: 6px;

    box-shadow: 2px 2px #696969, 4px 4px #595959, 6px 6px #494949, 8px 8px #393939, 10px 10px #292929, 14px 14px 18px #000;

  }



  h1 {

    font-size: 24pt;

    padding-top: 20px;

    font-weight: bold;

    text-align: center;

    color: #000;

  }



  h2 {

    font-size: 16pt;

    padding-top: 10px;

    padding-bottom: 5px

  }



  h3 {

    font-size: 10pt;

    padding-bottom: 40px;

  }



  p {

    margin-bottom: 15px;

  }



  .note p {

    font-size: 10pt;

  }

}



@media screen and (min-width: 501px) {

  body {

    font-size: 14pt;

  }



  header {

    height: 700px;

  }


/*
  .headerimage {

    width: 351px;

    margin: 20px auto;

    height: 450px;

    background-image: url(boy-and-cat-med.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    border-radius: 6px;

    box-shadow: 2px 2px #696969, 4px 4px #595959, 6px 6px #494949, 8px 8px #393939, 10px 10px #292929, 14px 14px 18px #000;

  }
*/


  h1 {

    font-size: 30pt;

    padding-top: 30px;

    font-weight: bold;

    text-align: center;

    color: #000;

    }



  h2 {

    font-size: 18pt;

    padding-top: 15px;

    padding-bottom: 5px;

  }



  h3 {

    font-size: 12pt;

    padding-bottom: 50px;

  }



  p {

    margin-bottom: 20px;

  }



  .note p {

  font-size: 11pt;

  }

}



@media screen and (min-width: 801px) {

  body {

    font-size: 16pt;

  }



  header {

    height: 900px;

  }


/*
  .headerimage {

    width: 468px;

    margin: 20px auto;

    height: 600px;

    background-image: url(boy-and-cat-lg.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    border-radius: 6px;

    box-shadow: 2px 2px #696969, 4px 4px #595959, 6px 6px #494949, 8px 8px #393939, 10px 10px #292929, 14px 14px 18px #000;

  }
*/


  h1 {

    font-size: 40pt;

    font-weight: bold;

    text-align: center;

    padding-top: 40px;

    color: #000;

  }



  h2 {

    font-size: 22pt;

    padding-top: 20px;

    padding-bottom: 5px;

  }



  h3 {

    font-size: 14pt;

    padding-bottom: 60px;

  }



  p {

    margin-bottom: 20px;

  }



  .note p {

  font-size: 12pt;

  }

}





/* Reset */



* {

  margin: 0;

  padding: 0;

  border: 0;

  text-decoration: none

}









/* Basics */



body {

  margin: 20px auto;

  padding-bottom: 0px;

  font-family: "Trebuchet MS", Helvetica, sans-serif;

  line-height: 1.4;

  color: #000;

  background-color: #D3D8DE;

}



.container {

  width: 90%;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 50px

}



h2, h3, h4, h5 {

  font-weight: normal;

  font-style: normal;

  text-align: center;

}



/* Links */



a:link, a:visited {

  text-decoration: none;

  color: #000;

}



a:active, a:hover {

  text-decoration: none;

  color: #ea0000;

}











/* Special formatting */



.divider {

  font-size: 16pt;

  font-weight: bold;

  text-align: center;

  margin: 60px 0 50px 0

}



.end {

  text-indent: 0;

  text-align: center;

  padding-top: 30px

}



.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;

}



.note {

  font-style: italic;

  width: 90%;

  margin: 40px auto 20px auto;

  background-color: transparent;

  padding: 5px 15px 10px 15px;

  border-radius: 5px

}



.note p {

  text-indent: 0;

}



.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;

}



.quote {

  padding-top: 50px;

  padding-bottom: 0px;

  width: 50%;

  margin: 0 auto;

}



.quote p {

  font-size: 90%;

  font-style: italic;

  text-indent: 0px;

  text-align: center;

}