/* ‘Banburyshire Rambles Journal’: Posts secondary stylesheet */

/* index design styles */
.bgnd {
	position: fixed;
	top: 5px;
	left: 5px;
	height: 40px;
	width: 40px;
	background: transparent;
	margin: 0em;
	padding: 0em;
	text-align: center;
	vertical-align: middle;
}
.bgnd_icon {
	width: 40px;
	height: 40px;
	margin: 0em;
	padding: 0em;
	border-style: none;
}
.blob_list {
	margin: 0em auto 0em auto;
	font-size: 0.8em;
	text-align: center;
}
.blob_tab {
	display: inline-block;
	width: 10%;
	margin: 0.3em 0.1em 0.2em 0em;
	padding: 0.3em 0.3em 0.3em 0.3em; 
	font-family: blogMain, serif;
	font-weight: normal;
	text-align: center;
	background: lightsteelblue;
	border-style: dotted;
	border-color: steelblue;
	border-width: 1px;
	border-radius: 0.8em;
}
.blog_footer {
	margin: 2.5em 0.5em 0.5em 1.5em;
	font-family: blogAlt, serif;
	font-size: 0.9em;
	line-heighrt: 100%;
}
.blog_header {
	margin: 0.5em 0em 1em 0em;
	font-size: 1.05em;
}
.blog_menu {
	float: right;
	width: 22%;
	min-width: 180px;
	margin: -0.5em -0.2em 1.5em 1.2em;
	padding: 0;
	text-align: right;
}
.blog_tab {
	display: inline-block;
	width: 95%;
	margin: 0.5em 0em 0em auto;
	padding: 0.2em 0.3em 0.2em 0.3em; 
	font-family: blogMain, serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	background: #dfffdf;
	border-style: dotted;
	border-color: olivedrab;
	border-width: 1px;
	border-radius: 0.6em;
}
.blog_tab_subsec {
	display: inline-block;
	width: 85%;
	margin: 0.2em 0em 0em auto;
	padding: 0.2em 0.3em 0.2em 0.3em; 
	font-family: blogMain, serif;
	font-size: 0.75em;
	font-weight: normal;
	text-align: right;
	background: #efffcf;
	border-style: dotted;
	border-color: maroon;
	border-width: 1px;
	border-radius: 0.6em;
}
.blogs_core {
	width: 100%;
	min-width: 640px;
	margin-bottom: 0.3em;
}
.blogs_spacer {
	display: inline-block;
	width: 16%;
	margin: 0em;
	vertical-align: bottom;
	padding: 0.2em 0.3em 0.2em 0.3em; 
	font-family: blogMain, serif;
	font-size: 0.95em;
	font-weight: normal;
	text-align: center;
	background: silver;
	border-style: solid;
	border-color: dimgray;
	border-width: 1px;
	border-radius: 0.6em;
}
.blogs_tab {
	display: inline-block;
	margin: 0em;
	padding: 0.2em 0.3em 0.2em 0.3em; 
	vertical-align: bottom;
	font-family: blogMain, serif;
	font-size: 0.95em;
	font-weight: normal;
	text-align: center;
	background: gainsboro;
	border-style: solid;
	border-color: dimgray;
	border-width: 1px;
	border-radius: 0.6em;
}
.page_body {
	width: 100%;
	min-width: 640px;
	margin: 0;
	padding: 0.2em;
	font-family: blogMain, serif;
	font-size: 1.25em;
	font-weight: normal;
	color: black;
	text-align: left;
	vertical-align: top;
	background: honeydew;
	border-style: solid;
	border-radius: 1em;
	border-width: 2px;
	border-color: #003f00;
}
.page_content {
	width: 100%;
	max-width: 1024px;
	margin: 1.2em auto 1.5em auto;
	padding: 0em 60px 0em 40px;
}
.page_post {
	width: 92%;
	min-width: 640px;
	margin: 0.4em 0em 1.5em 0em;
	padding: 0.8em 1.4em 0.5em 1.4em;
	font-family: blogMain, serif;
	font-size: 1.1em;
	color: black;
	text-align: left;
	vertical-align: top;
	background: honeydew;
	border-style: solid;
	border-radius: 0.6em;
	border-width: 2px;
	border-color: #1f2f00;
}
.page_pretitle {
	margin-top: -0.3em;
	margin-bottom: 0.4em;
	font-size: 1.15em;
	color: purple;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	text-align: left;
}
.page_subtitle {
	margin-top: 0.5em;
	margin-bottom: 1.7em;
	font-size: 1.3em;
	color: indigo;
	font-weight: normal;
	font-style: normal;
	line-height: 125%;
	text-align: left;
}
.page_title {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 2.5em;
	color: darkred;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	text-align: left;
}
.post_metrics {
	margin-top: 0.1em;
	margin-bottom: 0.4em;
	font-size: 0.95em;
	color: #3f3f3f;
	font-weight: normal;
	font-style: normal;
	line-height: 110%;
	text-align: left;
	text-indent: 0em;
}
.post_route {
	margin-top: 0.4em;
	margin-bottom: 0.1em;
	font-size: 0.95em;
	color: darkslategray;
	font-weight: normal;
	font-style: normal;
	line-height: 110%;
	text-align: left;
	text-indent: 0em;
}
#tab_brpj {
	font-weight: bold;
	background: honeydew;
	border-color: darkgreen;
	border-style: solid;
	border-width: 2px;
}
#post {
	font-size: 1.25em;
}
p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-style: normal;
	line-height: 140%;
	text-indent: 1em;
}


/* audio/video player design */
audio.audio_player {
	width: 95%;
	margin: 0.1em auto 0.1em auto;
	border-style: solid;
	border-width: 5px;
	border-color: transparent;
}
audio:focus.audio_player {
	border-style: solid;
	border-width: 5px;
	border-color: red;
}
.av_player {
	text-indent: 0em;
	text-align: right;
}
.av_player_box {
	float: right;
	width: 50%;
	min-width: 380px;
	margin: 0.5em 0em 1em 3em;
	padding: 0.2em 0.4em 0.3em 0.4em;
	text-align: center;
	font-size: 0.95em;
	font-weight: normal;
	font-style: normal;
	border-style: solid;
	border-width: 2px;
	border-color: maroon;
	border-radius: 0.4em;
	background: ivory;
}
.av_player_box_left {
	float: left;
	width: 50%;
	min-width: 320px;
	margin: 0.5em 3em 1em 0em;
	padding: 0.2em 0.4em 0.3em 0.4em;
	text-align: center;
	font-size: 0.95em;
	font-weight: normal;
	font-style: normal;
	border-style: solid;
	border-width: 2px;
	border-color: maroon;
	border-radius: 0.4em;
	background: ivory;
}
.av_player_text {
	margin-top: 0em;
	margin-bottom: 0.3em;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	color: black;
	line-height: 120%;
	text-align: center;
}
.av_player_ttl {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
	color: saddlebrown;
	line-height: 110%;
	text-align: center;
}


/* ancient sites standard info box */
.site_heading {
	margin-top: 0em;
	margin-bottom: 0.3em;
	font-family: blogMain, serif;
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
	color: purple;
	line-height: 120%;
	text-align: left;
}
.site_info {
	width: 60%;
	text-align: left;
	color: darkblue;
	background: ghostwhite;
	font-family: brpjAlt, monospace;
	font-size: 0.8em;
	text-indent: 0em;
	margin: 2em 1em 3em -0.2em;
	padding: 0.3em 0.8em 0.2em 0.7em;
	border-style: dotted;
	border-width: 1px;
	border-color: navy;
	border-radius: 0.4em;
}
.site_item {
	margin-top: 0em;
	margin-bottom: 0.3em;
	font-family: blogAlt, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.05em;
	color: #2f1f2f;
	line-height: 110%;
}
.site_list {
	margin-top: 0em;
	margin-bottom: 0em;
	font-family: blogAlt, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.25em;
	color: #2f1f2f;
	line-height: 110%;
}
.site_param {
	font-family: blogMain, serif;
	font-size: 0.95em;
	font-style: normal;
	color: indigo;
}
.site_summ {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-family: blogAlt, serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: darkslategray;
	text-indent: 0em;
	line-height: 110%;
}


/* panorama styles */
.panorama_block {
	width: 100%;
	margin: 3em -0.5em 3em -0.5em;
	padding: 0.4em 0.5em 0.3em 0.5em;
	background: ghostwhite;
	border-style: dotted;
	border-width: 1px;
	border-color: dimgray;
	border-radius: 0.3em;
}
.panorama_frame {
	width: 99%;
	padding: 0em;
	overflow-x: scroll;
	overflow-y: visible;
	border-style: solid;
	border-width: 2px;
	border-color: black;
}
.panorama {
	color: saddlebrown;
	font-size: 0.9em;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 0em;
}
.pantitle {
	color: indigo;
	font-size: 1.15em;
	font-weight: normal;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 0.2em;
}
.pansubtitle {
	font-size: 0.85em;
	color: navy;
	text-align: center;
	font-style: italic;
}