/* -------------------------------------Make HTML5 Elements Blocks---------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,p,img,ul,li,article,footer,header,nav,section{
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0;
}
footer,header,nav,section{ 
    display:block;
}
/* ------------------------------------------------Basic-------------------------------------------------*/
body{
	font-size: 100%;
	line-height: 1.4em;
	background: url('suede.jpg');
	font-family: 'Garamond', 'Times New Roman', serif;
	font-weight: 400;
	}
p{
	margin: 0 auto 2em;
	}
.container{
	max-width: 60em;
	margin: auto;
	}
ul{
	list-style-position: inside;
	}
li{
	margin-bottom: 1em;
	}
img{
	max-width: 100%;
	}
/* ------------------------------------------------Classes-------------------------------------------------*/
.hidden{
	position: absolute;
	left: -9999999px;
	}
blockquote{
	font-style: italic;
	}
/* ------------------------------------------------Headings-------------------------------------------------*/
h1{
	font-size: 1.3em;
	}
.content h2{
	font-size: 1.1em;
	font-weight: 700;
	padding: 2em 0 0;
	}
/* ------------------------------------------------Links-----------------------------------------------------*/
a{
	color: #015b72;
	font-weight: bold;
	text-decoration: underline;
	}
a:hover{
	color: #000;
	}
a:active{
	color: #000;
	}
/* ------------------------------------------------Header------------------------------------------------------*/
.header{
	position: fixed;
	left: 10%; top: 10%;
	width: 15%;
	padding: 1% 1% 1% 0;
	text-align: right;
	background-color: rgb(0,0,0); background-color: rgba(0,0,0,1);
	z-index: 1000;
	font-family: 'Helvetica', sans-serif;
	}
.header:before{
	content:"";
	display: block; position: fixed;
	top: -100em; bottom: 0; left: 0;
	width: 10%;
	padding-top: 100em;
	background-color: #000;
	overflow: hidden;
	z-index: 1000;
	}
nav ul li{
	list-style-type: none;
	margin: 0;	padding: .4em;
	border: .3em solid #000;
	}
nav ul li a{
	color: #fff;
	text-decoration: none;
	}
nav ul li:hover{
	background-color: #7f7f7f;
	}
nav ul li:hover a{
	color: #000;
	}
nav ul li#currentPage{
	background-color: #7f7f7f;
	}

/* ------------------------------------------------Content-----------------------------------------------------*/
.content{
	position: relative;
	width: 69%;
	background-color: #fff;
	padding: 3% 6% 3% 20%;
	left: 10%;
	font-size: 1.2em;
	}
/* ------------------------------------------------Publications/Resume-----------------------------------------------------*/
.publications ul li, .colleft ul, .colright ul, .content p, .content ul{
	list-style-type: none;
	margin: 1em 0 1em;	padding: .7em;
	border-left: 20px solid #cadbf1;
	}
.publications ul{
	border: none;
	background-color: #fff;
	margin:0;
	padding:0;
	}
.colleft ul li, .colright ul li{
	margin: .9em .3em;
	}
h4, h4 + p,  h4 + p + p,  h4 + p + p + p{
	position: relative;
	left: 7%;
	width: 90%;
	}
.authors{

	}
.title{
	font-weight: bold;
	}
.title:before{
	content:"“";
	}
.title:after{
	content:"”";
	}
.medium{
	font-style: italic;
	}
/* ------------------------------------------------Contact-----------------------------------------------------*/
ul.contact li{
	list-style-type: none;
	margin: .3em;
	}
/* ------------------------------------------------Footer------------------------------------------------------*/
.footer{
	position: relative;
	left: 10%;
	background-color: #fff;
	width: 67%;
	margin-top: .8em; padding: 3% 8% 3% 20%;
	text-align: right;
	}
.footer p{
	margin: 0;
	}
	
	
@media screen and (max-width:56em){
	.header{
		position: relative;
		left: 0;
		width: 100%;
		text-align: center;
		}
	.header ul li{
		display: inline;
		line-height: 2.5em;
		}
	.header:before{
		content:"";
		display: none;
		}
	.content{
		left: 0;
		width: 80%;
		margin: auto;
		padding: 5%;
		}
	.footer{
		margin: 1em auto 0;
		width: 80%;
		padding: 5%;
		left: 0;
		}
	}	
/* ----------------------------------------- Print Stylesheet ---------------------------------------------*/
@media print {

   .header, footer{
   	display: none;
   }

   .container{
   	width: 100%;
   	max-width: 100%;
   }

   .content{
   	width: 100%;
   	padding: 0;
   	left: 0;
   	font-size: 16px;
   }

   .content ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 1em 0 1em 2em;
    padding: .7em;
    border-left: none;
	}

	.colleft ul li, .colright ul li {
    	margin: .5em .3em;
	}

	.content h3{
		text-transform: uppercase;
	}

	.content h4 {
		left: 0;
		margin: 1em 2em 0 3em;
		word-wrap: break-word;
	}

	.content h4 + ul{
		margin-top: 0;
		padding-top: 0;
	}

	.content h5{
		margin-left: 3em;
	}

	.content h6{
		margin: 1em 0 0 6em;
	}

	.content h6 + ul{
		margin: 0 0 2em 5em;
		padding-top: 0;
		padding-bottom: 0;
	}
	@page {
		margin: 2cm;
	}
}