@charset "utf-8";
/* CSS Document */

@media (max-width: 960px) {
  nav ul     { display: none; }
  nav select { display: inline-block; }
}


@font-face {
    font-family: Trench;
    src: url(Fonts/trench.TTF);
	
}

@font-face {
font-family: Eras Light;
    src: url(Fonts/ERASLGHT.TTF);
	
}
.books {
	width: auto;
}

.music {
	width: 100%;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.container {	
	margin: auto;
	width: auto;
	height:200px;
	white-space: nowrap;
}

.container-contentinfo {
	margin: auto;
	width: 80%;
	height: 900px;
}


.container-contentcharacters {
	margin: auto;
	width: 80%;
}

.container-content {
	margin: auto;
	width: 80%;
}

body {
background-image:url(Full%20BG.jpg);
background-size: cover;
background-attachment: fixed;

}
.recentheader {
	font-family: Eras Light;
	font-size:50px;
	color:#FFFFFF;
}

.terms {
	display:block;
	width: 90%;
	position: relative;
	text-align:left;
	margin-left: 5px;
	padding: 5px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	color:#FFFFFF;
}


.storedescrip {
	display:block;
	width: 100%;
	position: relative;
	text-align:left;
	margin-left: 5px;
	font-family: Eras Light;
	font-size: 20px;
	color:#FFFFFF;
}

.storetitle {
	font-family: Eras Light;
	font-size:30px;
	color:#FFFFFF;
	text-align: left;
}

.topnav {
	display:none;
}

.storyheader {
	
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 22px;
	text-decoration: underline;
	
}

.story {
		
    margin: auto;
	float:left;
    width: 1004px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:18px;
	color:#FFFFFF;
	padding:10px;
	background-color: rgba(48, 48, 48, 0.75);
	    
}

.storyimg {
	margin: auto;
	
	}
	
	.contenthometop {
	
	
    margin: auto;
	float:left;
    width: 40%;
	font-family: Trench;
	font-size:25px;
	color:#FFFFFF;
	    
}

.contentcharacters {
	
	
    margin: auto;
  width: 1000px;
	height: 650px;
	font-family: Trench;
	font-size:25px;
	color:#FFFFFF;
	    
}
	
	.contenthome {
	
	
    margin: auto;
	float:left;
    width: 80%;
	font-family: Trench;
	font-size:25px;
	color:#FFFFFF;
	    
}

.contentterms {
	
	
    margin: auto;
	float:left;
    width: 1000px;
	font-family: Trench;
	font-size:25px;
	background-color: rgba(48, 48, 48, 0.5);
	color:#FFFFFF;
	    
}

.content {
	
	
    margin: auto;
	float:left;
    width: 80%;
	font-family: Trench;
	font-size:25px;
	background-color: rgba(48, 48, 48, 0.5);
	color:#FFFFFF;
	    
}
.content-music {
	
	
    margin: auto;
	float:left;
    width: 50%;
	    
}

.content-music-right {
	
	margin-left: 50%;
	
	}
.feed {
	
	width:450px;
	font-family: Trench;
	font-size:25px;
	background-color: rgba(48, 48, 48, 0.5);
	color:#FFFFFF;
	margin-left: 65%;
	
	}

/* unvisited link */
a:link {
    color: #FFFFFF;
	 text-decoration: none;
}

/* visited link */
a:visited {
    color: rgba(0,255,211,1.00);
	 text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #00E3FF;
	 text-decoration: none;
}

/* selected link */
a:active {
    color: rgba(0,255,211,1.00);
	 text-decoration: none;
}


.Links {
	display:block;
	font-family: Trench;
	font-size:30px;
	color:#FFFFFF;
	position:absolute;
	float:left;
	z-index:1;

	
		

}