@import 'https://fonts.googleapis.com/css?family=Ubuntu+Mono';
@import 'https://fonts.googleapis.com/css?family=Oxygen+Mono';

html {
  overflow-y: scroll; /* Force the scrollbar, otherwise when it appears everything centered adjusts a bit */
}

body{
	margin: 0;
	font-size: 12pt;
	font-family: Oxygen Mono, Lucida Console, monospace;
	background-color: #fcfcfc;
	
	/* background-image: url("../bg.png"); */
	/* background-attachment: fixed; */
	
	background-image: url("../bg1.png");
	background-position: 100px -30px;
	background-repeat: repeat-x;
}
@media (max-device-width:5in) and (min-width: 800px) {body{
	font-size: 4.5vw;
	background-size: 33%;
}}

/* Main Divs */
div#Main, div#Logo{
	min-width: 320px;
	max-width: 960px;
}
@media (max-width: 1010px) {div#Main, div#Logo{
	max-width: 95%;
}}

div#Logo{
	font-family: Helvetica, Arial, sans-serif;
	margin: 1em auto;
}
div#Logo h3{
	margin-left: 5%;
}
div#Logo a{
	color: rgba(56, 80, 144, 0.85); /*#405078;*/ /* #182860; */
	font-weight: 800;
}
div#Heading{
	font-size: 300%; /* 40pt; */
	margin-top: 0.1em;
	margin-bottom: 1em;
	text-align: center;
	width: 100%;
	height: 1.5em;
	overflow:hidden;
	white-space:nowrap;
	
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;
}
@media (max-width: 480px) {div#Heading{
	font-size: 10.00vw;
}}
div#Main{
	margin: 0 auto;
	/* padding: 0px 20px 0px 20px; */
}
div#Contents{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;
}
div#Entries{
	margin: 3em 0px 3em 0px;
	background-color: #e8e8e8;
	/* border: solid #808080 2px; */
	padding: 3px 32px 3px 32px;
}

.entry{
	margin: 20px auto 20px auto;
}
p.entry-body {
	width: 95%;
	margin: 0 auto 1em auto;
}
.entry-divider{
	height: 40px;
	margin: 0 auto 0 auto;
	background-color: #c8c8c8;
}

/* Visibility toggle */
.shown{
	display: block;
}
.hidden{
	display: none;
}

/* Table spacing */
table{
	width: 100%;
	border-spacing: 0.3em;
}

/* Not lightbox */
span.not-lightbox-nojs{
	display: none;
	width:100%
}
span.not-lightbox{
	display: block;
	width:100%
}
span.not-lightbox > img, div.img-container > img, div.img-container-nojs > img{
	width: 100%;
	height: auto;
}
div.img-collection{
	overflow-x: auto;
	white-space: nowrap;
}
div.img-container{
	margin: 2px;
	-webkit-filter: opacity(0.5);
	filter: opacity(0.5);
}
div.img-container.selected{
	-webkit-filter: opacity(1);
	filter: opacity(1);
}
div.img-container:hover{
	-webkit-filter: opacity(1);
	filter: opacity(1);
}
div.img-container-nojs{
	-webkit-filter: opacity(1);
	filter: opacity(1);
}
div.img-container > img{
	cursor: pointer;
}
/* Video */
.video-container > iframe {
	display: block;
	margin: 16px auto 16px auto;
	max-width: 100%;
}

/* Links */
a{
	color: #0000b0;
	text-decoration: none;
	cursor: pointer;
	overflow:hidden;
	white-space:nowrap;
}
th > a{
	overflow:auto;
	white-space:normal;
}
a:hover{
	color: #0000b0;
	text-decoration: underline;
}
a:active{
	color: #ff0000;
	text-decoration: underline;
}

a.button {
	display: inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	font-weight:bold;
	text-align:center;
	width:auto;
	height:auto;
	padding: 8px 20px;
	margin: 2px;
}

span.js-trigger{
	color: #0000b0;
	cursor: pointer;
	overflow:hidden;
	white-space:nowrap;
	text-decoration: none;
	border-bottom: dotted 1px;
	
	-webkit-transition: border-bottom-color 0.3s;
	   -moz-transition: border-bottom-color 0.3s;
	        transition: border-bottom-color 0.3s;
}
span.js-trigger:hover{
	color: #0000b0;
	text-decoration: none;
	border-bottom-color: transparent;
}
span.js-trigger:active{
	color: #ff0000;
	text-decoration: none;
	border-bottom-color: transparent;
}


h5{
	margin: 0.5em 0;
}
p{
	margin: 0.5em 0;
}