/* localhost/ncvp */

body {
	font-family: sans-serif; 
	line-height: 1.3em;
	margin: .3em;
}

h1 {
	line-height: 1em;
	color: #484;
	margin: .5em 0em;
}

/* Archive, category, author etc. list */
h1.page-title {
	font-size: 1.2em;
}

/* Page / post */
h1.entry-title {
	background-color: #eef;
	color: #008;
	font-size: 1.2em;
}

h5 {
	margin: .5em 0 .2em;
}

/* Standard footer */
#foot {
	font-size: 80%; 
	margin: .2em;
	background-color: #fdd;
	color: #000;
/*	text-align: center; */
}

/* Original without the 'a ' was too coarse, and gave Leaflet map tiles white borders */
a img {
	border: 1px solid #fff;
}

/* 'Real' table containing data */
table.data {
	border-collapse: collapse;
}
table.data tr {
	vertical-align: text-top;
}
table.data td {
	border:gray solid 1px; 
	padding: 0.1em 0.1em;
}
table.data tr.hdr {
	background-color: #aaa;
}
table.data td.ralgn {
	text-align: right;
}

/* Layout table to control image positioning and text flow */
table.layout {
	border-collapse: collapse;
}
table.layout td {
	padding: 20px 0px 0px 0px;
}

/* Chunk of code. Always seems to occupy its own paragraph */
pre {
	background-color:#fff; 
	font-size:10px; 
	font:monospace; 
	line-height:normal; 
	padding:5px;
}

/* Little snippets of code, terminal entries etc. */
code,
span.code {
	background-color: #ddd; 
	font-family: Monaco, monospace; 
	color: #666; 
	font-size: small
}

/* Announcement */
span.tada {
	background-color:#888; 
	font-family:Monaco, monospace; 
	color:#fff; 
	white-space:nowrap; 
	font-size:large
}

/* Spreadsheet-like table. Quite useful */
table.xls {
	background-color: #fff;
	border-collapse: collapse;
}
.xls td {
	font-size: small;
	padding: .1em .6em;
	border: gray solid 1px;
	vertical-align: top;
}
.xls-header td {
	font-weight: bolder;
}

/* Losenge-type menu for multiple pages */

.menu a {
	line-height: 1.9;
	margin: .1em .7em .1em 0;
	font-size: .8em;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: none;	
	padding: .2em .6em;
	background-color: #8f8;
	color: #00f;
	white-space: nowrap;
}

.menu a:hover {
  color: white; 
}

/* Two column un-ordered list*/

ul.col2 {
	overflow:hidden;			/* Forces clean start to next thing! */
}  

ul.col2 li {
	float:left;
	width:50%;
}

/* Galleries */

.gallery img {
	width: 90%;
	margin: 5% 5% 0 5%;
}

.gallery ul {
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Caption */
.gallery ul div {
	font-size: 90%;
	line-height: 1.1em; 
	padding: 1% 2% 1% 2%;
	margin: 0 5%;
	border: 1px solid #888;
	background-color: #afa;
	border-radius: 3px;
	overflow: hidden;
}

.gallery > ul > li {
	display: inline-block;
	vertical-align: top;
}

.gallery.cols-2 > ul > li {
	width: 49%;
}

.gallery.cols-3 > ul > li {
	width: 32.5%;
}

.gallery.cols-4 > ul > li {
	width: 24%;
}

.gallery.cols-5 > ul > li {
	width: 19%;
}

/* Slides */

#fancybox-title-over {
	font-size: 1.4em;
	line-height: 1.1em;
}

#fancybox-overlay {
	z-index: 9999;
}