/* Chains styles
Last modified February 24 2014 by John Silby (Alien Son) */


/*@import url(https://fonts.googleapis.com/css?family=The+Girl+Next+Door);
@import url(https://fonts.googleapis.com/css?family=Schoolbell);*/

@import url(https://fonts.googleapis.com/css?family=Patrick+Hand);


/* Reset */

* {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
}


/* Basics */

body {
  margin: 50px auto;
  padding-bottom: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14pt;
  line-height: 1.4;
  color: #fff;
  background-color: #150800;
}

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.title {
  width: 80%;
  margin: 50px auto;
  height: 500px;
  background-image: url(boat.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

h1, h2, h3 {
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #150800;
  text-shadow: 1px 1px 10px #fff, -1px -1px 10px #fff;
}

h1 {
  font-family: Oswald;
  font-size: 34pt;
  padding-top: 230px;
  letter-spacing: 2px;
}

h2 {
  font-size: 18pt;
  padding-top: 20px;
  padding-bottom: 0px;
}

h3 {
  font-size: 12pt;
  padding-top: 10px;
  text-decoration: none;
}

h4 {
  font-size: 22pt;
  margin-bottom: 20px;
  font-weight: normal;
  text-decoration: underline;
}

p {
  margin-bottom: 25px;
  /*text-indent: 35px;*/
}

.n {
  font-style: normal;
}

.divider {
  font-size: 16pt;
  text-align: center;
  margin: 40px 0 25px 0;
}

.end {
  text-align: center;
  padding-top: 30px;
}



/* Special formatting */

.quote p {
  margin-bottom: 0;
  font-style: italic;
  color: #ffff05;
}

.indent {
  text-indent: 30px;
}

.indent2 {
  margin-left: 30px;
}

.reference {
  font-size: 14px;
  margin-top: 10px;
  color: #ffff05;
}

.quote-indent, .quote-indent-normal {
  margin-bottom: 20px;
  margin-left: 30px;
}

.quote-indent p {
  margin-bottom: 0;
  font-style: italic;
  color: inherited;
}

.quote-indent-normal p {
  margin-bottom: 0;
  font-style: normal;
  color: inherited;
}

.note {
  width: 80%;
  margin: 40px auto 20px auto;
  background-color: #4B0201;
  padding: 20px 15px 10px 15px;
  border-radius: 5px;
}

.nav {
  min-height: auto;
  margin: 30px 0 20px 0;
  padding: 2px 0;
  background-color: #343434;
  text-align: center;
  font-family: "Comic Sans MS", sans-serif;
}

a:link {
  text-decoration: none;
  color: #150800;
}

a:hover, a:visited:hover {
  text-decoration: none;
  color: #DC143C;
}

.nav a:visited {
  text-decoration: none;
}

.nav a:focus {
  text-decoration: none;
}

.s {
  text-decoration: line-through;
  }

b, strong {
  font-weight: bold;
}

sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

.journal {
  font-family: "Patrick Hand";
  font-size: 22pt;
  font-style: italic;
  letter-spacing: 2px;
  width: 80%;
  margin: 50px auto;
}

.journal p {
  text-indent: 0;
}

.anniversary {
position: absolute;
top: 20px;
right: 20px;
width: 101px;
height: 67px;
background-image: url(../../images/tenyears/turning-ten-badge.jpg);
border: 1px solid #F5DEB3;
}

.ann-text {
font-family: Verdana, Geneva, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #000;
text-align: center;
text-indent: 0;
margin: 0 auto;
padding-top: 3px;
line-height: 1.1;
}