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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

@font-face {
    font-family: 'crimson_textroman';
    src: url('crimsontext-regular-webfont.eot');
    src: url('crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-regular-webfont.woff2') format('woff2'),
         url('crimsontext-regular-webfont.woff') format('woff'),
         url('crimsontext-regular-webfont.ttf') format('truetype'),
         url('crimsontext-regular-webfont.svg#crimson_textroman') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
		font-family: 'TrajanProRegular';
		src: url('trajanpro-regular-webfont.eot');
		src: url('trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
 				url('trajanpro-regular-webfont.woff') format('woff'),
 				url('trajanpro-regular-webfont.ttf') format('truetype'),
 				url('trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
		font-weight: normal;
		font-style: normal;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	background-color: #fff9e3;
	font-size: 100%;
	color: #844520;
	line-height:160%;
	text-align:left;
	margin:0;
	padding:0;
}

#header {
	 font-family: 'TrajanProRegular';
	position:relative;
    
    z-index:2;
	margin:0;
	padding:5px 15px 20px;
	background-color:#f4e1c1;
-webkit-box-shadow: 0 3px 15px  #a8846f;
       -moz-box-shadow: 0 3px 15px  #a8846f;
            box-shadow: 0 3px 15px  #a8846f;
}

#container {
background-color:#fffcf2;
	max-width: 830px;
	padding:20px 30px 30px 30px;
	margin:0 auto;
	-webkit-box-shadow: 0 2px 15px  #a8846f;
       -moz-box-shadow: 0 2px 15px  #a8846f;
            box-shadow: 0 2px 15px  #a8846f;

}

h1 {
	
    line-height:150%;
	text-align:center;
	font-weight:normal;
}

strong {font-weight:600;}

#mainnav {
	display:block;
	font-size: 16px;	
	font-weight:normal;
	color:#0140a8;
	text-align:center;
	width:100%;
	margin:18px 0 0;
}


#mainnav ul {
	list-style-type:none;	
	margin:0;
	padding:0;
	
}

#mainnav ul li {
	display:inline;

	
}

#mainnav ul li.tabsep {
	color:#844520;
	padding: 0 20px;
	
}


#mainnav ul li a:link {
	color: #844520;
	text-decoration: none;


}

#mainnav ul li a:visited {
	color: #844520;
	text-decoration: none;


}


#mainnav ul li a:hover{
	color:#0140a8;


}


body#home a#homelink,
body#story a#storylink,
body#listen a#listenlink,
body#gallery a#gallerylink {
	color: #0140a8;

}

.figureright {
	float:right;
    max-width:250px;
    display:block;
	margin:20px 45px 30px 0;
	padding:8px;
	border:1px solid #844520;

}

.figureleft {
	float:left;
    max-width:287px;
	margin:20px 35px 30px 45px ;
	padding:8px;
	border:1px solid #844520;


}


.quote {
	font-family: 'crimson_textroman';
	display:block;
	max-width:390px;
	margin:60px 0 0 45px;
	padding:25px 0;
	font-size:28px;
	line-height:170%;
	text-align:center;
	border-top:1px solid #844520;
	border-bottom:1px solid #844520;
	color:#0140a8;
	
}

.quote2 {
	font-family: 'crimson_textroman';
	display:block;
	text-align:center;
	width:270px;
	margin:110px 0 0 430px;
	padding:25px 0;
	font-size:28px;
	line-height:170%;
	border-top:1px solid #844520;
	border-bottom:1px solid #844520;
	color:#0140a8;
	
}
.citation {
	display:block;
	text-align:right;
	font-size:24px;
}

.clear {
	clear:both;
	
}

.column1 {
	float:left;
	width:240px;
	text-align:left;
	font-weight:bold;
	
}

.column2 {
	margin-left:270px;
	text-align:left;
	
}

hr {
	height:1px;
	margin:20px 0;
	background-color:#844520;
	color:#844520;
	border:0 none;
}

.commentform {
	display:block;
	margin-top:25px;
	background-color:#ffffff;
	padding:5px 25px;
	-webkit-box-shadow: 0 2px 15px  #a8846f;
    -moz-box-shadow: 0 0 15px  #a8846f;
    box-shadow: 0 0 15px  #a8846f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
			
}

.antispam { display:none;}

.copyright {
	margin:20px 0;
	text-align:center;
	font-size:10px;
}

#imagegallery {
	max-width: 800px;
	margin: 0 auto;
	text-align:center;
}

#imagegallery img {
	  margin: 15px;
}

#imagegallery a img {
		border: 5px solid #aaa;
}
#imagegallery a:hover img {
			border: 5px solid #844520;
}
		
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

}		
		
		


@media screen and (max-width: 800px) {
    
#container {
background-color:#fffcf2;
	max-width: 830px;
	padding:20px 15px 30px;
	margin:0 auto;
	-webkit-box-shadow: 0 2px 15px  #a8846f;
       -moz-box-shadow: 0 2px 15px  #a8846f;
            box-shadow: 0 2px 15px  #a8846f;

}


.figureright {
    display:block;
	float:none;
    max-width:250px;
    margin:20px auto;
	padding:8px;
	border:1px solid #844520;

}

.figureleft {
	float:none;
    display:block;
    max-width:250px;
	margin:20px auto;
	padding:8px;
	border:1px solid #844520;


}
    


.quote {
	font-family: 'crimson_textroman';
	display:block;
    float:none;
	max-width:300px;
    width:100%;
	margin:30px auto;
	padding:25px 0;
	font-size:20px;
	line-height:170%;
	text-align:center;
	border-top:1px solid #844520;
	border-bottom:1px solid #844520;
	color:#0140a8;
	
}

.quote2 {
	font-family: 'crimson_textroman';
	display:block;
	text-align:center;
	max-width:270px;
	margin:30px auto;
	padding:25px 0;
	font-size:20px;
	line-height:170%;
	border-top:1px solid #844520;
	border-bottom:1px solid #844520;
	color:#0140a8;
	
}
    
.citation {
	display:block;
	text-align:right;
	font-size:18px;
}
    
.column1 {
	float:none;
	width:100%;
	text-align:left;
	font-weight:bold;
	
}

.column2 {
	margin-left:0;
	text-align:left;
	
}
}
@media screen and (max-width: 700px) {
h1 {
     font-size:26px;   
    }
#mainnav ul li {
	display:block;
    font-size:14px;
    line-height:200%;

	
}
#mainnav ul li.tabsep {
	display:none;
	
}
}