@charset "UTF-8";

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=5f4851f5-394e-42fc-82b6-d8692c722715&fontids=672883");
@font-face{
font-family:"BaskervilleMTW01-Roman";
src:url("Fonts/672883/1c82c893-6f0a-4afd-9e72-b9bcfc9f52ae.eot?#iefix");
src:url("Fonts/672883/1c82c893-6f0a-4afd-9e72-b9bcfc9f52ae.eot?#iefix") format("eot"),url("Fonts/672883/e693baea-eb63-411f-a311-2a2e421ef6f2.woff") format("woff"),url("Fonts/672883/98b07788-69ae-4704-a8e1-31d61e8ff83b.ttf") format("truetype"),url("Fonts/672883/60054d7a-8ca2-4320-8c5d-3fc9aed09e58.svg#60054d7a-8ca2-4320-8c5d-3fc9aed09e58") format("svg");
}

body {
	font-family: Baskerville, "BaskervilleMTW01-Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	margin:0;
	padding:0;
}

h1, h2, header ul, section li  {
	font-weight: normal;
}

section li {
    display: table-cell;
    vertical-align: middle;
	text-align: center;
	overflow:hidden;
	background-color:#000;
}

section li img {
 	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border:0;
}

#wrapper {
	margin:0 auto;
}

@media screen and (max-width:38pc) {
	#wrapper {
		width:21pc;
	}

	#bio  {
		width:9pc;
		margin-right:0;
	}
	
	#headshot img {
		width:9pc;
		margin-right:0;
	}

	#introduction h2 {
		padding-top: 0.5pc;
		height: 12.25pc;
	}
}

@media screen and (min-width:38pc) and (max-width:48pc) {
	#wrapper {
		width:31pc;
	}

	#bio  {
		width:19pc;
		margin-right:0;
	}
	
	#headshot img {
		width:19pc;
		margin-right:0;
	}

	#introduction h2 {
		padding-top:2.5pc;
		height: 6.25pc;
	}
}

@media screen and (min-width:48pc) and (max-width:58pc) {
	#wrapper {
		width:41pc;
	}

	#bio  {
		width:9pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:4.5pc;
		height: 4.25pc;
	}
}

@media screen and (min-width:58pc) and (max-width:68pc) {
	#wrapper {
		width:51pc;
	}

	#bio  {
		width:19pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:4.5pc;
		height: 4.25pc;
	}
}

@media screen and (min-width:68pc) and (max-width:78pc) {
	#wrapper {
		width:61pc;
	}

	#bio  {
		width:29pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:6.5pc;
	}
}

@media screen and (min-width:78pc) and (max-width:88pc) {
	#wrapper {
		width:71pc;
	}

	#bio  {
		width:39pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:6.5pc;
	}
}

@media screen and (min-width:88pc) and (max-width:98pc) {
	#wrapper {
		width:81pc;
	}

	#bio  {
		width:49pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:6.5pc;
	}
}

@media screen and (min-width:98pc) and (max-width:108pc) {
	#wrapper {
		width:91pc;
	}

	#bio  {
		width:59pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:6.5pc;
	}
}

@media screen and (min-width:108pc) {
	#wrapper {
		width:101pc;
	}

	#bio  {
		width:69pc;
	}
	
	#headshot img {
		width:19pc;
	}

	#introduction h2 {
		padding-top:6.5pc;
	}
}


/* CSS Document */



/* reset default ul margins and padding;
margins and padding set in li instead */
section ul {
	padding:0;
	margin:0;
}

/* Columns */
header, section li {
	width: 9pc;
	margin: auto 1pc;
}

main {
	margin-left: 11pc;
}

/* Rows */

section {
	min-height:100vh;
	padding-top:1pc;
	clear:left;
}

h1, h2 {
	height: 2.25pc;
	margin: 1pc auto;
	border-bottom: 3pt solid #990000;
}

section li {
	height: 9pc;
	margin: 1pc auto;
}

header ul {
	margin: 1pc auto;
}

h2 {
	margin-right:1pc;
}

h2, section li {
	margin-top:0;
}

.largepic {
	width:25pc;
	height:19pc;
}

/* Sidebar */

header {
	position: fixed;
	top:0;
	text-align: right;
}

#bio {
	font-size: 14pt;
	line-height: 1.6pc;
}

nav li {
	list-style-type: none;
	font-size: 10pt;
	line-height: 1pc;
}

h1, h2 {
	font-size: 18pt;
	line-height: 2pc;
}

h1 {
	padding-top: 6.5pc;
}

nav li a, h1 a {
	text-decoration:none;
	color:#000;;
}
section li, #bio, #headshot {
	list-style-type:none;
	display:block;
	float:left;
	margin-right: 1pc;
}

#headshot {
	float: right;
	margin-bottom:1pc;
}

h2 {
	clear:left;
}

p {
	margin-top:-.2pc;
	margin-bottom:1.5pc;
}

#introduction {
	min-height:100vh;
}

#intro-min-height-hack {
	min-height:40pc;
}