/*
 *  Theme Name:		Beggarstaffs
 *  Description:	Master CSS file
 *  Author:			Martin S. Lindsay
 *  Version:		2.0, 20230810
 */


html			{ width:100%; height:100%; margin:0; padding:0; }
body 			{ color:#000; font-family:Georgia, 'Times New Roman', Times, sans-serif; font-size:1em; font-weight:normal; margin:0; padding:0; }

a 				{ color:#000; text-decoration:none; padding:6px; outline:0; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; cursor:pointer; }
a.tight 		{ color:#000; text-decoration:none; padding:0px; }
a:hover 		{ color:#000; background:rgba(155,150,125,0.2); text-decoration:none; }

a.nav 			{ margin-right:48px; }
a.logo 			{ margin-right:48px; text-decoration:none; border:none;}

a.logo:hover,
a.zoom:hover,
a.archode:hover { background:#fff; text-decoration:none; }

.btn-prev		{ background-color:rgba(155,150,125,1); border:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#fff !important; cursor:pointer; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:800; height:28px !important; line-height:28px !important; margin:0 20px 0 0; padding:6px 12px !important; position:relative; text-align:center; text-decoration:none !important; width:auto; }
.btn-prev:hover { color:#333 !important; }
.wrmgry			{ color:rgba(155,150,125,1); }
.gry			{ color:rgba(155,150,125,0.2); }
.sc 			{ font-variant: small-caps; }
#wrapper 		{ display:block; margin:5%; padding:0; width:90%; }
#nav 			{ display:block; text-align:left; width:100%; }
#buttons 		{ display:block; margin:30px 20px; padding:0; text-align:left; width:100%; }
.rule 			{ border-bottom:1px solid rgba(155,150,125,0.6); display:block; height:1px; margin:10px 0; padding:0px; width:100%; }
.menu 			{ display:flex; align-items:center; border-bottom: 1px solid #666666; border-top: 1px solid #666666; height:100px; margin:15px 5px; padding:0; width:100%; }
.menu a.nav		{ color:rgba(155,150,125,1); font-size:1.2em; }
.menu a.blk 	{ color:rgba(0,0,0,1) !important; font-size:1.2em; }
.menu a:hover	{ color:rgba(0,0,0,0.8); }

figure			{ clear:both; display:inline-block; margin:0 0 20px 0 !important; object-fit:contain !important; padding:0;  }
figure img      { border:none; height:auto; object-fit:contain !important; width:100% !important; }

.caption,
figcaption		{ clear:both;font:italic 0.8em Arial, Helvetica, sans-serif; line-height:1; }

#livearea { width:100%; height:inherit; display:block; }
	#images {
		color:#333;
		display:block;
		float:left;
		font-size:0.8em;
		height:100%;
		line-height:1.5;
		min-width:360px;
		min-height:240px;
		margin:0;
		padding:0;
		position:relative;
		text-align:right;
		vertical-align:top;
		width:30%;
	}
	#images-bib,
	#images-cat {
		color: #333;
		font-size: 0.8em;
		line-height: 1.5;
		width: 280px;
		min-height: 240px;
		margin: 0 6px 12px 0;
		padding: 0;
		vertical-align: top;
		text-align: right;
		float:left;
	}
	#images a:hover,
	#images-bib a:hover,
	#images-cat a:hover {
		background: none;
	}
	#images a.imglnk:hover,
	#images-bib a.imglnk:hover,
	#images-cat a.imglnk:hover {
		background: #eee;
	}
	#content-1col {
		color: #333;
		font-size: 0.8em;
		line-height: 1.5;
		vertical-align: top;
		width: 900px;
		padding: 0;
		margin: 0 0 12px 6px;
		background: #fff;
		float: left;
		clear: right;
	}
	#content {
		clear: right;
		color: #333;
		display:block;
		float: left;
		font-size: 0.8em;
		height:100%;
		line-height: 1.5;
		margin: 0px 0px 0px 1%;
		min-width: 400px;
		padding:0px;
		position:relative;
		background: #fff;
		border-left: 1px solid #666;
		vertical-align: top;
		width:63%;
	}
	#content-bib,
	#content-cat {
		color: #333;
		font-size: 0.8em;
		line-height: 1.5;
		vertical-align: top;
		width: 680px;
		min-width: 600px;
		padding: 0 0 0 20px;
		margin: 0 0 20px 20px;
		background: #fff;
		border-left: 1px solid #666;
		float: left;
		clear: right;
	}
		#content a,
		#content-bib a,
		#content-cat a,
		#content-1col a{
			color: #333;
			text-decoration: underline;
		}
		#content a:hover,
		#content-bib a:hover,
		#content-cat a:hover,
		#content-1col a:hover {
			color: #000;
			background: #eee;
			text-decoration: none;
		}
		
#content p {
	margin:0 0 12px 20px;
	padding:0;
}
h1 {
	font-size:3em;
	line-height:1;
	font-weight:100;
	margin:0 0 20px 20px;
	padding:0;
}
h3 {
	font-size: 2em;
	line-height: 1.25;
	font-weight: normal;
	margin: 0 0 20px 20px;
	padding: 0;
}
h4 {
	font-size: 1.6em;
	line-height: 1.25;
	font-weight: normal;
	margin: 0 0 20px 20px;
	padding: 0;
}
cite {
	font-size: 0.85em;
	line-height:1;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 10px 20px;
	padding: 0;
	text-indent: -20px;
	display:block;
	clear:both;
}
.references cite {
	clear:both;
	display:block;
	font-size: 0.85em;
	font-style: normal;
	font-weight: normal;
	line-height:1;
	margin: 0 0 10px 20px;
	padding: 0;
	text-indent: -20px;
}
.references cite:hover { color:#000; background-color:rgba(155,150,125,0.2) !important; }

.note {
	font-size: 0.88em;
	line-height:1.2;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0px 10px 20px;
	padding: 0;
	display:block;
	clear:right;
}

.note .ref { 
	text-decoration:underline;
	text-decoration-color:#333 !important;
	text-decoration-skip:edges !important;
	text-decoration-style:dotted !important;
	text-decoration-thickness:1px !important;
	text-underline-offset:2px !important; 
}

footer,
div.section			{ clear:both; display:block; margin: 20px 0 !important; padding:0px; }
ul, ol {
	clear: both;
}
		cite a,
		#content a,
		#content ol a,
		#content ul a,
		#content-cat a,
		#content-cat ol a,
		#content-cat ul a,
		#content-1col a,
		#content-1col ol a,
		#content-1col ul a,
		.note a {
			padding: 2px;
		}
	
#ftr 		{ clear:both; display:block; font-size:0.75em; width:100%; }

h1,
.caption,
#ftr, 
#ftr a { color:rgba(155,150,125,1);
}