header, nav, main, footer, aside { display: block; }
body { background-color: #DCBB86;
		background-image: linear-gradient(to right, #ffffff, #DCBB86);
		color: #3D300A;
		font-size: 1.2em;
		font-family: Georgia, "Times New Roman", serif; 
		margin: 0;
		}
#wrapper {
		width: 90%;
		margin: auto; }

@font-face { font-family: "English Towne"; 
			src: url('EnglishTowne.ttf');}
header { background-image: url(images/wheatback.jpg);
		border-radius: 15px;
		margin: 2px 5px 0 5px; 
		box-shadow: 3px 3px 3px #7D6215;}


nav { float: left;
	width: 160px;
	border-radius: 15px; 
	background-color: #3D300A;
	box-shadow: 1px 1px 3px #3D300A;
	margin: 5px 0 0 5px; }
nav ul { list-style-type: none;
		margin: 10px 10px 10px 10px; 
		border-radius: 15px; 
		padding: 0;
		background-color: #3D300A;}
nav a { text-decoration: none;
		padding: 15px;
		display: block;
		font-weight: bold; }
a:link { color: #7D6215; }
a:visited { color: #3D300A; }
a:hover {color: #BD8D4F; }

aside a:link { color: #BD8D4F; }
aside a:visited { color: #FFFFFF; }
aside a:hover { color: #7D6215;}

nav a:link { color: #FFFFFF; }
nav a:visited { color: #BD8D4F; }
nav a:hover { background-color: #DCBB86;
			border-radius: 15px; }
			
aside { float: right;
		width: 210px; 
		margin: 5px 10px 10px 15px;
		padding: 10px; 
		font-size: .825em; 
		color: #DCBB86;
		background-color: #3D300A; 
		border-radius: 15px;
		box-shadow: 3px 3px 3px #7D6215; }
aside h4 {text-align: center; 
		font-size: 1.1em; }

main { margin: 0 200px 0 170px;
	padding: 1px 10px 20px 10px; }
	
main p { margin: 20px; }

img { max-width: 100%;
		height: auto;
		display: block;
		margin: auto;
		border-radius: 15px; 
		box-shadow: 3px 3px 3px #3D300A;}

h1 {	margin: 5px 10px 0 10px;
	font-size: 5em; 
	font-family: "English Towne", Georgia, "Times New Roman", serif; 
	padding: 10px 0 0 20px; 
	text-shadow: 2px 2px 2px #FFFFFF; }
h3 {	margin: 0 10px 2px 10px; 
	text-align: right;
	color: #FFFFFF;
	font-size: .75em; 
	padding: 5px 15px 10px 0; 
	text-shadow: 3px 3px 3px #666; }
h6 {text-align: center; 
	margin-top: 5px;}
footer { font-size: .7em;
		text-align: center; 
		clear: both; 
		margin-top: 10px; 
		font-style: italic;
		font-weight: bold; }
.etfont {font-family: "English Towne", Georgia, "Times New Roman", serif; 
	font-size: 1.4em; }
table { margin: auto;
	border: 1px ridge #3D300A;}
th { padding: 10px;
	background-color: #FFFFFF;}
tr:nth-of-type(even) { background-color: #DCBB86; }
td {padding-left: 10px;
	padding-right: 10px; }
audio {padding: 10px 2px 2px 2px;  }
input { margin-bottom: 10px; }
fieldset { border: 3px dashed #3D300A; }
form {display: block;
	margin: auto; }
label { float: left; 
		width: 100px;
		clear: left;
		text-align: right;
		padding-right: 10px;}
.center {text-align: center; }
#images {position: relative; }
#images ul { width: 250px;
			list-style-type: none; }
#images li { display: inline-block;
		padding: 10px;}
#images img { border-style: none; }
#images a { text-decoration: none;
			color: #3D300A;
			font-style: italic;}
#images span { display: none; }
#images a:hover span { display: block;
					position: absolute;
					top: 30px;
					left: 300px;
					text-align: center; }		
#comment { font-size: .8em;
			font-style: italic; }
#mobile { display: none; }
#desktop {display: inline; }

@media only all and (max-width: 768px) {
#wrapper {
		width: 99%;
		margin: auto; }
header { background-image: url(images/wheatback.jpg);
		border-radius: 15px;
		margin: 2px 0 0 0; 
		box-shadow: 3px 3px 3px #7D6215;}	
h1 {	margin: 0;
	font-size: 2.15em; 
	font-family: "English Towne", Georgia, "Times New Roman", serif; 
	padding: 10px 0 0 20px; 
	text-shadow: 2px 2px 2px #FFFFFF; }
h3 {	margin: 0 10px 2px 10px; 
	text-align: right;
	color: #FFFFFF;
	font-size: .5em; 
	padding: 5px 15px 10px 0; 
	text-shadow: 3px 3px 3px #666; }	

nav { float: none;
	width: 50%;
	margin: auto; 
	border-radius: 15px; 
	background-color: #3D300A;
	box-shadow: 1px 1px 3px #3D300A; }
nav ul { list-style-type: none;
		text-align: center; 
		border-radius: 15px; 
		padding: 0;
		background-color: #3D300A;}
nav a { text-decoration: none;
		padding: 2px;
		display: block;
		font-weight: bold; }
aside { float: none;
		width: auto; 
		margin: auto;
		padding: 10px; 
		font-size: .825em; 
		color: #DCBB86;
		background-color: #3D300A; 
		border-radius: 15px;
		box-shadow: 3px 3px 3px #7D6215; }
aside h4 {text-align: center; 
		font-size: 1.1em; }
main { margin: auto; }
	
main p { margin: 5px; }
table { background-color: #FFFFFF;
		font-size: .85em; }
th:nth-of-type(4) {display: none;}
td:nth-of-type(4) { display: none; }
footer { font-size: .9em;
		text-align: center; 
		clear: both; 
		margin-top: 10px; 
		font-style: italic;
		font-weight: bold; }
}