@font-face {font-family: 'collegebold';
			src: url('COLLEGEB-webfont.eot');
			src: url('COLLEGEB-webfont.eot?#iefix') format('embedded-opentype'),
				 url('COLLEGEB-webfont.woff') format('woff'),
				 url('COLLEGEB-webfont.ttf') format('truetype'),
				 url('COLLEGEB-webfont.svg#collegebold') format('svg');
			font-weight: normal;
			font-style: normal;}

@font-face {font-family: 'henny_pennyregular';
			src: url('hennypenny-regular-webfont.eot');
			src: url('hennypenny-regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('hennypenny-regular-webfont.woff2') format('woff2'),
				 url('hennypenny-regular-webfont.woff') format('woff'),
				 url('hennypenny-regular-webfont.ttf') format('truetype'),
				 url('hennypenny-regular-webfont.svg#henny_pennyregular') format('svg');
			font-weight: normal;
			font-style: normal;}
			
			
@font-face {font-family: 'uppereastsideregular';
			src: url('UpperEastSide-webfont.eot');
			src: url('UpperEastSide-webfont.eot?#iefix') format('embedded-opentype'),
				 url('UpperEastSide-webfont.woff') format('woff'),
				 url('UpperEastSide-webfont.ttf') format('truetype'),
				 url('UpperEastSide-webfont.svg#uppereastsideregular') format('svg');
			font-weight: normal;
			font-style: normal;}


@font-face {font-family: 'caviar_dreamsbold';
			src: url('Caviar_Dreams_Bold-webfont.eot');
			src: url('Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
				 url('Caviar_Dreams_Bold-webfont.woff') format('woff'),
				 url('Caviar_Dreams_Bold-webfont.ttf') format('truetype'),
				 url('Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold') format('svg');
			font-weight: normal;
			font-style: normal;}


@font-face {font-family: 'fjallaoneregular';
			src: url('fjallaone-regular-webfont.eot');
			src: url('fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('fjallaone-regular-webfont.woff2') format('woff2'),
				 url('fjallaone-regular-webfont.woff') format('woff'),
				 url('fjallaone-regular-webfont.ttf') format('truetype'),
				 url('fjallaone-regular-webfont.svg#fjallaoneregular') format('svg');
			font-weight: normal;
			font-style: normal;}
			
@font-face {font-family: 'autour_oneregular';
			src: url('autourone-regular-webfont.eot');
			src: url('autourone-regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('autourone-regular-webfont.woff2') format('woff2'),
				 url('autourone-regular-webfont.woff') format('woff'),
				 url('autourone-regular-webfont.ttf') format('truetype'),
				 url('autourone-regular-webfont.svg#autour_oneregular') format('svg');
			font-weight: normal;
			font-style: normal;}

body{margin: 0px;
	 padding: 0px;
	 min-height: 100vh;
	 font-family: 'Playfair Display', serif;}

#main_container{width: 100%;
				height: 100%;
				min-height: 100vh;
				float: left;
				background-color: rgb(230, 230, 230);}
				
.main_column{width: 1200px;
			 height: auto;
			 margin-left: auto;
			 margin-right: auto;
			 background-color: lightgrey;}
			 
#mainHeader{width: 100%;
			 height: auto;
			 margin-left: auto;
			 margin-right: auto;}
			 
#headerTitle{width: 505px;
			 height: auto;
			 margin-top: 30px;
			 margin-left: auto;
			 margin-right: auto;}
			 
#headerTitle img{width: auto;}
			 
#nav{width: 800px;
	 height: auto;
	 margin-left: auto;
	 margin-right: auto;}
	 
#nav a:link{color: rgb(92, 51, 23);
			text-decoration: none;}

#nav a:visited{color: rgb(92, 51, 23);
			text-decoration: none;}

#nav a:hover{color: rgb(92, 51, 23);
			text-decoration: none;}

#nav a:active{color: rgb(92, 51, 23);
			text-decoration: none;}

#nav #onPage{color: rgb(213, 138, 82);}

#nav ul{display: inline-block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: auto;}

#nav li{display: inline;
		margin-left: 65px;}
		
#arrowNav{width: 1000px;
		  height: 20px;}
		  
#arrow{width: 0px;
	  height: 0px;
	  border-left: 20px solid transparent;
	  border-right: 20px solid transparent;
	  border-bottom: 20px solid white;
	  margin-left: 360px;}
		
#subNavContainer{width: 100%;
				 height: 55px;
				 margin-left: auto;
				 margin-right: auto;
				 background-color: white;}
		
#subNav{width: 1000px;
		height: 55px;
		margin-left: auto;
		margin-right: auto;
		background-color: white;}
		
#subNav a:link{color: rgb(92, 51, 23);
			text-decoration: none;}

#subNav a:visited{color: rgb(92, 51, 23);
			text-decoration: none;}

#subNav a:hover{color: rgb(92, 51, 23);
			text-decoration: none;}

#subNav a:active{color: rgb(92, 51, 23);
			text-decoration: none;}
			
#subNav #onPage{color: rgb(213, 138, 82);}
		
#subNav ul{display: inline-block;
		   width: auto;
		   min-width: 1000px;
		   margin-left: auto;
		   margin-right: auto;}
		   
#subNav li{display: inline;
			width: auto;
			margin-left: 10px;
			padding-left: 10px;
			padding-right: 10px;
		   line-height: 15px;}
		   
#subNav .line{font-size: 30px;
			  color: rgb(213, 138, 82);
			  font-weight: 100;}
			  

		
#posts{width: 1000px;
	   background-color: white;
	   height: auto;
	   margin-top: 20px;
	   padding-bottom: 30px;
	   margin-left: auto;
	   margin-right: auto;
	   color: rgb(100, 80, 80);}
	   
.postBox{width: 800px;
		 height: auto;
		 overflow: hidden;
		 margin-top: 20px;
		 margin-left: 100px;
		 border-bottom: dotted 2px grey;}
		 
.postTitle{padding-top: 20px;
		   margin-bottom: 0px;
		   margin-top: 5px;
		   color: rgb(213, 138, 82);}

.postTimestamp{margin-top: 5px;
			   font-size: 14px}
		 
.postImage{width: 415px;
		   	 height: 601px;
		   	  margin-top: 30px;}
		   	  
.postImage img{margin-left: auto;
				  margin-right: auto;}
		   
.postDescription{margin-top: 20px;
				 width: 600px;
				 font-size: 15px;
				 line-height: 20px;}
				 
.postDescription span{color: rgb(213, 138, 82);}

.bookInfo{width: 400px;
		  height: auto;
		  float: left;}

.bookBox{width: 100%;
		 height: auto;
		 margin-top: 20px;
		 margin-bottom: 20px;
		 float: left;}

.favPostImage{float: left;
			  width: 415px;
		   	 height: 601px;
		   	  margin-top: 30px;}
		   	  
.favPostImage img{margin-left: auto;
				  margin-right: auto;}
				  
.outline{outline: solid 1px grey;}
				 
.bookTitle{float:left;
		   margin-bottom: 0px;
		   width: 550px;
		   font-size: 20px;
		   color: rgb(213, 138, 82);}
		   
		   
.action{font-family: 'collegebold';
		margin-bottom: 5px;}

.fantasy{font-family: 'henny_pennyregular';
		 margin-top: 5px;}

.historic{font-family: 'uppereastsideregular';
		  font-size: 35px;
		  margin-top: 5px;}

.mystery{font-family: 'autour_oneregular';}

.realistic{font-family: 'caviar_dreamsbold';}	

.scifi{font-family: 'fjallaoneregular';}		 

.bookDescription{float: right;
				 margin-top: 70px;
				 width: 350px;
				 height: 400px;
				 font-size: 15px;
				 margin-left: 0px;
				 line-height: 20px;}
				 
.bookDescription p{margin-top: 0px;}

.bookDescription span{color: rgb(213, 138, 82);}
				 
				 
.postTags{margin-top: 25px;
		 font-size: 14px;
		 padding-bottom: 20px;}
		 
.postTags span{font-weight: 700;}
		 
#pagination{width: 100%;
			height: 50px;}
			
#paginationBoxes{width: 170px;
				 height: 50px;
				 margin-left: auto;
				 margin-right: auto;}
				 
#paginationBoxes .next{width: auto;
					   height: 30px;
					   float: left;
					   margin-left: 20px;
					   margin-top: 10px;
					   font-size: 18px;
					   text-align: center;}
					   
#paginationBoxes span{color: rgb(213, 138, 82);}