body{
    font-family: 'Spectral', serif;
	font-size: x-large;
    color: #1c4587;
	margin: 0;
	height: 100%;
    display: flex;
    flex-direction: column;
    }
body > * {
	flex-shrink: 0;
	}
	
/*Edith Pawlicki*/
div#header{
	background: linear-gradient(#38761d, #135119, #135119, #38761d, #ffff);
	margin: 0;
	padding: 0;
	}
img#top{
	height: 5em;
	margin: 0.5em 0 0.5em 2em;
	}
	
div#footer{
	background: linear-gradient(#ffffff, #135119, #38761d);
	margin: 0;
	padding: 0;
	flex-grow: 1;
	}

p#copyright{
    font-size: large; 
	text-align:right;
    color: white;
}
/*Site Navigation*/

@media screen and (orientation:landscape) {
	nav#site{
		position: absolute;
		right: 2%;
		top: 60px;
		}
	}
	a.con{
		color: white;
		font-family: "Cinzel Decorative", monospace;
		text-decoration: none;
		padding: 0;
		margin: 0 20px;
		}
	}
@media screen and (orientation:portrait) {
	nav#site{
		width: 100%;
		text-align: center;
		display: block;
		}
	a.con{
		color: white;
		font-family: "Cinzel Decorative", monospace;
		text-decoration: none;
		padding: 0;
		margin: 0 1em;
		}
}
	.con:hover{
		text-shadow: 1px 0px 10px #e06666, -1px 0px 10px #e06666, 0px 1px 10px #e06666, 0px -1px 10px #e06666;"
		}

/*Content Navigation*/
.internal{
	display: block;
	width: 100%;
	text-align: center;
}
			
.booknav{
	background-size: cover; 
	color: white; 
	width: 100%;
	padding: 15px 0;
}

a.con-1{
	color: #1155cc;
	font-family: "Cinzel Decorative", monospace;
	text-decoration: none;
	padding: 0;
	margin: 0 20px;
	}
a.con-1:hover{
	text-shadow: 1px 0px 10px #e06666, -1px 0px 10px #e06666, 0px 1px 10px #e06666, 0px -1px 10px #e06666;"
	}

/*Content*/
h2{
	color: white; 
	font-family: 'Cinzel Decorative', monospace; 
	text-align: center;
	margin: 10px;
    font-weight: normal;
	font-size: 2.5em;
	}
			.bookcover{
				margin: auto; 
				box-shadow: 1px 0px 10px #38761d, -1px 0px 10px #1155cc, 0px 1px 10px #38761d, 0px -1px 10px #1155cc; 
				width: 95%; 
				max-width: 800px; 
				min-width: 45px;
			}
			
			a.n{
				color: #e06666;
				text-decoration: none;
            }
            a.n:hover{   
            }
			a.page{
                padding: 2%;
				font-family: "Cinzel", serif;
				color: #e06666;
				text-decoration: none;
			}
			a.page:hover{   
			 color: #ea9999;
            }
			
			.book{
                padding: 0;
				margin: 0 20px;
				font-family: "Spectral", serif;
				color: white;
				text-decoration: none;
				
			}
			.book:hover, .book:focus{   
			text-shadow: 2px 2px 5px white,-2px -2px 5px white;
            }
			
			h3{
                font-family: 'Cinzel', serif;
				color: #38761d;
				margin: 0 1em;
                font-weight: normal;
            }
			
			h4{
				margin: 1em;
            }

			th{
                font-family: 'Cinzel', monospace;
				color: white;
                font-weight: normal;
            }
			td{
                font-family: 'Spectral', serif;
				color: white;
				margin-bottom: 0;
                font-weight: normal;
            }

			div#content{
				max-width: 1000px;
				margin: auto;
			}
			div.purchaselinks{
				float: right;
				text-align: center;
				width: 25%;
				background-image: radial-gradient(white, #38761d);
				margin: 0 1em 1em;
			}
			div.coverlink{
				position: relative;
				width: 25%;
				max-width: 300px;
				min-width: 45px;
				box-shadow: 1px 0px 10px #38761d, -1px 0px 10px #1155cc, 0px 1px 10px #38761d, 0px -1px 10px #1155cc;
				margin: 1em;
				text-align: center;
				text-shadow: 2px 2px 5px black, -2px 2px 5px black, 2px -2px 5px black, -2px -2px 5px black;
			}
			p.buying{
				margin: 5px;
			}
			div.coverlink:hover{
				box-shadow: 1px 0px 10px #1155cc, -1px 0px 10px black, 0px 1px 10px #1155cc, 0px -1px 10px black;
				text-shadow: 2px 2px 5px white, -2px 2px 5px white, 2px -2px 5px white, -2px -2px 5px white;
			}
			img.cover{
				width: 100%;
				display: block;
			}
			img.cover:hover{
			}
			img.l{
				width: 25%;
				max-width: 300px;
				min-width: 45px;
				box-shadow: 1px 0px 3px #e06666, -1px 0px 3px #e06666, 0px 1px 3px #e06666, 0px -1px 3px #e06666;
				margin: 2%;
			}
			img.w{
				width: 50%;
				max-width: 600px;
				min-width: 90px;
				box-shadow: 1px 0px 3px #e06666, -1px 0px 3px #e06666, 0px 1px 3px #e06666, 0px -1px 3px #e06666;
				margin: 2%;
			}
            p{
                margin: 1em 2em 1em 1em;
            }
			
		
			

/*CSS for droplinks, dropbuttons, dropdown menus*/

.dropdown {
	position: relative;
	display: inline-block;
	}

.droplinks {
	display: none;
	position: absolute;
	margin-left: 20px;
	background-color: #ffffff;
	border: 1px solid #38761d;
	box-shadow: 1px 0px 10px #38761d, -1px 0px 10px #1155cc, 0px 1px 10px #38761d, 0px -1px 10px #1155cc; 
	min-width: 160px;
	overflow: auto;
	z-index: 1;
	}

#booklist{
	margin-left: 0;
	}

.droplinks a {
	display: block;
	text-align:left;
	padding-left: 1em;
	text-indent: -1ex;
	color: #e06666;
	padding: 5px;
	}

.droplinks a:hover {
  text-shadow: 2px 2px 5px #1155cc,-2px -2px 5px #1155cc;
  }

.show {display: block;}