:root {
	--sitebg:#13084a;
    --divbg:#000000;
    --texta:#c61616;
    --linka:#d5a745;
    --textb:#ffffff;
    scroll-behavior: smooth;
	background: var(--bgcolour);
}

body {
	background-image:url("/img/bg_swords.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-color: var(--sitebg);
	color: var(--texta);
	font-family: serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

header{
		display: flex;
	flex-direction: column;
	align-items: center;
}

header>h2{
	filter: drop-shadow(0.1em 0.1em black);
}

nav{
	width: 80%;
	background-color: var(--divbg);
	border: 0.5em double var(--linka);
	padding: 0.5em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
nav>ul{
	display: flex;
	flex-direction: row;
	align-items: center;
}
nav>ul:before {
	content: url('/img/penta2.gif');
	align-self: center;
}

nav>ul > *:not(:first-child)::before {
	content: url('/img/penta2.gif');
	align-self: center;
}

nav>ul:after {
	content: url('/img/penta2.gif');
	align-self: center;
}

nav>ul li{
	display: flex;
	align-items: center;
}

main{
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

footer{
	width: 80%;
	background-color: var(--divbg);
	border: 0.5em double var(--linka);
	padding: 1em;
	text-align: center;
	font-style: italic;
	margin-bottom: 2em;
}

a{
	color:var(--linka);
}

.cont_wide, .cont_mid, .cont_narrow, .cont_ref{
	background-color: var(--divbg);
	border: 0.5em double var(--linka);
	padding: 1em;
	margin: 2em;
	text-align: center;
}

img{
	object-fit: contain;
}
.cont_wide{
	width: 80%
}
.cont_ref img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}
.cont_wide{
	width: 80%
}
.cont_ref{
	width: 80%
}
.cont_mid{
	width: 60%
}
.cont_narrow{
	width: 30%
}

.cont_wide>ul, .cont_mid>ul, .cont_narrow>ul{
	list-style: none;
	padding:none;
}

.schedule{
	background-color:blue;
	color:white;
	margin:1em;
	padding:1em;
	font-family: "Courier New", monospace;
	text-align: left;
	font-size:120%;
}

p.summary{
	color:cyan;
	font-style:italic;
	margin-top:0em;
}

.schedule>h1, .schedule>h2, .schedule>h3, .schedule>h4, .schedule>h5, .schedule>h6{
margin-top:0em;
text-align:right;
}	

hr.ghost{
	border:0px;
	padding:0px;
	margin:0px;
}

.schedule>ul{
	list-style: none;
	padding:0;
	color:yellow;
	font-weight:bold;
}
.schedule a{
	color:yellow !important;
}

.schedule.alt{
	background-color:darkblue;
}
.schedule-hr{
	border-bottom:2px solid cyan;
}

.archivetitle{
	display: flex;
	flex-direction: row;
	width: 100%;
}

.archivetitle>.item:last-child{
  margin-left: auto;
}