body {
   background-image: url("darkrift.jpg");
   background-size: cover;
   background-attachment: fixed;
   max-width: 70%;
   margin:auto;
}

.title_bar {
	text-align: left;
	font-size: 350%;
	color: white;
    height:300px;
    margin-left:20px;
    text-shadow: 1px 1px #000, -1px -1px #000;
}

.banner_image{
    background-image: url("banner.png");
    background-size: cover;
    height:310px;
}
.normal_text {
	text-align: left;
	font-size: 100%
	color: black;
}

.page_text {
    padding: 20px;
    margin-top: 10px;
    text-align: left;
    font-size: 100%;
    color: black;
    background-color: #CCC;
    border-radius: 25px;
}

.book_image {
    width:150px;
    height:auto;
    float:left;
    margin:20px;
}

.bio_image {
    width:250px;
    height:auto;
    float:left;
    margin:20px;
}

.image_text {
    margin-top:20px;
}

.book_wrapper {  
    overflow: auto;
}

textarea {
  max-width: 100%;
  width: 100%;
  height: 150px
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    font-size: 100%;
    border-radius: 25px;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}