html {height: 100%; background-color: #e0e0e0; background-image:url('/img/back.jpg'); background-size:contain; background-repeat: no-repeat;}
body {height: 100%; font-family: Arial, Helvetica, sans-serif;}

a:visited {color:#880088;}

.topicstable {font-size: 90%; width:100%; background-color:#7B68EE;}
.topicstableheader {background-color: #DCD7FB; text-align:center;}
.topicstableline {background-color: #F2F2FF;}
.topicstableline td {vertical-align:top; padding:10px;}

.topicpost {overflow-wrap:anywhere;}

.topicslink {color:#303080; padding-bottom:5px; font-weight:bold; text-decoration:none;}
.topicslink:hover {text-decoration:underline;}

.view_quote {font-size:small; color:#808080; background-color : #F2F2FF; border : 1px solid Gray; margin : 5px 5px 5px 5px;}

.urlspics {color:#808080; font-size : 80%;}

.pages {display: inline-block; background-color: rgba(255, 255, 255, 0.9); padding:10px; margin-bottom:10px;}
.pages a {padding-left:5px; padding-right:5px;}
.pages b {padding-left:5px; padding-right:5px;}
.pages a:hover {background-color:#CCC7EB;}


.sitetitle {background-color: rgba(255, 255, 255, 0.8); text-align:center; padding:10px; margin-left:50px; margin-right:50px; margin-bottom:10px;}
.sitetitle h1 {padding:0px; margin:10px;}
.topicname {color: #7B68EE; background-color: rgba(255, 255, 255, 0.9); text-align:center; padding:10px; margin-left:50px; margin-right:50px; margin-top:0px; margin-bottom:10px;}

.forumimg {max-width: 100%;}

.viewpage {background-color:#ffffff; padding:7px; overflow-wrap:anywhere;}
.viewpage img {max-width: 100%;}

.alink, .alink:visited {text-decoration:none; color:#000000 !important;}



@media (max-width: 640px)
{
.topicname, .sitetitle, .sitetitle h1, .pages {font-size:12pt; margin:2px; padding:2px;}
}

.post-images {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.post-images img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 8px;
    object-fit: cover;
}