body {
	background-color:#ccdddd;
	margin:0px;
	color:#000000;
	font-family:Verdana,sans-serif;
	font-size:13px;
}
.smaller {
	font-size:8pt;
}
.centered {
	text-align:center;
}
h1 {
	font-size:20px;
}

h2 {
	font-size:17px;
	margin-bottom:8px;
}
p {
	margin-top:0px;
	margin-bottom:8px;
}

a[href] {
	color:#0066cc;
	text-decoration:none;
}
a[href]:visited {
	color:#0044aa;
}
a[href]:hover {
	text-decoration:underline;
}
a[href].underline {
	text-decoration:underline;
}

.menu_cell p {
	font:10px Verdana,sans-serif;
	font-weight:normal;
	margin-right:4px; 
	margin-left:2.0em; 
	text-indent:-1.9em;
	margin-top:0px;
	margin-bottom:0px;
	padding:3px 4px 3px 3px;
}
.menu_cell select {
	font:9px Verdana,sans-serif;
}

.menu_cell p.heading {
	font-weight:bold;
	font-size:10px;
	color:#000000;
	padding-left:0px;
}

.menu_cell p.heading a[href] {
	text-decoration:none;
	color:#000000;
}

.menu_cell td.highlighted {
	background:#ffffff;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.menu_cell td.highlighted p {
	text-indent:-2.0em;
}

.menu_cell td.highlighted a {
	font-weight:bold; letter-spacing:-0.2px;
}

.menu_cell p.unfinished {
	color:#999999;
}

.index_count_note {
	font-weight:normal;
	font-size:10pt;
}

td.maincell {
	padding:8px 12px 4px 16px;
}

.index_grid {
	margin-top:15px;
	border-collapse:collapse;
}


img.title_thumbnail {
	border:none;
}

.index_thumbnail {
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:10px 7px 4px 7px;
}
td.index_thumbnail {
	border-top:1px solid #cccccc;
}
.index_thumbnail img {
	border:1px solid #666666;
	box-shadow:2px 2px 4px #666666;
}
.index_thumbnail a:hover img {
	border:1px solid #0066cc;
}

div.index_caption, td.index_caption {
	font-size:13px;
	line-height:1.15;
	text-align:center;
	vertical-align:top;
	margin:0px;
	padding:4px 7px 8px 7px;
}
.index_caption a[href] {
	color:#003399;
}
.index_caption a[href]:hover {
	color:#0066cc;
}
td.index_caption {
	border-bottom:1px solid #cccccc;
}

div.index_caption1, td.index_caption1 {
	margin-bottom:6px;
}
div.index_caption2, td.index_caption2 {
	text-align:center;
	font-size:85%;
	line-height:1.2;
	margin-top:3px;
	color:#999999;
}

.index_heading {
	clear:both;
}
.index_heading h3 {
	margin:20px 0px 10px 0px; padding:3px; background:#eeeeee;
}

.index_flexcontainer {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	border-top:1px solid #cccccc;
}
.index_flexbox {
	border-bottom:1px solid #cccccc;
	box-sizing:border-box;
}
.index_flexbox td {
	border:none;
}

.index_flexcontainer.no_top_border {
	border-top-width:0px;
}

table.master_index, div.master_index {
	border-collapse:collapse;
}
div.master_index {
	display:flex; flex-wrap:wrap; justify-content:left;
	width:100%;
}
div.master_index_block {
	flex-grow:1; flex-basis:26%;
	display:block;
	width:245px;
	white-space:nowrap;
	border-top:1px solid #cccccc;
	margin-right:10px;
}
div.master_index_thumbnail {
	display:inline-block;
	width:65px;
	vertical-align:middle;
	text-align:center;
	margin:0px;
	padding:7px 5px 7px 0px;
}
div.master_index_caption {
	display:inline-block;
	width:170px;
	vertical-align:middle;
	text-align:left;
	overflow:hidden;
	margin:0px;
	padding:5px 0px 5px 0px;
}
td.master_index_thumbnail {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0px;
	padding:7px 5px 7px 5px;
}
td.master_index_caption {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:10px solid white;
	margin:0px;
	padding:5px 15px 5px 1px;
}
.master_index_caption {
	white-space: nowrap;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
}
.master_index_thumbnail a img {
	border:1px solid #999999;
	margin:1px;
}
.master_index_thumbnail a:hover img {
	border-color:#0066cc;
	border-width:2px;
	margin:0px;
}
.master_index_thumbnail a span {
	border:1px solid #999999;
	margin:1px;
}
.master_index_thumbnail a:hover span {
	border-color:#0066cc;
	border-width:2px;
	margin:0px;
}
.album_month {
	font-size:10px;
	line-height:11pt;
}
.album_state {
	font-size:11px;
	font-weight:normal;
	line-height:13pt;
}
.photo_count {
	font-size:9px;
	font-weight:normal;
	color:#888888;
}
td.new_album {
	background-color:#eeeeff;
}
.new_album {
	font-weight:bold;
}
.new_album a img {
	border:2px solid #0066cc;
	margin:0px;
}
.new_album a:hover img:hover {
	border-color:#0044aa;
}
.index_links {
	margin:0px;
	padding:8px 6px 4px 6px;
}
.index_links a[href] {
	text-decoration:underline;
}

td.media {
	padding-top:4px;
	padding-bottom:6px;
}
td.media img {
	border:1px solid #000000;
}

td.media_mobile {
	padding-top:0px;
	padding-bottom:0px;
}
td.media_mobile img {
	border:1px solid #000000;
}

.photo_links {
	font-size:9pt;
	margin:0px;
}
.photo_links_top {
	padding-bottom:12px;
}
.photo_links_top_mobile {
	font-size:16pt;
	padding-top:6px;
	padding-bottom:14px;
}
.photo_links_bottom {
	padding-top:16px;
}
.photo_links_bottom_mobile {
	font-size:16pt;
}
.photo_title {
	font-size:13pt;
	font-weight:bold;
	margin:0px;
	padding-bottom:6px;
}
.photo_title_mobile {
	font-size:20pt;
	padding-top:4px;
	padding-bottom:0px;
}
.photo_location {
	font-size:9pt;
	margin:0px;
	padding-bottom:4px;
}
.photo_location_mobile {
	font-size:9pt;
	margin:0px;
	padding-top:4px;
}
.photo_coordinates {
	margin:0px;
	padding-bottom:2px;
	font-size:8pt;
}
.photo {
	border:1px solid #000000;
}
.photo_data {
	font-size:8pt;
	color:#666666
}
.caption {
	font-size:9pt;
}
.caption_mobile {
	font-size:11pt;
}
.keywords {
	margin-bottom:1em;
}
.underlined {
	text-decoration:underline;
}
.credit {
	font-size:8pt;
	font-style:italic;
}
.credit_mobile {
	font-size:8pt;
	font-style:italic;
}
.disclaimer {
	font-size:7.5pt;
	padding-top:6px;
	padding-bottom:10px;
	padding-right:8px;
}

.album_comments {
	text-align:left;
	/* padding-bottom:20px; */
	/* padding-right:20px; */
}
.album_comments a[href] {
	text-decoration:underline;
}

.shadow_big {
	box-shadow:5px 5px 8px #666666;
}
.shadow_small {
	box-shadow:2px 2px 4px #666666;
}

.visible {
	display:block;
}
.invisible {
	display:none;
}

div#html_tooltip {
	position:absolute;
	display:block;
	border:1px solid black;
	font:11px Verdana,sans-serif;
	padding:2px;
	background-color:white;
	visibility:hidden;
	filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;
	z-index:100;
}
div#html_tooltip div {
	font:11px Verdana,sans-serif;
}

.square_search_thumbnail {
	display:inline-block;
	border:1px solid #0066cc;
	margin:2px;
	height:80px; width:80px;
	overflow:hidden;
}

#shadowbox_screen {
	display:none;
	position:fixed;
	left:0; top:0;
	width:100%; height:100%;
	z-index:10000;
	background:white;
	opacity:0.5;
}
#shadowbox_panel {
	display:none;
	position:fixed;
	background-color: white;
	border:solid 1px black;
	z-index:10001;
	left:50%;
	top:50%;
	overflow:hidden;
	text-align:center;
	box-shadow:16px 16px 40px #333333;
}
.shadowbox_title {
	text-align:center;
	font-size:12pt;
	font-weight:bold;
}
.shadowbox_caption {
	text-align:center;
	font-size:10pt;
}
.shadowbox_caption a {
	text-decoration:none;
}
.shadowbox_caption a:hover {
	text-decoration:underline;
}

/* stuff for LazyLoad: */
img.lazy { opacity: 0; }
img.initial, img.loaded, img.error { opacity: 1; }
/* img:not(.initial) { transition: opacity 0.5s; } */