body{
  background: white

}

#site_title{
  text-align:center;
  color:back;
  background-color:transparent;
  font-family:'Verdana', sans-serif;
  font-size:26px;
  font-style:normal;
  font-weight:bold;
  float:left;
  position:relative;
  width:175px;
  height:250px;
  border-radius:5px;
  margin-top: 2.9%;
  margin-left:3%;
  margin-right:3%
}

.amazon_links  {
	color:black;
	font-size:14px;
	float:left;
	padding:.5em;
	margin-left:3%;
}

a 		{color:black}

a:hover  {color:red
		  cursor:pointer;}
a.box_heading {
  color: #cc2200; }
  a.box_heading:visited {
    color: #663366; }
  a,box_heading:focus {
    color: #cc2200; }
  a.box_heading:hover {
    color: #0022cc; }
  a.box_heading:active {
    color: #cc2200; }



.misc_container {color:black;
  background-color:white;
  font-family:'Arial', sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:bold;
  float:left;
  position:relative;
  width:175px;
  height:250px;
  border-radius:5px;
  margin:3%;
  border:solid;
  border-width:thin;
  }	


#intro{
  color:black;
  background-color:white;
  font-family:'Arial', sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:bold;
  float:left;
  position:relative;
  width:175px;
  height:250px;
  border-radius:5px;
  margin:2.9%;
  border:solid;
  border-width:thin
}

#intro_stories{
  color:black;
  background-color:white;
  font-family:'Arial', sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:bold;
  float:left;
  position:relative;
  width:175px;
  height:250px;
  border-radius:5px;
  margin:2.9%;
  border:solid;
  border-width:thin
}

#blog{
  color:black;
  background-color:white;
  font-family:'Arial', sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:bold;
  float:left;
  position:relative;
  width:175px;
  height:250px;
  border-radius:5px;
  margin:2.9%;
  border:solid;
  border-width:thin
}

.intro_container{
	margin-left:5%;
	margin-right:.5%
	
}

.box_heading{
   font-size:15px;
   margin-left:1em;
}

#sub {
	 color:black;
  background-color:white;
  font-family:'Arial', sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:bold;
  float:left;
  position:relative;
  width:175px;
  height:250px;
  border-radius:5px;
  margin:2.9%;
  border:solid;
  border-width:thin
	
}
.book{
  float:left;
  position:relative;
  background-color:black;
  width:175px;
  height:250px;
  border-radius:5px;
  margin: 3%;
}
.title {
  text-align:center;
  color:white;
  font-family: 'Bangers', serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
/*  text-shadow: 4px 4px 4px #bbb; */
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.024em;
  word-spacing: 0em;
  line-height: 1.2;
}

.author {
  margin-left:5%;
  position: absolute;
  bottom: 5%;
  color:white;
  font-family: 'Bangers', serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
/*  text-shadow: 4px 4px 4px #bbb; */
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.024em;
  word-spacing: 0em;
  line-height: 1.2;
}

.book_history{
  float:left;
  position:relative;
  background-color:black;
  width:175px;
  height:250px;
  border-radius:5px;
  margin: 3%;
}
.title_history {
  text-align:center;
  color:white;
  font-family: 'Felipa', cursive;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.024em;
  word-spacing: -.1em;
  line-height: 1.2;
}

.author_history {
	text-align:center;
  position: absolute;
  bottom: 5%;
  color:white;
  font-family: 'Felipa', cursive;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.024em;
  word-spacing: 0em;
  line-height: 1.2;
}

.decipherers {
  position: absolute;
  text-align:center;
  top: 5%;
  color:white;
  font-family: 'Artifika', serif;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.024em;
  word-spacing: 0em;
  line-height: 1.2;
}

.book_esoteric {float:left;
  							position:relative;
  							background-color:black;
  							width:175px;
  							height:250px;
  							border-radius:5px;
  							margin: 3%;
					}
					
			.title_esoteric {font-family: 'Uncial Antiqua', cursive;
							font-size:30px;
							position:absolute;
							bottom:0%;
							width:173px;
							height:150px;
							color:white;
							background-color:black;
							text-align:center;
							
							
			}
			
			.author_esoteric{color:white;
							height:100px;
							text-align:center;
							font-size:20px;
							}