@charset "utf-8";

html {	
/*	height: auto;*/

	background-image: linear-gradient(#EDC, #000);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

body {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	max-width: 1000px;
	height: 100%;
	margin: 0px auto;
	color: #432;
	padding: 0 40px;
}

#pagetop {
	height: 50px;
}

.main-nav {
	width: 200px;
/*	position: fixed;*/
/*	top: 20%;*/
}

section {
	position: relative;
	float: right;
	top: 70px;
	width: 80%;
	color: #FFC;
/*	border: 1px solid blue;*/
}

header {
	position: fixed;
	z-index: 100;
	height: 60px;
	width: 1000px;
/*	background-color: #888;*/
/*	background-image: linear-gradient(#666, #CCC);*/
	background-image: linear-gradient(#F6E5D4, #DECDBC);
/*	border: 1px solid blue;*/
/*	color: #0000FF;*/
/*	left: auto;*/
/*	right: auto;*/
}

.main-h1 {
	color: #FFF;
/*	color: #432;*/
/*	font-weight: bolder;*/
/*	position: fixed;*/
/*	
	position: absolute;
	top: 100px;
	right: 250px;
*/	
/*	width: 100%;*/
/*	height: 50px;*/
	padding-left: 20px;
/*	text-align: center;*/
/*	border: 6px solid rgba(100%, 80%, 50%, .4);*/
/*	border: 6px solid rgba(0, 0, 255, 1);*/
	font-size: 1.4em;
/*	text-shadow: 2px 2px 2px rgba(0%, 0%, 0%, .40);*/
	text-shadow: 2px 2px 5px rgba(100%, 80%, 50%, .70);
/*	text-shadow: 0px 0px 10px rgba(255, 255, 207, 7);*/
}

tbody {
	width: 200px;
	
}

footer p {
	clear: both;
	color: #FFC;
	text-align: center;
	font-size: 1em;
	margin-bottom: 30px;
	position: relative;
	top: 100px;
/*	padding-right: 70px;*/
}

.education, .teaching, .about, .exhibition {
	color: #FFF;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .7);
	line-height: 1.1em;
}


.education h3, .teaching h3, .about h3, .exhibition h3 {
	color: #FFC;
}

.extra {
/*	display: -webkit-flex;*/
/*	display: -ms-flexbox;*/
/*	display: flex;*/
/*	-webkit-justify-content: center;*/
/*	-ms-flex-pack: center;*/
/*	justify-content: center;*/
}



/********************* Base styles that apply to all menus *********************/

/*.menu-section {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid hsl(0, 0%, );
}
*/

.menu ul, .extra {
	font-size: 1.2em;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu li a {
	display: block;
	text-decoration: none;
	color: #FFC;
	padding: .6em;
	margin-right: 10%;
	text-shadow: 2px 2px 1px rgba(64, 48, 32, .7);
}

.menu li a:hover {
	background: rgba(0,0,0,.30);
}
/*
.menu span {
    display: block;
    font-size: .8em;
    font-weight: lighter;
    font-style: italic;
}
*/
/********************* Styles for Main Menu *********************/

.main-nav ul {
/*	display: -webkit-flex;*/
/*	display: -ms-flexbox;*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	width: 100%;*/
/*	clear: left;*/
/*	flex: 1 0 auto;*/
/*
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
*/
/*
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end; 
*/
	
/*
	position: absolute;
	top: 10px;
	left: 350px;
*/
/*
	width: 500px;
	height: 80px;
*/
/*	border: 3px solid blue;*/
/*	text-align: center;*/
	/*font-size: 2.7em;*/

}
    
.main-nav li {
/*	display: -webkit-flex;*/
/*	display: -ms-flexbox;*/
/*	display: flex;*/
/*	-webkit-flex: 1 0 6em;
	-ms-flex: 1 0 6em;
	flex: 1 0 6em;
	margin-left: auto;*/
}

.main-nav li a {
/*	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-left: auto;
	margin-right: auto;
*/}

.icon {
/*	-webkit-flex: 0 0 1.2em;*/
/*	-ms-flex: 0 0 1.2em;*/
/*	flex: 0 0 1.2em;*/
/*	font-size: 1.2em;*/
/*	padding-top: .5em;*/
}

.small {
/*	font-size: .9em;*/
/*	padding-top: 0;*/

}

.button-text {
/*	font-size: 1.1em;*/
/*	text-align: center;*/
/*	margin: auto;*/
}