@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);
}

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {

}

.books {
	width: auto;
}
.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-content {
	width: 70%;
}

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

}
.recentheader {
	font-family: Eras Light;
	font-size:50px;
	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;
}

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

.storyimg {
	margin: auto;
	 display: none;
	
	}

.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;
	font-size:60px;
	 text-decoration: none;
}

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

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

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


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

	
		

}