body {
	color: #ded;
	background: #121;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
}

a {
	color: white;
}

a:hover {
	text-decoration: none;
	color: yellow;
	text-shadow: 1px 1px 2px #000;
}


#contents {
	background: #565;
	border-radius: 0.5em;
	padding: 0.5em;
}

#contents h1 {
	font-size: 24pt;
	font-family: helvetica;
	margin-top: 0;
	margin-bottom: 0.1em;
	background: #343;
	padding: 5pt;
	color: white;
	text-shadow: 2px 2px 2px #000;

	border-radius: 8px;
}

h2,h3 {
	padding: 5pt;
	border-radius: 8px;
	background: #343;
	color: white;
	text-shadow: 2px 2px 2px #000;
}


div.pageInfoFooter {
	margin-top: 0.5em;
	padding: 0.25em;
	text-align: right;
	font-size: 0.75em;
	text-shadow: 1px 1px 1px black;
	color: white;
}


/*
 * Albums
 */
div.albumHeaderText {
	padding: 0.5em;
	font-size: 1.25em;
}

table {
	width: 100%;
}

td {
	width: 15%;
	padding: 0.5em;
	text-align: center;
}

table.albumTable {
	background: #454;
	border-radius: 0.5em;
	border-top: 1px solid #343;
	border-left: 1px solid #343;
	border-bottom: 1px solid #787;
	border-right: 1px solid #787;
}

table.imageTable td {
}


table a, table a:visited  {
	text-decoration: none;
	color: white;
	outline: 0;
}

table a:hover, table a:active, table a:focus {
	text-shadow: 1px 1px 2px #000;
	text-decoration: underline;
	color: #f00;
}



/*
 *
 */
div.imageBox, div.imageFilename {
	text-align: center;
}

div.imageBox img, div.imageCtrl img {
	border: 0.2em solid black;
	border-radius: 0.3em;
	box-shadow: 4px 4px 4px black;
}

div.imageCtrl {
	width: 15%;
}

div.imageBox a:hover img, div.imageBox a:active img, div.imageBox a:focus img,
div.imageCtrl a:hover img, div.imageCtrl a:active img, div.imageCtrl a:focus img {
	border: 0.2em solid white;
}

a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon {
	box-shadow: 0px 0px 4px black;
	background: black;
	transition: 0.15s;
}

div.imageCBox {
	text-align: center;
}

div.imageCtrl, div.imageCBox div.imageBox {
	display: inline-block;
	vertical-align: middle;
}

div.imageCtrl.next {
	left: 0;
}

div.imageCaption {
	text-align: center;
	font-size: 1.5em;
	text-shadow: 1px 1px 2px black;
	padding: 0.5em;
}

td div.imageCaption {
	text-align: center;
	font-size: 1em;
	text-shadow: 1px 1px 2px black;
	padding: 0.5em;
}


div.infoBox {
	text-align: center;
	margin: 0.5em;
	padding: 0.5em;
	border: 0.2em solid white;
	border-radius: 0.5em;
}

span.infoDateTime {
	display: block;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 2px black;
}

/*
 *
 */
div.naviControls {
	font-size: 1.5em;
	text-align: center;
	margin: 0.5em;
}

.naviBreadCrumbItem {
}

.naviBreadCrumbCurr {
	color: red;
}

.naviBreadCrumbSep:before {
	content: " → ";
	color: #0f0;
	font-weight: bold;
	font-size: 1.5em;
}

div.naviBreadCrumbs {
	text-shadow: 1px 1px 1px black;
	padding: 0.5em;
	padding-top: 0;
	border-radius: 0.3em;
	font-size: 1.2em;

	background: #454;
	border-top: 1px solid #343;
	border-left: 1px solid #343;
	border-bottom: 1px solid #787;
	border-right: 1px solid #787;
}