*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}

:root
{
	--darken: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));/*darken an image */
	--max-width: 1280px;
}

html
{
	width: 100%;
	height: 100%;
}

body
{
	background: #252520;
	font-size: 1em;
	width: 100%;
}

del
{
	color: #777;
}

hr
{
	border-top: 1px #000 solid;
}

abbr
{
	border-bottom: 1px #f00 dashed;
	cursor: help;
}	

fieldset
{
	padding: 10px;
	background: transparent;
	border-radius: 3px;
}


ol li
{
	margin-left: 30px;
}

input[type=text], textarea
{
	color: #ccc !important;
    background: rgba(0,0,0,1) !important;
	border: 1px #444 solid;
	padding: 11px 10px;
	margin-left: 15px;
	border-radius: 5px;
	font: normal 1em/1.5em "oswaldvar", sans-serif;
}

input[type=submit], input[type=reset], input[type=button]
{
	height: 30px;
	background: #4c4c4c;
	color: #fff;
	border: 0;
	padding: 0 20px;
	border-radius: 2px;
	font: normal 1em/1.5em "oswaldvar", sans-serif;
}

input[type=submit]:hover, input[type=reset]:hover,input[type=button]:hover
{
    background: #f20;
    color: #fff;
	transition: .5s;
}

select
{
    height: 24px;
    border: 1px #ccc solid;
    margin: 0;
    padding: 0;
}

fieldset input:hover, fieldset input:focus, 
textarea:hover, textarea:focus
{
	box-shadow: 0 0 5px #000;
	background: #fff;
}

#container
{
	height: 100%;
	margin: 0;
	background: transparent;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-items: center;
	overflow: hidden;
}

	#container header
	{
		position: fixed;
		top: 50px 50px 60px 50px;
		height: 400px;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		background: #454540;
		text-align: center;
		border-bottom: 1px #000 solid;
		overflow: hidden;
		z-index: 1;
	}

#banner
{
	width: 100%;
	height: 30px;
	margin-top: -4px;
	margin-bottom: 5px;
	display: flex;
	justify-content: center;
}

#banner #logo
{
	padding: 0 40px;
	color: #fff;
	background: #c20;
	border: 1px #222 solid;
	border-top: 1px #c20 solid;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 0 #222;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(0deg);
}

#banner #logo #sitename
{
	font: normal .8em "oswaldvar", sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	overflow: hidden;
}

#logo #tagline
{
	display: none;
	float: left;
	width: 160px;
	font: normal .7em "robotoregular", "opensanscondlight", sans-serif;
	color: #f5f5f0;
	text-align: left;
	padding: 14px 0 5px 10px;		
	letter-spacing: .1em;
}

/*** MAIN NAVIGATION ***/

nav
{
	position: fixed;
	height: 50px;
	width: 100%;
	margin: 0 auto;
	background: #252520;
	border-bottom: 1px #000 solid;
	z-index: 2;
	overflow: hidden;
}

nav ul
{	
	max-width: var(--max-width);
	height: 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-end;
	padding: 0;
	margin: 0 auto;
}

nav li
{
	list-style: none;
	height: 100%;
	margin: 0;
	background: transparent;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav li a
{
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 32px;
	text-decoration: none;
	color: #999;
	background-color: transparent;
	background-attachment: 50% 50% !important;
	background-repeat: no-repeat;
	font: 600 1em "oswaldvar", serif;
	text-transform: uppercase;
	transition: color .5s ease-in;
}

nav li a:hover, nav li a:focus
{
	color: #f20;
	transition: color 1s;
}

nav li a span
{
	font-size: 2em;
}

a#home_link
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAsElEQVR4nO3QMQ4BURhF4VGKWjRKjQ3oFEJnH7ZgAwrLUNqDkliAxgYkCkQrSD6REJOQYcxTCCe5zcv970leFP0MKGN8STn0eB1LN1ZohRrvYO+eI7rIvTucx8BzhiikHa9g9sL4lTmqr463sZWe7fn22XgTB++zRyNJMJWdSZJgF0CwSxIEIfpZwQKjSxafEBRjvVJwQZSh+xek+qKNx6yzdONHNfTQj6V3fs/S/W5O2uxezPoDdDEAAAAASUVORK5CYII=);
}

a#about_link
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACdklEQVRIS52Wz0tVQRTHvdkPW2Q/FiXWIlJKN22jVdQyRIPQFhatI4t+iAgFtqggLNJIcKlmgi6MauEqdKFB9AdU1q6S3FRKqKD0+nyf58q88d551wa+nDdzv+d8Z86cmXlRyQZaLpfbInoURctZ3aIQkYAH+N4EGsARsM/4s9hP4CUYQfBbWpxEAQLvwuE2aAHbisx2ie9PwV2E5nzuOgGCV0N6DWqypsF4X7D1iHxw/QoECK6gb8FuL/gi/XEwDVZAFTgJtFK3/aRzHBHx8m1NwNLyjrHDntMk/Uacfrjj8Mvp94MzHl97cyxOlyvwkA83PfJvzRayZlZC0B2YzfR/WX+7rUrF4LZOOG1rK7Bq+cxAmUccg3jagqma+oBK9Szjr2xcG3zZ89PGV8P5nl8BAjcwjzySuqr3J2AruKTZG6cHZ1WYfDswdxJ8r8PpigUmIJxIIKUNncN5xASGsVqd38bhnIoFdHD2ZhS4h6POiGZ/FPPeVui7z8KriOz4K2ebMgj04qRUKfh+jCrsYIrfX8bLNiIwg4MqaongFfyeAocCk1oVsNlkSdEQwZuNP4jN/w601RSZwwS22CZ/hXMBLIA3QGci1Ao2Oa1MM2xLKuUaK+iOV6CTmHTQXG/twWNQCa6C0oC67i4dtBn3quhksDXgpNM7ail9hj0f4D6A267vrsBO+rrs9LAktYs4DZjAC6x/ycU+H/mhy26+QMAcFVzX9Z4EhT+MPQeq/7qUSaRf17GDPTi6yGoDKUj6pD1sCD44jojSdQtcAf4N6wfXhupCvB+nxSUUe/SVjkbNDOi1cx995Tp+9FVhiS0o4Hv8z9+Wfzzz2B2Z/YixAAAAAElFTkSuQmCC);
}

a#photos_link
{
	background-image:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACeElEQVRIS8WVTUhVQRTH3y2CKPrYtAjCFmbmVy1KWrTRoEWl2MM03Cht1F2EIC4qkVokktCqLwg0kKh4hJILFyG2KaKFttD8QF0EtSt1Eai8fn+585g7b+6Lt5AGftx7z5nzMTP3nAkS2zyCbfafyBkgnU7vIoF6qIWzcBg24CuchyOwHATBZlyisQFwfgWjh1DgMb6J7Bl8gxXoIsiwL4g3AM6PMnkBdnqMZpCdhDtwK9Sned6DbgLpPTOyAuC8Be0gPIZWT4BLyKZDdjv6XgJ0xQYItyXFhGYYg1k4YBmM4uAy814ju+oJruxrmfPO6DIrCA9UmRXCdzgRruBBOHmdZwUcggmIO79FdEXm4O0A11C8tLLSnt6FKSiGfuiEL3DKk70tShLgrQR2gCG+m6xZf3gvgTJ4riAY/fqH4yy1HWAO7TFnxhucNrB9lTw/2zpk+gGexAScZb5WHVnBGt97PQbVTB535QTYgewTnPHYrGGzzw2ggtkSOmOS79O+aiXIOXQf7ERD21Xm73cDqCqPxyy5HYPIdpht4/kKmwbHLnuL8jk8nB5kvmrkOugvU3XvsXwMkpAKNnIGSb5VZLnG1nZBH6gfadVqG7fBtA3ZNxJAxRgJoENTViq0uFGF4meYtTqtRgc8Aq1CjXEeSgigrhutRpZeg0xd0Vel5pcdRX/RyuA37zq7C/AC6nA+YvS+ZteLUhVrD1N0pQgzfcaa8JT3dmjG+YBt6AsgWQ9oT43ebRtO/IQunEKcL7uKXBeObrH7oG6qqmwD0/hsP0t83MjrwjHWnIkuHF0+6q7voRwk+wEfQeeVMgfqZq/v/3vp+zLKV/YXfBO/GRU6vfMAAAAASUVORK5CYII=);
}

a#contact_social
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAACKElEQVR4nN2TS08TURiGBzTRDdBLoISC0FpDIEBpSoHSBX/BGPwDxq3RSDRx1QVtoQxFWpi2TGM0boyXEONOJfFPGBdsdMdOY0yMNZx5zKmhQJlLqyv9kmdz3suXkzmjKP/NzOv0Jx4QVpK0/3FJknbZMfsI/4lzeThX4UeiAokKH+M6C612x3UWEjqfZIfsmt1m/EjcZjGuwwm2KV19xhmnYumR3sb8jM7tumm6zJ3pMjQSK/N8PslZq3Kpxcq8MMvKzroxWuT6VAksqFgtiBbRLHNFrtWNEY0rkSJYonGjsXxS46ZdJqxx+bh5LqzVDk2Z2OJnZJOpQ/9EkUh4i6pDZqa+IFzCP7YJthR4H8pzbvAh58cKfHDyD2/Sd3TfJO0jBaqjBbBjpMDd0Tz3mvBVT/1Pw3l2h/NgywZfazj73p56EaE1IqF18e3SfYO/IVTrYNL02QVzjAfWxU4wJ74E1w1aQ3yuZTcYU5wmoBIbWhM7QzmxP5QzsEfsS++FNaJKM9OvsjigCjGgGrTEqjgYWOWWbXlPGp8/Kw78qwZm9GXFd4mVLrO9abotF/hUAr1ZAyt8K+KxxM7TqzJoe4vuFfGuZ8XAHGZ/Y653L4tdx2/gSeH3ZMSeN2NwHE9GPDn0eDPiqYm+J7NKM9O1jNudFq/caQOJKyVee7N01Bdk6XClxJtD3Z0WL7uSuJoqb1gU7FziogJtp0Ro68wQ6loi0HLxPzW/AFiWGoZ/K5NGAAAAAElFTkSuQmCC);
}

#section_home a#home_link, 
#section_photos a#photos_link,
#section_about a#about_link,
#section_contact a#contact_link,
#section_exp a#exp_link,
#section_bio a#bio_link
{
	color: #f20;
}

a#home_link:hover,
a#photos_link:hover,
a#about_link:hover,
a#exp_link:hover,
a#contact_link:hover
{
	color: #f00;
	text-decoration: none;
}

main
{
	min-height: calc(100vh);
	width: 100%;
	max-width: var(--max-width);
	margin: 50px auto 20px auto;
	display: flex;
	flex-direction: column;
}

/*** CONTENT AREA ***/

	main #content
	{
		min-height: calc(100vh);
		border: 1px #000 solid;
		border-top: 0;
		margin: 0;
		padding: 0;
		text-align: left;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,.5);
		color: #ccc;
		font: normal 1em/1.5em "oswaldvar", sans-serif;
		display: flex;
		flex-direction: column;
		z-index: 1;
	}
	
@keyframes title1
{
	0%
	{
		opacity: 0;

	}
	100%
	{
		opacity: 1;

	}
}

@keyframes title2
{
	0%
	{
		text-shadow: 0 0 0 transparent;
	}
	100%
	{
		text-shadow: 0 0 20px #000;
	}
}


#content h1
{
	position: fixed;
	width: calc(100% - 2px);
	max-width: calc(var(--max-width) - 2px);
	height: 351px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

	h1#fp
	{
		background-image: var(--darken), url(/IMAGES/BG/slate.jpg);
		background-size: cover;
	}

	h1#photo
	{
		background-image: var(--darken), url(/IMAGES/BG/om1-BW.jpg);
		background-size: cover;
	}

	h1#about
	{
		background-image: var(--darken), url(/IMAGES/BG/street.jpg);
		background-size: cover;
	}

	h1#contact
	{
		background-image: var(--darken), url(/IMAGES/BG/orange.jpg);
		background-size: cover;
	}
	
	h1#notfound
	{
		background-image: var(--darken), url(/IMAGES/BG/standby.jpg);
		background-size: cover;
	}
	
	h1#experiments
	{
		background-image: var(--darken), url(/IMAGES/BG/engine.jpg);
		background-size: cover;
	}
	
	h1 span
	{
		display: inline-block;
		width: 100%;
		font: 600 4em "oswaldvar", serif;
		color: #ccc;
		letter-spacing: .1em;
		text-transform: uppercase;
		animation: title1 1s linear, title2 1s linear;
		text-shadow: 0 0 20px #000;
	}
	
#content h2
{
	height: 25px; /*fixes stupid IE bug that makes background images randomly disappear */
	font: 600 1.5em "oswaldvar", serif;
	color: #ff9;
	background: transparent;
	margin: 20px 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

#content h3
{
	font: normal 1.3em "oswaldvar", serif;
	margin-bottom: 10px;
	color: #ccc;
}

#content p, ul
{
	margin: 15px 0;
	line-height: 1.8em;
}

#content ul
{
	margin: 5px 0;
}

	#content ul li
	{
		list-style-type: circle;
		list-style-image: url(/IMAGES/BG/li.png);
		margin: 5px 0 5px 30px;
	}

#content blockquote
{
	width: 450px;
	font-style: italic;
	margin: 5px 10px;
	padding: 10px 0 10px 15px;
	color: #f2dbb5;
}

#content a
{
	text-decoration: underline;
	color: #999;
	background: transparent;
}

#content a:hover, #content a:focus
{
	color: #f00;
	background: transparent;
}

#content article
{
	width: 100%;
	min-height: 100vh;
	margin: 349px auto 0 auto;
	padding: 50px 50px 60px 50px;
	border-top: 1px #000 solid;
	font-size: 1em;
	background: rgba(0,0,0, .5);
	backdrop-filter: blur(6px);
	z-index: 2;
}

#content .col_wrapper
{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.col_wrapper .item
{
	flex: 1 1 auto;
	margin: 0;
	padding: 10px;
	border: 0px #333 solid;
}

.hide
{
	display: none;
}

.center
{
	text-align: center !important;
}

.lowercase
{
	text-transform: initial;
}

.intro
{
	font-size: 2em;
	color: #eee;
}

.intro2
{
	font-size: 1.5em;
}

.small
{
	font-size: .8em;
}

p.date
{
	color: #ccc;
	background: transparent; 
	padding: 0;
	margin: 30px 0 5px 0 !important;
	font: italic .8em "opensanscondlight", sans-serif;
	text-align: left;
}

/** BOTTOM AREA (clearing div) ***/

footer
{
	position: fixed;
	bottom: 0;
	/* center fixed div trick */
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 100%;
	max-width: 100%;
	padding:  4px 0;
	margin: 0;
	border-top: 1px #000 solid;
	background-color: rgb(69,69,64);
	background-color: rgba(69,69,64,.9);
	backdrop-filter: blur(4px);
}

footer section
{
	max-width: var(--max-width);
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}

footer p
{
	padding: 0;
	margin: 10px auto;
	font: normal .9em "oswaldvar", sans-serif;
	color: #fff;
	text-align: center;
}

footer a
{
	color: #fff;
	display: inline-block;
	padding: 0 20px;
	border-right: 1px #aaa solid;
}

footer a:last-child
{
	border: 0;
}

footer a:hover, footer a:focus
{
	color: #f00;
}

footer #socialbar
{
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent;	
}

footer #socialbar a
{
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	text-align: center;
	font-size: .8em;
}

/*** MISC STYLES ***/

.alert
{
	background: #ff3;
	color: #333;
}

.feeble
{
	display: none;
}

.comment
{
	font: italic .7em verdana, sans-serif;
	text-align: right;
	margin: 15px 10px 0 0;
}

.comment_list
{
	padding: 5px 10px;
	margin: 0 0 1px 0;
}

.highlight /*highlight keywords found in search */
{
	color: #f00;
}

.bot
{
	display: none; /*dummy class to check for spam bots */
}

a.lightbox
{
	border: 0;
}

a.lightbox img
{
    max-width: 100%;
    max-height: 100%;
}

img.selfportrait
{
	border: 2px #fff solid; 
}

img.left
{
	float: left;
	margin: 0 20px 10px 0;
}

img.right
{
	float: right;
	margin: 0 0 10px 20px;
}

.lastpos
{
	border: 0 !important;
}


/*** PHOTOS PAGE  ***/

#photo_categories
{
	margin: 0 auto 30px auto;
	text-align: center;
	overflow: hidden;
}

.thumbnails_wrapper /* wrapper for all thumbnails*/
{
	max-width: 1024px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

.thumbnail 
{
	width: calc(50% - 10px);
	height: auto;
	margin: 5px;
	padding: 10px;
	text-align: center;
	background: rgba(243, 243, 240, 1);
	box-shadow: 0 0 10px #000;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

	.thumbnail .img_wrapper
	{
		display: block;
		background: #000 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMjQwLTQwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMTIwdi0xMjBoODB2MTIwaDEyMHY4MFptNDgwIDB2LTgwaDEyMHYtMTIwaDgwdjEyMHEwIDMzLTIzLjUgNTYuNVQ4NDAtNDBINzIwWk00ODAtMjIwcS0xMjAgMC0yMTcuNS03MVQxMjAtNDgwcTQ1LTExOCAxNDIuNS0xODlUNDgwLTc0MHExMjAgMCAyMTcuNSA3MVQ4NDAtNDgwcS00NSAxMTgtMTQyLjUgMTg5VDQ4MC0yMjBabTAtMTIwcTU4IDAgOTktNDF0NDEtOTlxMC01OC00MS05OXQtOTktNDFxLTU4IDAtOTkgNDF0LTQxIDk5cTAgNTggNDEgOTl0OTkgNDFabTAtODBxLTI1IDAtNDIuNS0xNy41VDQyMC00ODBxMC0yNSAxNy41LTQyLjVUNDgwLTU0MHEyNSAwIDQyLjUgMTcuNVQ1NDAtNDgwcTAgMjUtMTcuNSA0Mi41VDQ4MC00MjBaTTQwLTcyMHYtMTIwcTAtMzMgMjMuNS01Ni41VDEyMC05MjBoMTIwdjgwSDEyMHYxMjBINDBabTgwMCAwdi0xMjBINzIwdi04MGgxMjBxMzMgMCA1Ni41IDIzLjVUOTIwLTg0MHYxMjBoLTgwWiIvPjwvc3ZnPg==) 50% 50% no-repeat;
		width: calc(100%);
		max-height: 304px;
		min-height: 304px;
		border: 2px #000 solid;
	}
		.thumbnail .img_wrapper:hover
		{
			border-color: #c20;
		}
		
	.thumbnail img 
	{
		display: block;
		width: calc(100%);
		max-height: 300px;
		min-height: 300px;
		object-fit: cover;
		margin: 0 auto 10px auto;
		padding: 0;
		
	}
		.thumbnail img:hover
		{
			filter: opacity(25%);
			transition: .5s;
		}

		.img_info_links
		{
			display: flex;
			justify-content: space-around;
		}

		.img_info_links > a
		{
			display: inline-block;
			color: #333 !important;
			font: 700 1em "oswaldvar", sans-serif;
			padding: 5px 15px;
			margin: 5px 0;
			border: 1px transparent solid;
			border-radius: 4px;
			background-position: 50% 50% !important;
			background-repeat: no-repeat !important;
			text-decoration: none !important;
		}

		.img_info_links > a:hover
		{
			border: 1px #c20 solid;
			background-color: #fff !important;
			transition: .5s !important;
		}
		
			a.img_link
			{
				background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNDU0NTQ1Ij48cGF0aCBkPSJNMjQwLTQwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMTIwdi0xMjBoODB2MTIwaDEyMHY4MFptNDgwIDB2LTgwaDEyMHYtMTIwaDgwdjEyMHEwIDMzLTIzLjUgNTYuNVQ4NDAtNDBINzIwWk00ODAtMjIwcS0xMjAgMC0yMTcuNS03MVQxMjAtNDgwcTQ1LTExOCAxNDIuNS0xODlUNDgwLTc0MHExMjAgMCAyMTcuNSA3MVQ4NDAtNDgwcS00NSAxMTgtMTQyLjUgMTg5VDQ4MC0yMjBabTAtMTIwcTU4IDAgOTktNDF0NDEtOTlxMC01OC00MS05OXQtOTktNDFxLTU4IDAtOTkgNDF0LTQxIDk5cTAgNTggNDEgOTl0OTkgNDFabTAtODBxLTI1IDAtNDIuNS0xNy41VDQyMC00ODBxMC0yNSAxNy41LTQyLjVUNDgwLTU0MHEyNSAwIDQyLjUgMTcuNVQ1NDAtNDgwcTAgMjUtMTcuNSA0Mi41VDQ4MC00MjBaTTQwLTcyMHYtMTIwcTAtMzMgMjMuNS01Ni41VDEyMC05MjBoMTIwdjgwSDEyMHYxMjBINDBabTgwMCAwdi0xMjBINzIwdi04MGgxMjBxMzMgMCA1Ni41IDIzLjVUOTIwLTg0MHYxMjBoLTgwWiIvPjwvc3ZnPg==) !important;
			}
				a.img_link:hover
				{
					background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjY2MyMjAwIj48cGF0aCBkPSJNMjQwLTQwSDEyMHEtMzMgMC01Ni41LTIzLjVUNDAtMTIwdi0xMjBoODB2MTIwaDEyMHY4MFptNDgwIDB2LTgwaDEyMHYtMTIwaDgwdjEyMHEwIDMzLTIzLjUgNTYuNVQ4NDAtNDBINzIwWk00ODAtMjIwcS0xMjAgMC0yMTcuNS03MVQxMjAtNDgwcTQ1LTExOCAxNDIuNS0xODlUNDgwLTc0MHExMjAgMCAyMTcuNSA3MVQ4NDAtNDgwcS00NSAxMTgtMTQyLjUgMTg5VDQ4MC0yMjBabTAtMTIwcTU4IDAgOTktNDF0NDEtOTlxMC01OC00MS05OXQtOTktNDFxLTU4IDAtOTkgNDF0LTQxIDk5cTAgNTggNDEgOTl0OTkgNDFabTAtODBxLTI1IDAtNDIuNS0xNy41VDQyMC00ODBxMC0yNSAxNy41LTQyLjVUNDgwLTU0MHEyNSAwIDQyLjUgMTcuNVQ1NDAtNDgwcTAgMjUtMTcuNSA0Mi41VDQ4MC00MjBaTTQwLTcyMHYtMTIwcTAtMzMgMjMuNS01Ni41VDEyMC05MjBoMTIwdjgwSDEyMHYxMjBINDBabTgwMCAwdi0xMjBINzIwdi04MGgxMjBxMzMgMCA1Ni41IDIzLjVUOTIwLTg0MHYxMjBoLTgwWiIvPjwvc3ZnPg==) !important;
				}

			a.desc_link
			{
				background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNDU0NTQ1Ij48cGF0aCBkPSJNMjAwLTEyMHEtMzMgMC01Ni41LTIzLjVUMTIwLTIwMHYtNTYwcTAtMzMgMjMuNS01Ni41VDIwMC04NDBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC03NjB2NTYwcTAgMzMtMjMuNSA1Ni41VDc2MC0xMjBIMjAwWm04MC0xNjBoMjgwdi04MEgyODB2ODBabTAtMTYwaDQwMHYtODBIMjgwdjgwWm0wLTE2MGg0MDB2LTgwSDI4MHY4MFoiLz48L3N2Zz4=) !important;
			}

				a.desc_link:hover
				{
					background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjY2MyMjAwIj48cGF0aCBkPSJNMjAwLTEyMHEtMzMgMC01Ni41LTIzLjVUMTIwLTIwMHYtNTYwcTAtMzMgMjMuNS01Ni41VDIwMC04NDBoNTYwcTMzIDAgNTYuNSAyMy41VDg0MC03NjB2NTYwcTAgMzMtMjMuNSA1Ni41VDc2MC0xMjBIMjAwWm04MC0xNjBoMjgwdi04MEgyODB2ODBabTAtMTYwaDQwMHYtODBIMjgwdjgwWm0wLTE2MGg0MDB2LTgwSDI4MHY4MFoiLz48L3N2Zz4=) !important;
				}

			a.exif_link
			{
				background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNDU0NTQ1Ij48cGF0aCBkPSJtNDQ4LTYyNSAxNDAtMjQwcTkxIDI0IDE2MS41IDg4VDg1Mi02MjVINDQ4Wk0zMzctNTI1IDIwMC03NjVxNTQtNTMgMTI1LjUtODRUNDgwLTg4MHExMyAwIDMwIDEuNXQzMSAzLjVMMzM3LTUyNVpNOTMtMzgwcS02LTI0LTkuNS00OVQ4MC00ODBxMC03MSAyMy0xMzR0NjUtMTE1bDIwMiAzNDlIOTNaTTM3My05NXEtOTEtMjQtMTYyLTg4VDEwOC0zMzVoNDAzTDM3My05NVptMTA3IDE1cS0xNSAwLTMwLjUtMlQ0MjAtODZsMjAzLTM0OSAxMzcgMjQwcS01NCA1My0xMjUuNSA4NFQ0ODAtODBabTMxMi0xNTFMNTkwLTU4MGgyNzdxNiAyNCA5LjUgNDl0My41IDUxcTAgNzAtMjQuNSAxMzRUNzkyLTIzMVoiLz48L3N2Zz4=) !important;
			}

				a.exif_link:hover
				{
					background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjY2MyMjAwIj48cGF0aCBkPSJtNDQ4LTYyNSAxNDAtMjQwcTkxIDI0IDE2MS41IDg4VDg1Mi02MjVINDQ4Wk0zMzctNTI1IDIwMC03NjVxNTQtNTMgMTI1LjUtODRUNDgwLTg4MHExMyAwIDMwIDEuNXQzMSAzLjVMMzM3LTUyNVpNOTMtMzgwcS02LTI0LTkuNS00OVQ4MC00ODBxMC03MSAyMy0xMzR0NjUtMTE1bDIwMiAzNDlIOTNaTTM3My05NXEtOTEtMjQtMTYyLTg4VDEwOC0zMzVoNDAzTDM3My05NVptMTA3IDE1cS0xNSAwLTMwLjUtMlQ0MjAtODZsMjAzLTM0OSAxMzcgMjQwcS01NCA1My0xMjUuNSA4NFQ0ODAtODBabTMxMi0xNTFMNTkwLTU4MGgyNzdxNiAyNCA5LjUgNDl0My41IDUxcTAgNzAtMjQuNSAxMzRUNzkyLTIzMVoiLz48L3N2Zz4=) !important;
				}

			a.tags_link
			{
				background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNDU0NTQ1Ij48cGF0aCBkPSJtMjQwLTE2MCA0MC0xNjBIMTIwbDIwLTgwaDE2MGw0MC0xNjBIMTgwbDIwLTgwaDE2MGw0MC0xNjBoODBsLTQwIDE2MGgxNjBsNDAtMTYwaDgwbC00MCAxNjBoMTYwbC0yMCA4MEg2NjBsLTQwIDE2MGgxNjBsLTIwIDgwSDYwMGwtNDAgMTYwaC04MGw0MC0xNjBIMzYwbC00MCAxNjBoLTgwWm0xNDAtMjQwaDE2MGw0MC0xNjBINDIwbC00MCAxNjBaIi8+PC9zdmc+) !important;
			}

				a.tags_link:hover
				{
					background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjY2MyMjAwIj48cGF0aCBkPSJtMjQwLTE2MCA0MC0xNjBIMTIwbDIwLTgwaDE2MGw0MC0xNjBIMTgwbDIwLTgwaDE2MGw0MC0xNjBoODBsLTQwIDE2MGgxNjBsNDAtMTYwaDgwbC00MCAxNjBoMTYwbC0yMCA4MEg2NjBsLTQwIDE2MGgxNjBsLTIwIDgwSDYwMGwtNDAgMTYwaC04MGw0MC0xNjBIMzYwbC00MCAxNjBoLTgwWm0xNDAtMjQwaDE2MGw0MC0xNjBINDIwbC00MCAxNjBaIi8+PC9zdmc+) !important;
				}

			a.save_link
			{
				background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNDU0NTQ1Ij48cGF0aCBkPSJNNDgwLTMyMCAyODAtNTIwbDU2LTU4IDEwNCAxMDR2LTMyNmg4MHYzMjZsMTA0LTEwNCA1NiA1OC0yMDAgMjAwWk0yNDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi0xMjBoODB2MTIwaDQ4MHYtMTIwaDgwdjEyMHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4=) !important;
			}
				a.save_link:hover
				{
					background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjY2MyMjAwIj48cGF0aCBkPSJNNDgwLTMyMCAyODAtNTIwbDU2LTU4IDEwNCAxMDR2LTMyNmg4MHYzMjZsMTA0LTEwNCA1NiA1OC0yMDAgMjAwWk0yNDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi0xMjBoODB2MTIwaDQ4MHYtMTIwaDgwdjEyMHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4=) !important;
				}
			

		.img_info_wrapper
		{
			margin-top: 10px;
			color: #666;
			display: flex;
			flex-direction: column;
			font-weight: 400;
			color: #666;
		}

		.img_info_links
		{
			display: flex;
			justify-content: center;
			gap: 10px;
		}

		.img_info
		{
			font-size: .9em;
		}

		.img_info a
		{
			color: #33f !important;
		}

		.img_info a:hover
		{
			color: #f00 !important;
		}


.img_nav
{
    font: normal 1em "oswaldvar", sans-serif;
    text-align: center;
    color: #555;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	visibility: hidden;
}

.img_nav a
{
	display: inline-block;
    padding: 0 20px;
    margin: 0 15px;
    color: #757575 !important;
    background: rgba(255,255,255,1) !important;
	filter: invert();
    text-decoration: none !important;
	text-align: center;
	border: 1px #ccc solid;
	border-radius: 5px;
	font-size: 1.25em;
	outline: 0;
}

.img_nav a img
{
	vertical-align: middle;
}


.img_nav a:hover, .img_nav a:focus
{
    color: #fff !important;
	background: #00CCC1 !important;
	border-color: #fff;
	transition: .5s;
}

.img_nav a span
{
	display: inline-block;
	padding: 10px;
}

.img_nav a span.newest
{
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAWUlEQVQ4je3MIRKAMAxE0S/QOTkOX9crcAWOVcyKiqZ0CIrJn4nKzoMs+6QCnIBNNqZNWQEPoAGXg5p+TdvHNqA6aI9VbZcaoa8xDw1hIzSM9eiuC2PZH7oBEHUa1dIUHGIAAAAASUVORK5CYII=) 50% 50% no-repeat;
}

.img_nav a span.oldest
{
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAUklEQVQ4je3MsQkAIRBE0R8YX+Vm5pfZgi1YliZzIIeCrIb7YbLhgecBBCBq4QaWgablE3TEqmZG/9ijmdAZ9mVC0wKboWkHfIGywEa06Ot5p3V7LhrVc/QyAAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}

.img_nav a span.random
{
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABHklEQVQ4je2UIUsEURzE583M7oJymlQ0ix/AqtVksvgdTAaL9aLB4ke4YjVcMGk4EARR8TAIVj+ASViEZ/Ad7C0s7uIVwYHX5v/jP+8ND/hXFwWHoe0RgKWZAG2PKEaST1PQ4DCkGNP5JPnozKcAevWlSB7YvqP4UZmJtm+agNXzCmA92RaCw0WDbxpYk5BhMzhcU4zB4RKAgsNVGn7L83wfwGJj5AbNSxqQPHLukwkMwFo1WedHkbSXYCWMrdaDDdqg+J5iHf4W1iM5phglnRdFsSNpAGBlYmgbeU7SLjO+UIzM+Izv+zxLmz7A2AaQte1htQojAKvJtkzyvlVtasCS5JjkMQDXti+cu2/7lmLZtoet1bWHP2rmn8Pf1Bf9jF48TtH0oAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}

.img_nav a span.prev
{
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAASUlEQVQ4jWNgGAX0BCwMDAyTGRgY5lHLsKUMDAz/GRgYtlHTsOMMDAx8w9MwBgYGhh5qGkYTA6nu5aFrKMUJG9lQqmW9UYAbAADbYhrVJOJ69QAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}

.img_nav a span.next
{
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAARElEQVQ4je3TsQ3AIAxFwSuomTwdfTpWYAXGckZIYyQKvwFOsvRNdboXAy0LXAjMLLRjFxp4rgNTT74X48Cw01+v+u8DsDIa1aRnFM0AAAAASUVORK5CYII=) 50% 50% no-repeat;
}


@media only screen and (max-width: 1280px)
{
	#container header
	{
		height: 10em;
	}

	#content h1
	{
		height: 10em;
	}
	
	#content h1 span
	{
		font-size: 2em;
	}
	
	#content article
	{
		padding: 30px 20px 60px 20px;
		margin-top: 10em;
	}

}

@media only screen and (max-width: 1024px)
{
	
}

@media only screen and (max-width: 800px)
{

	.col_wrapper .item
	{
		flex: 100%;
	}
}

@media only screen and (max-width: 800px),
only screen and (max-height: 800px)
{

	#container header
	{
		height: 10em;
	}

	#content h1
	{
		height: 5em;
	}
	
	#content h1 span
	{
		font-size: 2em;
		margin-top: 0;
	}
	
	#content article
	{
		padding: 20px 20px 60px 20px;
		margin-top: 5em;
	}

	.thumbnail 
	{
		padding: 5px;
	}


	footer section
	{
		max-width: 100%;
		display: flex;
		justify-content: space-around;
	}

	footer p
	{
		margin: 5px 0;
	}
	
	#copyright, #license
	{
		display: none;
	}
}

@media only screen and (max-width: 640px)
{
	.img_nav a, input[type=text], textarea
	{
		flex: 1;
		margin: 5px !important;
	}

	.thumbnail 
	{
		width: calc(100% - 10px);
		text-overflow: ellipsis;
	}
}

@media only screen and (max-width: 560px)
{
	
	
}

@media only screen and (max-width: 380px)
{
	#content h1 span
	{
		font-size: 1.5em;
	}
	
	.img_info_wrapper
	{
		font-size: .95em;
	}
}