@charset "UTF-8";
h2{
	font-size:13px;
	color:#FFFF00;
	text-align:center;
}
h2 a{
	font-size:13px;
	color:#FFFF00;
	text-align:center;
}
a.underlined{
	border-bottom:1px #CCCCCC dashed;
}

.page-numbers{
	padding-left: 1em;
}
#archives-image-list ul{
	list-style-type: none;	
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#archives-image-list li{
	display:inline;
}


#archives-image-list div{
	width: 28%;
	text-align:center;
	float: left;
	border: thin solid #999999;
	height: auto;
	padding: 2%;
	overflow: hidden;
}

#footer-next{
	float:right;
	text-align:right;
	padding: 2%;
	width: 45%;
}
#footer-previous{
	float:left;
	text-align:left;
	padding: 2%;
	width: 45%;
}

.image-list{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 2%;
	margin: 0;

}
.image-list-item{
	display: inline-block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 29%;
	text-align:center;
	padding:1em 2% 1em 2%;
	border: thin solid #999999;
	list-style-type: none;
	background:url(/gfx/tdbg.png);
	background-size: 100% 100%;
	max-width: 100%;
}

.image-list-item div{
        width: 100%;
	vertical-align: middle;
}


.image-list-item p{
	text-align:center;
	margin:auto;	
}

@media screen and (max-width: 740px){
	#archives-image-list div{
		width: 45%;
	}
	.image-list-item{
		width: 45%;
	}
	.image-list-item img{
		max-width: 100%;
	}
	.list-item-img{
		max-width: 100%;
	}
	
	#footer-next{
		float:none;
		text-align:center;
		width: 95%;
	}
	#footer-previous{	
		float:none;
		text-align:center;
		width: 95%;
	}

	.page-numbers{
		text-align:center;	
		width: 100%;
	}
	.image-list-item{
		  background: -webkit-radial-gradient(gray, #232323); /* Safari 5.1 to 6.0 */
		  background: -o-radial-gradient(gray, #232323); /* For Opera 11.6 to 12.0 */
		  background: -moz-radial-gradient(gray, #232323); /* For Firefox 3.6 to 15 */
		  background: radial-gradient(gray, #232323); /* Standard syntax */
	}
}

@media screen and (max-width: 620px){
	.image-item-item{
		width: 94%;
	}
}