/* PALLETE 
	Font Color: 	332E1D
	Background: 	F8F4D7
	Highlight: 		3E505C		*/

/* BODY */
body { font-family: 'Times New Roman'; color: #865a2d; padding: 0px; margin: 0px; font-size: 1.2em; background-color: #F8F4D7;  }
body a { text-decoration: none; color: #865a2d;}

/* NAVIGATION */
nav { background-color: #F8F4D7; width: 24%; float: left; padding-left: 1%; }
nav h1 { font-size: 2.2em; text-align: center;  }
nav ul { padding: 0px; margin: 0px; }
nav ul a { text-decoration: none; color: #F8F4D7; }
nav ul li { padding: 4px; list-style: none; margin: 1%; width: 90%; border-radius: 4px; border: 1px solid #865a2d; background-color: #865a2d; text-align: center; min-height: 3%; }
nav ul .art_button { margin-left: 3%; width: 85%; }
nav ul li:hover { background-color: #882D17; }


.selected {
	background-color: #882D17;
}

/* MAIN */
#container { margin: 1%; } 
main { background-color: #F8F4D7; margin-left: 26%; }	
main h2 { text-align: center; }
main .homePageImage { border: 4px solid #865a2d; width: 45%; margin: 2%; border-radius: 15px; } 
main .homePageText { padding: 2%; float: left; width: 45%; }

/* Articles */
article{ color: black; border-radius: 15px; display: inline-block; background-color: #865a2d; border: 4px solid #865a2d;
	   padding: 0px; margin: 1%; max-height: 30%; width: 30%; }
article img { width: 100%; height: 90%; border-radius: 15px; }
article div   { width: 100%; height:  8%; text-align: center; font-size: 1em; font-weight: bold; color: #F8F4D7; }
article:hover { color: #882D17; }


/* ART */
#gallery  { width: 100%; height: 95%; max-height: 100%; text-align: center; }
#gallery img { border: 4px solid #865a2d; border-radius: 15px; 
			 margin: 1% auto; display: block; max-height: 87%;  }
.height80 { height: 80%; }
#gallery_nav {  margin: auto; margin-bottom: 0.5%; width: 35%; height: 5%; display: block; }
#gallery .title { font-size: 2em; }
#gallery span { font-size: 1.3em; }
#gallery_nav a { display: inline-block; padding: 1%; margin: 1%; border-radius: 8px; 
			    border: 1px solid #865a2d; background-color: #865a2d; 
				text-align: center; color: #F8F4D7; width: 45%; }

/* LINKS */
.links_table {
	margin: 50px; cellpadding: 5px; 
	width: 90%;
}
.links_table tr:first-child {
	background-color: #865a2d; 
	color: #F8F4D7;
}
.links_table th {
	width: 25%;
	padding: 7px;
	font-size: 1.1em;
	font-weight: normal;
}
.links_table a { color: blue; }

				
/* FOOTER */
footer { background-color: #F8F4D7; text-align: center; }	

/* TEXT */
.biography_text { color: #865a2d; padding: 20px 72px; }
.biography_text img { margin-left: 43%; width: 14%; }
.biography_text h2 { text-align: center; font-size: 1.8em; margin: 0px; padding: 0px; }
.biography_text p:nth-child(1) { text-align: center; font-size: 1.3em; }
.biography_text p:nth-child(2) { text-align: center; font-size: 1.3em; }
.biography_text p:nth-child(3) { text-align: center; font-size: 1.3em; }
.biography_text p:nth-child(4) { text-align: center; font-size: 1.3em; }
.biography_text .signed { font-size: 1.7em; }

@media only screen and (max-width: 1024px) {
	nav { width: 220px; }
	nav ul li { width: 200px; }
	main { margin-left: 250px; }
	.art_button { width: 181px; }
	#gallery_nav {  width: 45%; height: 5%; margin-bottom:1%; display: block;  }
}

@media only screen and (max-width: 820px) {
	nav { width: 100%; float: none; clear: both; }
	nav ul li { width: 98%; margin: 1px; padding: 4px 0px; }
	.art_button { width: 80%; margin: 1px; margin-left: 9%; padding: 4px 0px;  }
	main { margin-left: 0px; }
	#container  { margin: 0px; } 
	nav { padding: 0px; }
	main .homePageImage { float: none; width: 93%; margin: 2%; padding: 0px;}
	main .homePageText { float: none; width: 95%; }
	#gallery_nav {  width: 95%; height: 5%; margin-bottom: 3%; display: block;  }
	article { display: none;  }
}

@media only screen and (max-height: 800px) {
	main .homePageImage { width: 35%; }	
}