body {
	background-color: #003000;
	font-size: 100%;
	text-align: center;
	font-family: Aharoni, sans-serif;
	color: #f9bf8f;
}

a:link {
	text-decoration: none;
}

a:link,
a:visited,
a:active {
	color: #a5d6e3;
}

a:link:hover,
a:visited:hover,
a:active:hover {
	color: #ffffff;
}

strong {
	color: white;
}

body>aside {
	float: left;
	background-color: #000000;
	border: 3px ridge #fbc74f;
	padding: 0 0.3em 0.2em
}

body>aside>* {
	display: block;
	margin: auto;
	text-transform: uppercase;
}

body>nav,
body>main {
	display: inline-block;
	max-width: 120ch;
	margin: 0 auto;
}

body>nav>ul {
	display: inline;
	padding: 0;
}

nav>ul>li {
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 130%;
}

nav>ul>li>a:hover {
	color: white;
}

nav>ul>li:before {
	content: "| ";
}

nav>ul>li:after {
	content: " |";
}

img {
	max-width: 100%;
}

/* index */

#next-event {
	color: yellow;
}

/* galleries */

#galleries {
	padding: 0;
	list-style: none;
}

#gallery img {
	display: inline-block;
	margin: 8px;
	vertical-align: middle;
}

/* events */

ul.events {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.events>li {
	margin: 1em 0em;
}

.event,
.event-title,
.event-location {
	font-family: Trebuchet, sans-serif;
}

.event {
	color: #ffffff
}

.event strong,
.event-location {
	color: #f9bf8f;
}

.event-title {
	font-size: 110%;
	color: #fbc74f;
}

#new-event {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

#new-event>fieldset {
	display: table;
	border-spacing: 0.5em;
}

#new-event>fieldset>div {
	display: table-row;
}

#new-event>fieldset>div>* {
	display: table-cell;
}

#new-event>fieldset>div>label {
	text-align: right;
}

#new-event>fieldset>div>span {
	text-align: left;
}

#calendar-link {
	display: inline-block;
	border: 3px outset #fbc74f;
	padding: 0.5em;
}