@charset "UTF-8";
/*
 * Written by Matthew Blissett
 * Last modified 2016-07-01 21:59:29 UTC
 * Released into the public domain
 */

* {
	x-outline: 1px solid rgba(200, 200, 0, 0.1);
}

@font-face {
	font-family: "LacunaRegular";
	src: url("Lacuna.eot");
	src: url("Lacuna.eot?#iefix") format("embedded-opentype"),
             url("Lacuna.woff") format("woff"),
             url("Lacuna.ttf") format("truetype"),
             url("Lacuna.svg#LacunaRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "LacunaItalicRegular";
	src: url("Lacuna_italic.eot");
	src: url("Lacuna_italic.eot?#iefix") format("embedded-opentype"),
	     url("Lacuna_italic.woff") format("woff"),
	     url("Lacuna_italic.ttf") format("truetype"),
	     url("Lacuna_italic.svg#LacunaItalicRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Teen";
	font-weight: normal;
	font-style: normal;
	src: url("Teen.ttf")
}

@font-face {
	font-family: "Teen";
	font-weight: light;
	font-style: normal;
	src: url("Teen_light.ttf")
}

@font-face {
	font-family: "Teen";
	font-weight: normal;
	font-style: italic;
	src: url("Teen_italic.ttf")
}

@font-face {
	font-family: "Teen";
	font-weight: light;
	font-style: italic;
	src: url("Teen_light_italic.ttf")
}

@font-face {
	font-family: "Teen";
	font-weight: bold;
	font-style: normal;
	src: url("Teen_bold.ttf")
}

@font-face {
	font-family: "Teen";
	font-weight: bold;
	font-style: italic;
	src: url("Teen_bold_italic.ttf")
}

html {
	margin: 0;
	padding: 0;
	background: #121212  fixed;
}

body {
	margin: 0;
	padding: 0;
	color: #eee;
	font-family: LacunaRegular, Georgia, serif;
	quotes: '\201C' '\201D' '\2018' '\2019';
}

/* For the main content */
#c {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 0 5rem 0;

	color: #eee;

	max-width: 960px;
	margin: 0 auto;
	background: #222;
}

#c #home-image {
	width: 100%;
}

#c #home-image img {
	width: 100%;
}

/* HEADINGS *******************************************************************/
#c h1 {
	margin: 0;
	padding: 0.8rem 1rem;

	color: #33b033;

	font-family: Teen, sans-serif;
	font-size: 2em;
	text-align: center;
}

#c h2, #c h3, #c h4, #c h5, #c h6 {
	padding: 0 1rem;
	font-family: Teen, sans-serif;
	margin: 0.8em 0 0.2em 0;
	color: #33b033;
}

#c h1 + h2, #c h2 + h3, #c h3 + h4, #c h4 + h5, #c h5 + h6,
#c h1:first-child, #c h2:first-child, #c h3:first-child, #c h4:first-child, #c h5:first-child, #c h6:first-child {
	margin-top: 0;
}

#c h2 {
	font-size: 1.6em;
}

#c h3 {
	font-size: 1.4em;
	font-weight: normal;
}

#c h4 {
	font-size: 1.2em;
	font-weight: lighter;
}

#c h5 {
	font-size: 1.0em;
	font-weight: lighter;
}

#c h6 {
	display: run-in;
	font-size: 1.0em;
	font-weight: lighter;
}

#c h6:after {
	content: ':' ' ';
}

/* IMAGES *********************************************************************/
#c p img {
	display: block;
	margin: 0 auto;
	border: thin solid #212121;
	clear: both;
}

#c img.left {
	margin: 0 1em 0.25em 0;
	float: left;
	clear: left;
}

#c img.right {
	margin: 0 0 0.25em 1em;
	float: right;
	clear: right;
}

#c img.caption {
	padding: 0;
	text-indent: 0;
	border: none;
}

#c img.caption:before {
 content: attr(alt);
 display: block;
 text-align: center;
 font-size: 85%;
 font-style: italic;
}

/* BLOCK ELEMENTS *************************************************************/
#c p {
	padding: 0 1rem;
	margin-bottom: 0.8ex;
	margin-top: 0.8ex;
	text-indent: 0;
}

#c p + p {
	text-indent: 3em;
}

#c .multiline {
	white-space: pre;
}

#c .multiline, #c blockquote {
	display: block;
	overflow: auto;
	margin: 0.5em 1em;
	padding: 0.2em 0.5em 0.5em;
	border: thin solid #212121;
	background: #1a1a1a  fixed;
	color: #eee;
}

#c blockquote.cite:before {
	content: 'Source ' attr(cite);
}

#c .multiline:before, #c blockquote.cite:before {
	display: block;
	margin: -0.2em -0.5em 0.5em;
	padding: 0 0.5em;
	text-align: center;
	line-height: 1.5;
	font-style: normal;
	font-weight: normal;
}

hr {
	border-top: thin solid #33b033;
	border-bottom: thin solid #008;
}

/* LISTS **********************************************************************/
#c ul, #c ol, #c dl {
	margin-top: 0;
	margin-bottom: 0;
}

#c li {
}

/* COLUMNS ********************************************************************/
#c .columns {
    column-rule: thin solid #212121;
}

#c .span-columns {
    column-span: all;
}

#c .columns h1,
#c .columns h2,
#c .columns h3,
#c .columns h4,
#c .columns h5,
#c .columns h6 {
    break-after: avoid;
}

#c .columns table {
    break-inside: avoid;
}

#c .columns.narrow {
    column-width: 18em;
}

#c .columns.wide {
    column-width: 40em;
}

/* INLINE ELEMENTS ************************************************************/
#c code, #c samp, #c kbd {
	font-family: "DejaVu Sans Mono", "Bistream Vera Sans Mono", "Monaco", "Courier New", monospace;
}

#c kbd {
	font-weight: bold;
	font-style: normal;
}

#c samp {
	font-style: oblique;
	font-weight: normal;
}

/* FORMS **********************************************************************/
#c form {
	text-align: center;
	clear: both;
}

#c fieldset {
	border: thin solid #212121;
	background: #1a1a1a  fixed;
	color: #eee;
	margin: 0.2em 0;
	padding: 0.5em;
}

#c legend {
	border: thin solid #212121;
	background: #212121  fixed;
	color: #eee;
	padding: 0.2em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
	text-transform: uppercase;
	font-variant: small-caps;
}

#c form div {
	margin: 0.2em auto;
}

#c input, #c textarea, #c select {
	border: thin solid #323232;
	background: #212121 fixed;
	color: #eee;
}

#c input[type=text], #c textarea {
	font-family: "DejaVu Sans Mono", "Bistream Vera Sans Mono", "Monaco", "Courier New", monospace;
}

#c input:focus, #c textarea:focus, #c select:focus {
	color: white;
}

#c input[type=radio], #c input[type=checkbox] {
	border: none;
	background: inherit;
}

#c button, #c input[type=submit] {
	font-size: 0.8em;
	border: 1px solid #323232;
	background-color: #212121;
	color: #eee;
	padding: 0.3em 1em;
}

#c input[type=submit]:hover, #c button:hover {
	outline: 1px solid #0b0;
}

/* ANCHORS ********************************************************************/
a:link, a:visited {
	color: #33b033;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:link img {
	border: thin solid #33b033;
}

a:visited img {
	border-color: #33b033;
}

a:link img:hover {
	border: thin solid #eee;
}

/* TABLES *********************************************************************/
#c table {
	margin: 0.2em auto;
	clear: both;
}

#c table, #c th, #c td {
	border: thin solid #666;
	border-collapse: collapse;
	text-align: center;
}

#c th, #c td {
	padding: 0.4em;
}

#c tr:nth-child(6n-3), #c tr:nth-child(6n-4), #c tr:nth-child(6n-2) {
	background: #212121;
}

#c tr th {
	background: #323232;
}

/* USEFUL CLASSES *************************************************************/
#c .centre, #c .center {
	text-align: center;
	margin: 0 auto;
}

#c .clear {
	clear: both;
}

#c .pre {
	white-space: pre;
	text-indent: 0;
}

#c .abstract {
	font-style: italic;
}

/* FOOTER *********************************************************************/
#footer {
	position: relative;
	bottom: 0;
	clear: both;
	margin: 0;
	padding: 0.5ex 0 0 0;
	font-size: 0.8em;
	text-align: center;
	background: #555;
	border-top: 2px solid #777;
}

#footer #license {
	font-size: 75%;
	margin: 1em auto 0;
	padding-bottom: 1em;
}

#footer #license img {
	padding: 0 0.3em;
	height: 2.5em;
	width: 2.5em;
	vertical-align: middle;
}

#c p.unmaintained {
	font-size: smaller;
	font-style: italic;
}

/* APACHE AUTOINDICES *********************************************************/
#c #autoindex { /* Apache directory indices */
    column-width: 52ex;
    column-rule: thin solid #212121;
}
#c #autoindex img {
	border: none;
	box-shadow: none;
}
#c #autoindex pre {
    margin-top: 0;
}
#c #autoindex pre:first-line {
    font-weight: bold;
}

/* PRINT **********************************************************************/
@media print {
	#nav, .noprint {
		display: none !important;
	}
	#c {
		position: static;
	}
	h1#main {
		display: none;
	}
	h1, h2, h3, h4, h5 {
		text-decoration: underline;
		page-break-after: avoid;
	}
	.multiline, blockquote, img.alt {
		overflow: visible;
		white-space: pre-wrap;
	}
	.multiline:after, blockquote:after {
		content: 'Note that lines may have been wrapped when printing.';
		font-size: 0.8em;
		font-weight: normal;
		font-style: oblique;
		font-family: serif;
		text-align: right;
		display: block;
	}
	a[href]:after {
		content: ' [' attr(href) ']';
	}
	a[href].notprinturi:after {
		content: '';
	}
	a[href].printurionly {
		content: '';
	}
}

/* NAVIGATION *****************************************************************/
nav {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;

	margin: 0;
	border-bottom: 2px solid #777;
	background: #555;
	color: white;

	text-align: right;
}

nav a:link, nav a:visited {
	display: inline-block;
	padding: 1em;
	margin: 0 1em 0 0;
	color: white;
	text-decoration: none;
}

nav a:first-child {
	float: left;
}

nav a:hover {
	text-shadow: 0 0 0.25em #00f;
}

@media only screen and (max-width: 900px) {
	nav a:link, nav a:visited {
		padding: 0.5em;
		margin: 0 0.5em 0 0;
	}
}

@media only screen and (min-width: 901px) {
	nav a:link, nav a:visited {
		padding: 1em;
		margin: 0 1em 0 0;
	}
}

/* FRONT PAGE PHOTO SLIDESHOW *************************************************/
#slideshowwrapper {
	width: 688px;
	margin: 2em auto;
	padding: 0;
}

#slideshowwrapper .slider-button {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 188px;

	font-size: 30px;
	line-height: 26px;
	text-align: center;

	background: #212121;
	color: #eee;
	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#slideshowwrapper .slider-button:hover {
	background: #666;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#slideshowwrapper .pagination {
	display: none;
	float: left;
	height: 23px;
	margin: 0;
	padding-top: 0.5em;

	text-align: center;
	list-style: none;
}
#slideshowwrapper .pagination li {
	float: left;
	height: 12px;
	width: 12px;
	margin-right: 4px;

	background: #212121;

	cursor: pointer;
}
#slideshowwrapper .pagination li:hover, #slideshowwrapper .pagination li.current {
	background: #666;
}

#slideshowwrapper #slideshow {
	float: left;
	width: 614px;
	height: 408px;

	border: none;

	background-color: black;
	color: #eee;
	text-shadow: 0 0 2px #121212, 0 0 4px #121212, 0 0 6px #121212, 0 0 8px #121212;
	box-shadow: 0 0 0.8em #212121;
}
#slideshowwrapper #slides {
	position: relative;
	width: 614px;
	height: 408px;
	margin: 0;
	padding: 0;

	overflow: hidden;
	list-style: none;

	text-align: center;
}
#slideshowwrapper #slides li {
	width: 614px;
	height: 408px;
	padding: 0;
	margin: 0 auto;

	background: #212121;
}
#slideshowwrapper .fader-slide {
	position: absolute;
	opacity: 0;
}
#slideshowwrapper .fader-fade {
	opacity: 1;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	transition: opacity .4s;
}

#slideshowwrapper #caption {
	position: relative;

	background-color: #121212;
	color: #eee;
	text-shadow: 0 0 2px #121212, 0 0 4px #121212, 0 0 6px #121212, 0 0 8px #121212;
}
#slideshowwrapper #caption div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5ex;

	background: #000;
	background: rgba(0,0,0,.7);
}
#slideshowwrapper #caption p {
	line-height: 1.4;
}

#recentphotos {
	clear: both;
}

/* FRONT PAGE PHOTO ALBUMS ****************************************************/
#albums {
	text-align: center;
	margin: 2em 0;
}

#albums a {
	position: relative;
	display: inline-block;

	width: 178px;
	height: 178px;
	margin: 1em;
	padding: 1px;
	overflow: hidden;

	text-align: center;
	border: none;

	background-color: #121212;
	color: #eee;
	text-shadow: 0 0 2px #121212, 0 0 4px #121212, 0 0 6px #121212, 0 0 8px #121212;
	box-shadow: 0 0 0.8em #212121;
}
#albums a:visited {
	color: #eee;
}

#albums a:hover {
	overflow: visible;
	z-index: 2;

	text-decoration: none;

	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#albums a span {
	position: absolute;
	top: 0; left: 0;
	width: 100%;

	margin: 0;
	padding: 0.5em 0 0.5em 0;

	font-size: 0.8em;

	background: rgba(0, 0, 0, 0.5);
}

#albums a:hover span {
	overflow: visible;
	z-index: 2;

	background: rgba(0, 0, 0, 0.75);

	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* FRONT PAGE MAP *************************************************************/
#mapcontainer, #map {
	margin: 0 auto;
	width: 100%;
}

#mapcontainer p {
	font-size: 0.6em;
	color: grey;
	padding-top: 0;
	margin-top: 0;
}

#mapcontainer div + p {
	text-align: right;
	line-height: 1em;
	transform: rotate(90deg) translate(-1em,-1.6em);
	transform-origin: 100% 0%;
}

.country {
	fill: #121;
	stroke: #444;
	stroke-width: .5px;
	stroke-linejoin: round;
}

.graticule {
	fill: #013;
	stroke: #000;
	stroke-opacity: .3;
	stroke-width: .5px;
}

.graticule.outline {
	stroke: #333;
	stroke-opacity: 0.5;
	stroke-width: 0.5px;
}

.graticule.mesh {
	stroke: #f88;
	stroke-opacity: 1;
	stroke-dasharray: 5,2;
	stroke-width: 1px;
}

/* kate: indent-mode normal; indent-width 4; space-indent off; tab-width 4; hl css; */