.img-wrap a img{display:block;}
.img-wrap > a{
display:inline-block;
margin-bottom: 2px;
margin-top: 4px;
margin-right: 2px;
text-align: left;
word-wrap: break-word;
width: 310px;}
.img-wrap{text-align: center; margin: auto; background-color: #ffffff; max-width: 98%;}


.ads {
margin-left: 13px;
height: auto;
}

html.dark .img-wrap {background-color: #999999;}

@media (max-width: 980px) {

html.dark .img-wrap {background-color: #000000;}
}

h2  {
text-align: center; font-size: 12pt; font-family: arial; font-weight: bold; 
margin-bottom: 4px; margin-top: 4px;} 


.out {
text-align: center;
width: 98%;
margin: auto;
background-color: #FFFFFF;
margin-top: 8px;
padding-top: 8px;
padding-bottom: 8px;

}
.out a {color: #DE0000 ; text-decoration: none;}
.out a:visited { color: #800080; text-decoration: none;}
.out a:hover { color: #DE0000; text-decoration: underline; }
.out a:active { color: #DE0000; text-decoration: underline; }

html.dark .out a {color: #FF9966 ; text-decoration: underline;}
html.dark .out a:visited { color: #FF9966; text-decoration: underline;}
html.dark .out a:hover { color: #FF9966; text-decoration: underline; }
html.dark .out a:active { color: #FF9966; text-decoration: underline; }

html.dark .out {background-color: #121212; border: 1px solid #666666;}