html{
	background: #000;
}
body{
	background: #fefefe;
	margin: 0;
	color: #06623F;
}
* {
    font-family: Gill Sans MT, Gill Sans, Trebuchet MS, Arial, sans-serif;
}
header, footer{
	display: block;
	background: #000;
	padding: 3px 20px;
	text-align: center;
    color: #fff;
	clear: both;
}
#DMR {    
    margin: 20px auto;
	max-width: 1200px;
    text-align: left;
	padding: 0 20px;
}  

#links{
	margin: 20px 0;
}
#links a {
	display: inline-block;
	background: #06623F;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
	border-radius: 30px;
	margin: 0 6px 8px 0;
}
#links a[target="_blank"]::after {
	content: "";
	display: inline-block;
	border: 3px solid;
	border-color: #fff #fff #0000 #0000;
	margin: 1px 1px 6px 3px;
}
#links a[target="_blank"]:hover::after { 
	margin: 0 0 7px 4px;
}
#items, #items > li {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}
#items > li {
	border-top: 3px solid; 
	margin: 20px 0;
	padding: 20px 0 0 0;
}
#items > li h2 {
	font-size: 18px; 
}
#items > li > img {
	border: 1px solid #ddd; 
	box-shadow: 5px 5px 15px #ccc;
	float: left;
	margin: 0 20px 20px 0;
	width: calc(100% - 2px);
	max-width: 400px;
}

#items > li > div {
	overflow: hidden;
	min-width: 50%;
}

#preview, #preview > img {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; 
    margin: auto;
	position: fixed;
	max-height: 100%;
	max-width: 100%; 
}
#preview > img {
	box-shadow: 0 0 32px #000;
}
#preview {
	display: none;
	background-color: #000a;
}