/* it's a total fucking mess, but valid CSS */
/* a aspect ratios approaching 1:1 things fall apart: WONTFIX */
/* at extremely small viewport heights things fall apart: WONTFIX */

/* math for scaling (85 / 0.75) [length for long side] + 4 [paddig] = 117.333 */

html {
	overflow-y: scroll;
}


body {
	background-color: #000000;
	font-family: 'Libre Baskerville', 'Georgia', serif;
	font-feature-settings: "calt", "liga", "clig", "kern", "ordn", "onum";
}


*, *:before, *:after {
	box-sizing: border-box;
}


/* general text styles */


p {
	line-height: 135%;
	text-indent: 3em;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .5em;
	margin-right: .5em;
}


.caption {
	text-indent: 0em;
	text-align: center;
	margin-top: .25em;
	margin-bottom: .25em;
	margin-left: 0em;
	margin-right: 0em;
}


.noindent {
	text-indent: 0em;
}


.center {
	text-indent: 0em;
	text-align: center;
	margin-top: .25em;
	margin-bottom: .25em;
	margin-left: 0em;
	margin-right: 0em;
}


.right {
	float: right;
	margin-right: 0vw;
	margin-left: 0vw;
	margin-top: auto;
	margin-bottom: 0vw;
	text-indent: 0em;
}


.left {
	float: left;
	margin-right: 0vw;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	text-indent: 0em;
}


.postheadline {
	display: inline-block;
	margin: 0em;
}


.postdate {
	display: inline-block;
	margin: 0em;
	float: right;
}


.postsig {
	margin: 0em;
	font-size: 20pt;
	text-align: right;
}


.quotebox {
	border: 1px dotted black;
}


.quote {
	font-size: 14pt;
	line-height: 125%;
	text-indent: 0em;
	margin-left: 1em;
	margin-right: 1em;
	font-style: italic;
}


.quotesig {
	font-variant: small-caps;
}


.list1 {
	font-weight: bold;
	list-style-type: none;
	padding: 0em;
}

.list2 {
	font-weight: normal;
}

/* containers and primary images */


.entrycontainer {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	width: 90vw;
	max-width: calc(1600px + 2vw);
	margin-right: auto;
	margin-left: auto;
	margin-top: 0vw;
	margin-bottom: 0.25vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
}


.entrycontainer_inner {
	width: 88vw;
	max-width: 1600px;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
}


.entrycontainer_vert {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	width: 68vw;
	max-width: calc(1000px + 2vw);
	margin-right: auto;
	margin-left: auto;
	margin-top: 0vw;
	margin-bottom: 0.25em;
	padding-top: 1vw;
	padding-bottom: 1vw;
}


.entrycontainer_inner_vert {
	width: 66vw;
	max-width: 1000px;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
}


.imagecontainer {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	width: 90vw;
	max-width: calc(1600px + 2vw);
	margin-right: auto;
	margin-left: auto;
	margin-top: 0vw;
	margin-bottom: 0.25vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
}


.imagecontainer_inner {
	width: 88vw;
	max-width: 1600px;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
}


.imagecontainer_vert {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	width: 68vw;
	max-width: calc(1000px + 2vw);
	margin-right: auto;
	margin-left: auto;
	margin-top: 0vw;
	margin-bottom: 0.25em;
	padding-top: 1vw;
	padding-bottom: 1vw;
}


.imagecontainer_inner_vert {
	width: 66vw;
	max-width: 1000px;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
}


.entrycontainer_flexhead_inner {
	display: flex;
	justify-content: space-between;
	width: 88vw;
	max-width: 1600px;
	margin-right: 1vw;
	margin-left: 1vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
	flex-wrap: wrap;
}


.image_thirds_head {
	width: 29vw;
	max-width: 525px;
	display: inline-block;
}


.image_thirds_head_keep {
	width: 29vw;
	max-width: 525px;
	display: inline-block;
}


.image_fullwidth, .image_fullwidth_25pano {
	width: 88vw;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}


.image_fullwidth_vert_ar {
	width: 66vw;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0vw;
	margin-bottom: 0vw;
	display: block;
}


/* navigation flex container */


.entrycontainer_flex {
	width: 90vw;
	max-width: calc(1600px + 2vw);
	margin-right: auto;
	margin-left: auto;
	margin-top: 0vw;
	margin-bottom: 0.25em;
	padding-top: 0vw;
	padding-bottom: 0vw;
}


.entrycontainer_flexinner {
	display: flex;
	align-items: stretch;
	width: 90vw;
	max-width: calc(1600px + 2vw);
	margin: 0vw;
	padding: 0em;
	flex-wrap: wrap;
}


.entrycontainer_flexinner_item_prev {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	order: 1;
	width: 16.25vw;
	max-width: calc(300px - 0.25vw);
	text-align: center;
	margin-right: 0.25vw;
	margin-left: 0vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
}


.entrycontainer_flexinner_item_next {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	order: 99;
	width: 16.25vw;
	max-width: calc(300px - 0.25vw);
	text-align: center;
	margin-right: 0vw;
	margin-left: 0.25vw;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding: 0em;
}


.button {
	text-indent: 0em;
	margin: auto;
	padding: 0em;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 200%;
}


.entrycontainer_flexinner_item_center {
	background-image:url('img/bg6.jpg');
	background-color: #cccccc;
	width: 57vw;
	max-width: calc(1000px + 2vw);
	order: 49;
	margin: 0vw;
	padding: 0em;
}


/* thumbnails */


#thumbbox1, #thumbbox2, #thumbbox3 {
	text-align: center;
}


.thumb {
	display: inline-block;
	height: 13vw; 
	vertical-align: middle;
	min-height: 50px;
	max-height: 200px;
	border-style: none;
	margin: 0.1em;
}


.thumbwide {
	display: inline-block;
	height: 13vw;
	vertical-align: middle;
	min-height: 50px;
	max-height: 200px;
	border-style: none;
	margin: 0.1em;
}


.thumbvert {
	display: inline-block;
	width: 13vw; 
	vertical-align: middle;
	min-width: 50px;
	max-width: 200px;
	border-style: none;
	margin: 0.1em;
}



/* begin media queries for orientation */

@media all and (orientation: landscape) {

	/*using vmin for everything except margins*/

	.entrycontainer {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		width: 117.333vmin;
		max-width: calc(1600px + 4vmin);
		margin-right: auto;
		margin-left: auto;
		margin-top: 0em;
		margin-bottom: 0.25em;
	}
	
	
	.entrycontainer_inner {
		width: 113.333vmin;
		max-width: 1600px;
		display: block;
		padding: 0em;
		margin: 0em;
	}
	
	
	.entrycontainer_vert {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		height: 117.333vmin;
		max-height: calc(1600px + 4vmin);
		width: 89vmin;
		max-width: calc(1200px + 4vmin);
		margin-right: auto;
		margin-left: auto;
		margin-top: 0em;
		margin-bottom: 0.25em;
		padding-top: 0em;
		padding-bottom: 0em;
	}
	
	
	.entrycontainer_inner_vert {
		height: 113.333vmin;
		max-height: 1600px;
		width: 85vmin;
		max-width: 1200px;
		margin: 0em;
		padding: 2vmin;
	}
	
	.imagecontainer {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		height: 89vmin;
		max-height: 89vmin;
		width: 117.333vmin;
		max-width: calc(1600px + 4vmin);
		margin-right: auto;
		margin-left: auto;
		margin-top: 0em;
		margin-bottom: 0.25em;
		padding: 2vmin;
	}	
	
	
	.imagecontainer_inner {
		height: 85vmin;
		max-height: 85vmin;
		width: 113.333vmin;
		max-width: 1600px;
		display: block;
		padding: 0em;
		margin: 0em;
	}
	
	
	.imagecontainer_vert {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		height: 117.333vmin;
		max-height: calc(1600px + 4vmin);
		width: 89vmin;
		max-width: calc(1200px + 4vmin);
		margin-right: auto;
		margin-left: auto;
		margin-top: 0vw;
		margin-bottom: 0.25em;
		padding-top: 0em;
		padding-bottom: 0em;
	}
	
	
	.imagecontainer_inner_vert {
		height: 113.333vmin;
		max-height: 1600px;
		width: 85vmin;
		max-width: 1200px;
		margin: 0em;
		padding: 2vmin;
	}
	
	
	.entrycontainer_flexhead_inner {
		display: flex;
		justify-content: space-between;
		width: 113.333vmin;
		max-width: 1600px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0em;
		margin-bottom: 0em;
		padding: 0em;
		flex-wrap: wrap;
	}
	
	
	.image_thirds_head {
		width: 37vmin;
		max-width: 525px;
		display: inline-block;
		margin: .388vmin;
	}
	
	
	.image_thirds_head_keep {
		width: 29vw;
		max-width: 525px;
		display: inline-block;
	}
	
	
	.image_fullwidth {
		max-height: 85vmin;
		width: 113.333vmin;
		max-width: 1600px;
		padding: 0em;
		margin: 0em;
		display: block;
	}
	
	
	.image_fullwidth_vert_ar {
		width: 85vmin;
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0em;
		margin-bottom: 0em;
		padding: 0em;
		display: block;
	}
	
	
	/* navigation flex container */
	
	
	.entrycontainer_flex {
		width: 117.333vmin;
		max-width: calc(1600px + 4vmin);
		margin-right: auto;
		margin-left: auto;
		margin-top: 0em;
		margin-bottom: 0.25em;
		padding-top: 0em;
		padding-bottom: 0em;
	}
	
	
	.entrycontainer_flexinner {
		display: flex;
		align-items: stretch;
		width: 117.333vmin;
		max-width: calc(1600px + 4vmin);
		margin: 0em;
		padding: 0em;
		flex-wrap: wrap;
	}
	
	
	.entrycontainer_flexinner_item_prev {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		order: 1;
		width: 16.25vmin;
		max-width: calc(300px - 0.25em);
		text-align: center;
		margin-right: 0.25em;
		margin-left: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
		padding: 0em;
	}
	
	
	.entrycontainer_flexinner_item_next {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		order: 99;
		width: 16.25vmin;
		max-width: calc(300px - 0.25em);
		text-align: center;
		margin-right: 0em;
		margin-left: 0.25em;
		margin-top: 0em;
		margin-bottom: 0em;
		padding: 0em;
	}
	
	
	.entrycontainer_flexinner_item_center {
		background-image:url('img/bg6.jpg');
		background-color: #cccccc;
		width: calc(84.833vmin - .5em);
		max-width: calc(1000px + 4vmin);
		order: 49;
		margin: 0em;
		padding: 0em;
	}
	
}
	
	
/* end media queries for orientation */
	

/* media query for small brower windows--fullwidth images, wrapping flexbox etc. */


@media all and (max-width: 850px) {

	.image_thirds_head {
		display: none;
	}

	.image_thirds_head_keep {
		max-width: 96vw;
		display: inline-block;
	}

	.entrycontainer, .imagecontainer {
		background-image: none;
		background-color: #cccccc;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0vw;
		margin-bottom: 0.25vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
	}


	.entrycontainer_inner, .imagecontainer_inner {
		margin-right: 0vw;
		margin-top: 0vw;
		margin-bottom: 0vw;
		padding: 0em;
	}


	.entrycontainer_vert, .imagecontainer_vert {
		background-image: none;
		background-color: #cccccc;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0vw;
		margin-bottom: 0.25vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
	}


	.entrycontainer_inner_vert, .imagecontainer_inner_vert {
		margin-right: 1vw;
		margin-left: 1vw;
		margin-top: 0vw;
		margin-bottom: 0vw;
		padding: 0em;
	}


	.entrycontainer_flex {
		margin-right: auto;
		margin-left: auto;
		margin-top: 0vw;
		margin-bottom: 0.25vw;
		padding-top: 0vw;
		padding-bottom: 0vw;
	}


	.entrycontainer_flexinner {
		display: flex;
		align-items: stretch;
		margin: 0vw;
		padding: 0em;
		flex-wrap: wrap;
	}


	.entrycontainer_flexinner_item_prev {
		background-image: none;
		background-color: #cccccc;
		border-right: 2px solid black;
		order: 1;
		width: 50%;
		max-width: 50%;
		min-width: 20vw;
		text-align: center;
		margin-right: 0vw;
		margin-left: 0vw;
		margin-top: 0vw;
		margin-bottom: 0.25vw;
		padding: 0em;
	}


	.entrycontainer_flexinner_item_next {
		background-image: none;
		background-color: #cccccc;
		border-left: 2px solid black;
		order: 2;
		width: 50%;
		max-width: 50%;
		text-align: center;
		margin-right: 0vw;
		margin-left: 0vw;
		margin-top: 0vw;
		margin-bottom: 0.25vw;
		padding: 0em;
	}

	.entrycontainer_flexinner_item_center {
		background-image: none;
		background-color: #cccccc;
		order: 49;
		flex-grow: 1;
		margin: 0vw;
		padding: 0em;
	}


	.image_fullwidth, .image_fullwidth_25pano {
		margin-right: auto;
		margin-left: auto;
		margin-top: 0vw;
		margin-bottom: 0vw;
		display: block;
	}


	.image_fullwidth_vert_ar {
		margin-right: auto;
		margin-left: auto;
		margin-top: 0vw;
		margin-bottom: 0vw;
		display: block;
	}


	.thumbholder br {
		display: none;
	}


	.thumbholder_vert br {
		display: none;
	}


	.thumbholder_vert_16 br {
		display: none;
	}


}


/* end media query for small brower windows */