/*  
This is the main stylesheet for K. David Harrison's website. The website
should display correctly under all standards compliant browsers.

Updated for responsive-web in 01/2014


background gray: #8A8A8D
foreground gray: #B3B2B1
link red: #842707
menu a
	font-size: .71em;
mast h1
	font-size: 7.86em;
mast h2
	font-size: 3.33em;
mast h3
	font-size: 1.78em;
*/

* { 
	margin:0;
	padding:0;
}


body {
width: 100%;
margin: 0;
padding:0;
font-family: "Minion Pro", "MinionPro", Georgia, Garamond, serif;
background: #fff;
color: #333333;
font-size: 100%;
}


.hidden {
display:none;
}
.main {
width: 100%;
background: #ffffff;
}
.mast {
	padding-top:1em;
	width: 100%;
	margin: 0 0; 
	float:right;
	background: #8A8A8D;
	top:0;
	position:absolute;
	font-size: 0.5em;
}

.mast, #menu, .mast h1, .mast h2, .mast h3, #menu a {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	margin:0;
	clear:none;
	font-weight:normal;
}
.mast {
	display:inline-block;
	position:relative;
	z-index:-10;
}
.mast-content {
	max-width:1200px;
	margin:0 auto;
}

.mast h1 {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	font-weight: 100;
	color:#B3B2B1;
	font-size:7.86em;
	float:right;
	z-index:-10;
	padding-right:0.25em;
	line-height:75%;
	clear:none;
}
.mast h2 {
	font-family: "Helvetica Neue", "HelveticaNeue", 'HelveticaNeueW01-UltLt', Helvetica, Arial, sans-serif;
	font-weight: 100;
	color:#B3B2B1;
	font-size:3.33em;
	text-align:right;
	float:right;
	z-index:-10;
	margin-top: 1.032em;
	padding-right:0.585em;
	line-height:75%;
	clear:none;
}
.mast h2.stacked {
	margin-top: 0.307em;
}
.mast h3 {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	font-weight: 100;
	color:#ffffff;
	font-size:1.78em;
	padding-left:1em;
	float:left;
	z-index:10;
	line-height:75%;
	clear:none;
	position:absolute;
	bottom:0;
}
.mast h3 span {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	font-weight: 700;
}
#menu, #menu dd, #menu dl{
	display:inline-block;
}

#menu {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	background: #B3B2B1;
	width:100%;
	padding:0.25em 0;
	text-align:center;
	z-index:10;
}
#menu dd {
	line-height:75%;
	border-left:1px solid #8A8A8D;
}
#menu dd:first-child {
	border-left:0px;
}
#menu a {
	font-weight:700;
	font-size:0.7em;
	padding:.5em;
	font-style:normal;
	color:#8A8A8D;
	text-transform: uppercase;
	text-decoration:none;
	border-bottom:0;
}
#menu a:hover {
	text-decoration: underline;
	color:#ffffff;
}
#menu a.here { 
	color:#ffffff;
}
#menu a.here:hover {
	text-decoration: none;
}

h1 {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size:1.833em;
	padding-left:1em;
	line-height:1.2em;
	text-align:center;
}
.headline h1, .headline h3, .headline p, .middle .headline p{
	margin-bottom:0;
	padding: 0;
	text-align:center;
}
.headline h3{
	font-family: "Minion Pro", "MinionPro", Georgia, Garamond, serif;
	font-size:1.167em;
	font-weight:normal;
}
.headline {
 margin:2em auto 1em;
}

li {
	margin-left:2em;
	color: #8A8A8D;
}
.middle {
	background: #fff;
	width: 95%; /* width:60% at full size */
	padding-top:1em;
	margin:0 auto;
}
.middle p {
padding-top:0.25em;
text-align:justify;
padding-left:1.5em;
padding-right:1.5em;
line-height:1.4em;
margin-bottom:0.5em;
}

p.block {
	display: inline-block;
	vertical-align: middle;}
p.quote {	
	margin: 1em auto;
	font-style: italic;
	font-size: 0.833em;
	text-align: center;
}
p.quote span{
	padding-left:0.25em;
	white-space:nowrap;
}
p.caption {
	padding-top:0;
	font-family: "Minion Pro", "MinionPro", Georgia, Garamond, serif;
	font-style: italic;
}
div.image {
	padding: 0.25em 1.5em;
	margin-bottom:1em;
	text-align:center;
}
div.image img {
	padding:0.5em;
	max-width:95%;
	height: auto;
}
div.image i {
	text-align:left;
	font-size:0.7em;
}

#SLIDESTEXT {
	max-width:80%;
	margin:1em auto;
	text-align:center;
}

/* Link assignments */

a {
	color: #842707;
	font-style: italic;
}
a.internal {
	font-style: normal;
}
a.none:link, a.none:visited {
color: #842707;
text-decoration: none;
border-bottom: 0px;
}
a:link, a:visited {
color: #842707;
text-decoration: none;
border-bottom: 1px solid #842707;
}
a.none:link, a.none:visited {
color: #842707;
text-decoration: none;
border: 0;
}
.slideshow a {
	text-decoration: none;
	border-bottom: 0px;
}
.slideshow strong {
	padding:0.25em;
}
.tab {
display:none;
margin:0 auto;
width:50%;
}

.nowrap {
	white-space:nowrap;
}

/* Image assignments */

img { 
	padding:0.33em; 
	margin-bottom:0px; 
	border:1px solid #B3B2B1; 
	background-color:#FFFFFF;
	-moz-box-shadow: 5px 5px 5px #A6A6A6;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	box-shadow: 5px 5px 5px #A6A6A6;
}
img.none {
	border: 0px;
	background: none;
	padding: 0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
img.nolink {
	background-color:#B3B2B1;	
}

img.left {
	float:left;
	clear:none;
/*	padding: 0.5em 1.5em 0.25em; */
	margin: 0.5em 2.5em 95% 1.5em;
/*	margin-right:1em;
	margin-bottom: 90%;
*/	
	line-height: 1.4em;
}


#presstable {
	margin:1.5em auto 1em;
	width:100%;
	text-align:center;
}
#presstable p {
	vertical-align:middle;
	margin-bottom: 1.5em;
	text-align:center;
	}
#presstable img{
	margin-bottom:0;
}

#presstable a {
	font-style:normal;
}
#presstable p.pages {
	font-size:0.7em;
	word-spacing:0.5em;
}
#presstable span.other_copies {
	margin:0.25em auto;
	padding-left:2em;
	font-size:.8em;
	display:block;
	width:60%;
/*	width:8em;
	line-height:1.2em;
	height: 1.2em;
	overflow:hidden;
	background: #fff;
*/
}	
#presstable span.other_copies:before {
content: "also in: ";
}
#presstable span.other_copies:hover, #presstable span.other_copies:active {
	overflow:visible;
}

#ethnography {
	width:80%;
	margin:0.5em auto;
	border: 0;
}
#ethnography td {
	width:50%;
	min-width:200px;
	text-align:center;
}
#ethnography td p {
	text-align:center;
}
.email {
display:none;
width: 181px;
height: 33px;
float:right;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
background: url(email_gray.jpg) no-repeat;
}
#contact {
	text-align: center;
}
#contact span {
}
#contact span.email{
	display:inline-block;
	margin:1em 0.5em 0;
	float:none;
}
.picintext {
	float:left;
	margin-right: 1em;
	margin-top:1em;
}

.highlight { background:#B3B2B1; }
.white_bg { background:#FFFFFF; }
/* Miscellaneous */

.footer {
height: 2.5em;
width: 80%;
margin:2em auto 1em auto;
clear:both;
}
.footer p {
text-transform:uppercase;
font-family: "Minion Pro", "MinionPro", Georgia, Garamond, serif;
font-size:0.7em;
text-align:center;
color: #734204;
}


/* Input elements */

input.txt { 
 border: 1px #aaa solid; 
 padding: 0.15em; 
 font-size: 0.85em;
 font-family: "Helvetica Neue", "HelveticaNeue", 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
 color: #8C8C8C; 
}

textarea.entrytext { 
 overflow: hidden; 
 border: 1px #aaa solid; 
 padding: 0.15em; 
 font-size: 0.85em;
 font-family: "Helvetica Neue", "HelveticaNeue",'Neue Helvetica W01', Helvetica, Arial, sans-serif;
 color: #777777; 
}
input.submit {
	font-family: "Minion Pro", "MinionPro", Georgia, Garamond, serif;
	 font-size:1em; 
	 background-color: #fff; 
	 color:#8C8C8C; 
	 border:1px #aaa solid;
	 margin-top:0.25em;
}
input.txt:hover, textarea.entrytext:hover {
 border:1px #506BA3 solid;
}
input.txt:focus, textarea.entrytext:focus {
 border:1px #506BA3 solid;
}


/* Fonts.com badge */
#mti_wfs_colophon a {
	text-decoration:none;
	border-bottom:0;
}
#mti_wfs_colophon a:hover img{
	max-width: 100%;
}
#mti_wfs_colophon img {
	max-width: 62px;
	height:auto;
	border: 0px;
	background: none;
	padding: 0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

@media screen and (min-width: 35em) {
	.mast {
		font-size:0.8em;
	}
	.middle {
		width: 80%;
		max-width:800px;	
		padding-top:1.25em;
	}
	.middle p {
	}
	.main {
		width: 80%;
	}
	img.left {
		margin-bottom: 75%;
	}
	img.kdh {
	}
	div.image img {
		max-width:100%;
	}
}
/*rearrange if bigger than 56.25em, ie. 900px */
@media screen and (min-width: 56.25em) {
	.mast {
		font-size:1em;
	}
	.middle {
		width: 80%;
		max-width:800px;
		padding-top:1.5em;
	}
	.middle p {
	}
	.main {
		width: 80%;
	}
	img.left {
		margin-bottom: 50%;
	}
	img.kdh {
		height:0;
		width:0;
		padding-top: 200px;
		padding-left: 169px;
		background: url("images/david_200px.jpg") no-repeat;
	}
	div.image img {
		max-width:100%;
	}
}