/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/* LAYOUT */
html, textarea, input[type="text"]
{
	background-color:	#eee;
}

body
{
	font:			14px/20px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	background-color:	transparent;
	color:			#333;
	-webkit-font-smoothing:	antialiased;
	margin:			20px;
}

p
{
	margin-bottom:		18px;
}

p.intro
{
	color:			#888;
	font-size:		16px;
	line-height:		22px;
	font-weight:		normal;
}

a
{
	color:			#08c;
}

a:link, a:visited, a:active
{
	text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

ol
{
	list-style:		decimal;
	margin-left:		2.2em;
	margin-bottom:		18px;
}

ul
{
	list-style:		circle outside;
	margin-left:		2em;
	margin-bottom:		18px;
}

h1, h2, h3, h4, h5, h6, strong
{
	color:			#000;
}

h1, h2, h3, h4
{
	font-weight:		bold;
}

h2, h3, h4
{
	line-height:		18px;
}

h1, h2
{
	margin-bottom:		18px;
}

h1
{
	font-size:		24px;
	line-height:		36px;
}

h2
{
	font-size: 		16px;
}

h3
{
	font-size: 		1em;
}

h4
{
	font-size:		10px;
}

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

img
{
	border:			0;
}

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

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

img.center
{
	display:		block;
	margin-left:		auto;
	margin-right:		auto;
	max-width:		100%;
	max-height:		100%;
	margin-bottom:		18px;
}

.photo
{
	position:		relative;
	margin:			16px;
	width:			200px;
	height:			220px;
	float:			left;
	border:			1px solid #0000ff;
	border-radius:		4px;
	box-shadow:		rgba(0,0,0,0.35) 0 1px 3px;
	text-align:		center;
}

.photo img
{
	margin:			8px;
	border:			1px solid #ffffff;
}

.photo a:hover img
{
	border:			1px solid #0000ff;
}

.caption
{
	margin:			4px;
	width:			200px;
	position:		absolute;
	bottom:			0;
}

.item
{
	background:		#eee;
	border-radius:		4px;
	box-shadow:		rgba(0,0,0,0.3) 0 1px 2px;
}

pre, blockquote, cite, code, .code, .marker
{
	background:		#eee;
	white-space:		pre-wrap;
	border-radius:		4px;
	box-shadow:		rgba(0,0,0,0.3) 0 1px 2px;
}

pre, blockquote, cite, code, .item
{
	padding:		1em;
	margin-bottom:		18px;
	margin-right:		auto;
}

em, i, blockquote, cite
{
	font-style:		italic;
}

strong, b
{
	font-weight:		bold;
}

code, .code, .fixed
{
	font:			14px/20px "Courier New";
}

.fixed
{
	display:		inline;
}

.marker
{
	background-color:	Yellow;
}

#container
{
	width:			990px;
	margin:			0 auto;
	position:		relative;
}

#main
{
	position:		relative;
}

#content
{
	padding:		18px 20px;
	position:		relative;
	color:			#333;
}

.content
{
	background:		#fff;
	border:			1px solid;
	border-color:		#e5e5e5 #dbdbdb #d2d2d2;
	box-shadow:		rgba(0,0,0,0.3) 0 1px 3px;
}

/* reset border for smart browsers */
.content:nth-child(1n)
{
	border:			none;
}

.content, .rounded
{
	border-radius:		4px;
}

.shadow
{
	box-shadow:		rgba(0,0,0,0.35) 0 1px 3px;
}

#container:after, #content:after, .piped:after
{
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
}

a.external
{
	padding-right:		15px;
	background:		url(/images/icons/external.gif) no-repeat 100% 49%;
	cursor:			pointer;
}

a.pdf
{
	background:		url(/images/icons/pdf.gif) 0 0.4em no-repeat;
	padding-left:		20px;
}

a.zip
{
	background:		url(/images/icons/zip.gif) 0 0.4em no-repeat;
	padding-left:		20px;
}

.nowrap
{
	white-space:		nowrap;
}

kbd {
	font-size: 1rem;
	padding: 0 .25rem 0 .25rem;
	border: solid 1px grey;
	border-radius: 4px;
	background-color: #f0f0f0;
	box-shadow: 2px 2px 2px 2px silver;
}

sup
{
	padding-left:		1px;
	font-size:		10px !important;
	font-weight:		normal !important;
	vertical-align:		baseline;
	position:		relative;
	bottom:			0.33em;
}

sup, sup a
{
	color:			#666;
}

sup a:hover
{
	color:			#08c;
	text-decoration:	none;
}

abbr
{
	border:			0;
}

.last
{
	margin-bottom:		0;
}

.piped
{
	display:		block;
}

.piped li
{
	float:			left;
	display:		inline;
}

.piped a
{
	border-left:		1px solid #797c80;
	padding:		0 0 0 0.75em;
	margin-left:		0.75em;
}

.piped a.first
{
	border-left:		0 !important;
	padding-left:		0;
	margin-left:		0 !important;
}

#footer
{
	color:			#888;
	font-size:		10px;
	margin:			18px auto 0;
	padding-bottom:		36px;
	text-align:		left !important;
}

#footer a
{
	color:			#08c;
}

#footer p
{
	margin-bottom:		1em;
}

#footer ul.piped a
{
	padding:		0 0 0 1.5em;
	margin-left:		1.5em;
	border-left:		1px solid #d0d0d0;
}

#footer .copyright
{
	clear:			both;
	width:			100%;
	border-top:		1px solid #ddd;
	padding-top:		9px;
}

#footer .copyright a
{
	padding:		0 10px;
}

#footer .copyright p
{
	float:			left;
	margin-left:		3px;
}

.hideonmobile {
}

.hash {
	cursor:			pointer;
}

@media print
{
	body, #main, #content, a, a:link, a:visited
	{
		color:			#000 !important;
	}
	a, a:link, a:visited
	{
		text-decoration:	none !important;
	}
	#cssmenu, #footer
	{
		display:		none !important;
	}
	#main a.pdf, #main a.zip
	{
		padding-left:		0 !important;
		background-image:	none !important;
	}
}

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

@media only screen and (max-device-width: 640px)
{
	.hideonmobile {
		display:		none !important;
	}
	#container {
		width:			auto;
	}
}

@media screen and (orientation: portrait)
{
	.gallery {
		display:		flex;
		flex-direction:		column;
		justify-content:	center;
		align-items:		center;
	}
}

@media screen and (orientation: landscape)
{
	.gallery {
		display:		flex;
		flex-direction:		row;
		justify-content:	center;
		align-items:		center;
	}
}