/* AwesomeDude Template for story pages styles */



/* Last modified July 27 2014 by John Silby (Alien Son) */







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

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













/* Reset */



* {

  margin: 0;

  padding: 0;

  border: 0;

  text-decoration: none

}









/* Basics */



body {

  margin: 50px auto;

  padding-bottom: 0.9em;

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

  font-size: 1.2em;

  line-height: 1.4em;

  color: #000;

  background-color: #B2C7EB;

}





.container {

/*  width: 80%; */

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 60px

}





.title {

  width: 600px;

  height: 650px;

  margin: 50px auto auto;

  background-image: url(lighthouse.jpg);

  background-position: center top;

  background-repeat: no-repeat;

}



h1, h2, h3, h4, h5 {

  font-weight: bold;

  font-style: normal;

  text-align: center;

}





h1 {

  font-size: 36pt;

  padding-top: 450px;

  color: #000;

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

}



h2 {

  font-size: 22pt;

  padding-top: 25px;

  padding-bottom: 20px;

  color: #000;

}





h3 {

  font-size: 16pt;

  padding-top: 10px;

  padding-bottom: 10px;

}





h4 {

  font-size: 26pt;

  padding-bottom: 30px;

}





h5 {

  font-size: 17pt;

  padding-bottom: 40px;

}





p {

  margin-bottom: 0.6em;

}









/* Links */



.email {

  font-size: 12pt;

  text-align: center;

  text-indent: 0;

}





a:link {

  text-decoration: none;

  color: #000000;

}





a:hover, a:visited:hover {

  text-decoration: none;

  color: #295FF1;

}





a:visited {

  text-decoration: none;

  color: #295FF1;

}









/* Special formatting */



.divider {

  font-size: 18pt;

  font-weight: bold;

  text-align: center;

  margin: 60px 0 50px 0;
  
  text-indent: 0;

}





.end {

  text-indent: 0;

  text-align: center;

  padding-top: 30px

}





.indent-first-line {

  text-indent: 30px

}





.indent-all {

  margin-left: 30px

}





.b {

  font-weight: bold;

}





.i {

  font-style: italic;

}





.n {

  font-style: normal

}





.c {

  text-align: center;

}





.copyright {

  font-size: 12pt;

  text-align: center;

}



.note {

  font-style: italic;

  width: 80%;

  margin: 40px auto 20px auto;

  background-color: transparent;

  padding: 15px 15px 1px 15px;

  border-radius: 5px;

  border: 1px solid #000;

}



.note /*p*/ {

  font-size: 12pt;

  text-indent: 0;

}



.quote-indent-normal {

  margin-bottom: 20px;

  margin-left: 30px

}





.quote-indent-normal p {

  margin-bottom: 0;

  font-style: normal;

}





.quote-indent-italic {

  margin-bottom: 20px;

  margin-left: 30px;

}





.quote-indent-italic p {

  margin-bottom: 0;

  font-style: italic;

}





.epitaph {

  width: 50%;

  margin: 70px auto;

  font-weight: bold;

  text-align: center;

}





.tribute {

  margin: 70px 200px 70px 100px;

}





.tribute p {

  text-indent: 0;

}



#image {

  margin: 0 auto;

  text-align: center

}





sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

  top: -0.5em

}



.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 1.6em 0;

  text-align: center;

  background-color: #343434;

  border-radius: 7px;

  border: 1px solid #202020;

}



/* 
p.nav {

  text-indent: 0;

}
*/

.trail, div.trail, table.trail {
	display: block;
	margin: 6pt 0pt;
	padding: 3pt 3pt;
	border: 0.75pt solid #663300;
	background-color: #B2C7EB;
	color: black;
	text-align: center;
	font-size: 0.9em;
}
ol.horizontal, ul.horizontal {
	display: block; 
	list-style: none;
	margin: 0pt 0pt;
	padding: 0pt 3pt;
}
ol.horizontal li, ul.horizontal li {
	display: inline; 
	list-style: none;
	margin: 0pt 0pt;
	padding: 0pt 3pt;
}

.indented {
  text-indent: 50px;
}

.indented-justified {
  text-indent: 50px;
  text-align: justify;
  text-justify: auto;
}

.indented-none {
  text-indent: 0px;
}

@media screen {
	div.page { 
		margin: auto auto;
		width: 80%; 
    max-width: 960px;
		page: usLetter; 
		font_size: 1.2em;
		line-height: 140%;
		margin-bottom: 0.5em;
	}
} /* @media screen */