@charset "UTF-8";
/* CSS Document */

body{

/*	width: 1440;
	height: 900;*/
	background-color: white;
	/*background-image: url(images/paper.jpg);*/
}

#container{

	width: 1280px;
	/*height: 800px;*/
/*	background-color: rgba(255,255,255,0.25);*/
	margin:auto;
	/*margin-top: 10px;*/
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 16px;



}

.slideShow{
	position: relative;
	width: 650px;

	left:-40px;
}



.transcript{
	width:500px;
}

.transcript p{

	width:500px;
	font-size: 1em;
	color: #555;
	padding:5px;
	margin-left: 15px;
}

.transcript h3{

	width:500px;
	font-size: 1.25em;
	color: darkred;
	margin-bottom: 0px;


}


header{

	width: 1280px;
	height: 140px;
/*	background-image:url(images/banner02.png);*/
	border-bottom: #822122 2px solid;
	padding:5px;
	float:left;

}

nav{
	width: 280px;
	/*height: 660px;*/
	float:left;
	padding-top: 30px;
	color:#555555;



}

nav li{

	margin-bottom:15px;
	list-style-type: none;
	text-align: left;
}

a:hover{

	color:#822122;
	/*font-weight: 500;*/
	/*font-weight: bold;*/
	text-shadow: 2px 2px 5px #eee;

}



nav .current{
	color:#822122;
	font-weight: bold;


}

	th, td {
	  padding: 15px;
	}




a{
	text-decoration: none;
	color:#555555;
}



.interview{

	font-style: italic;
	margin-left:10px;
	margin-bottom: 7px;



}

audio{

	margin-bottom: 20px;
}

.mic{

	position: relative;
	left:5px;
	top:2px;
}

.vica_link{
	color:black;
}

main{
	width: 600px;
	/*height: 660px;*/
	margin-left:50px;
	margin-top:30px;
	float:left;
	padding-bottom:30px;


}

main h1{

	font-size: 3em;
	color:#822122;
	margin-bottom:-2px;
	margin-top:5px;
		line-height: .9;


}

.mapItaly{

	float:right;
	width:600px;
	position: relative;
	left:-200px;
	top:-30px;
}

blockquote{

	width:500px;
	font-style: italic;
	color:grey;
	margin-bottom: 30px;

}

footer{

	/*background-color: #822122;*/
	height: 100px;
	width: 1280px;
	float:left;
	clear: both;
	border-top: #822122 2px solid;

}

footer h1 {
	color:#555;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	line-height: .5;
	margin-top: 30px;
	letter-spacing: 1.5px;
}

footer h2 {
	color:black;
	font-size: .7em;
	font-style: italic;
	text-align: center;
	line-height: .1;
		margin: 4px;
	letter-spacing: 1.25px;
	font-weight: 100;
}




p{

	width:600px;

}

h2{
	color:darkred;
	font-size: 1.25em;
	line-height: 1em;
	/*width:550px;*/

}

.DOB{
	color:darkred;
	font-size: 2.25em;
	line-height: 1em;
	margin-top:  3px;

	/*width:550px;*/

}

main h2{
	color:darkred;
	font-size: 1.5em;
	line-height: 1.25em;
	width:550px;

}

h3{

	font-size: 1em;
	margin-left:10px;
	line-height: 1.25em;

}



.answer{

	color:grey;


}


.last {
	margin-bottom: 20px;
}

#galleryInterview{

width:600px;

}

#galleryInterview h3{
	font-size: .75em;
	line-height: 1em;
	margin-left: 0px;


}

 .storyTellerLink h3{
	color:#822122;
	font-style: italic;
	font-size: .55em;
	 margin-top: 0px;


}

.storyTellerLink{
	float:left;
	margin-right: 10px;
	margin-top: 10px;
	width:95px;
}

.stories {
float:left;
height:100px;
width:700px;
background-color: #eee;
margin-bottom:30px;
}


.storiesImage {
float:left;
width:120px;
}

.storiesImage img {
float:left;
width:100px;
}

.storiesHeader {
float:left;
width:500px;

padding-top:5px;




}

.storiesTitle {
	font-size: 1.5em;
		color:#822122;
float:left;

}

.storiesStoryteller {

	font-size: 1.2em;
		color:#822122;
		float:left;
		clear:both;

}


.storiesDescription {
clear:both;


}




.photoCredit p {

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .6em;
	margin-top:5px;
	margin-left: 10px;
	/*letter-spacing: 1px;*/
	width: 470px;
}



/*main img {
  -webkit-filter: sepia(1);
}*/


img:hover {
  -webkit-filter: sepia(0);
}