/*============*/
/* veri.css */
/*============*/

/* CSS Reset */
{margin: 0;padding: 0;} 
header, footer, aside, nav, article {display:block}

body {font-family:Arial; background:#222; margin:0; text-align:center;}

/* Heading Styles */
header {padding:0.5em; text-align:right;}
header a.htxt {
  font-family:courier new;
  font-size:2em;
  font-weight:bold;
  color:#fff;
  letter-spacing:.15em;
  text-shadow: 2px 2px 2px #aaa;
}

h1 {font-size:2.0em; color:#111; margin:1em; margin-top:15px;}
h2 {font-size:1.6em; color:#111; margin:1em; margin-top:15px;}
h3 {font-size:1.4em; color:#111; margin:1em; margin-top:15px}

a:link {text-decoration:none;color:#00f}
a:visited {text-decoration:none;color:#00f}
a:hover {text-decoration:none;color:#f00}

hr {width:100%;margin:0; height:1px; border:0; border-top:1px dashed #bbb}

ul, ol {margin:1em}
p {font-size:1.2em; margin:1em}
li {font-size:1.2em;margin-bottom:0.5em}

.clr {clear:both}

/* CONTENT Section */
#content {
  margin:0;
  padding:1em;
  background:#eee;
  border:0;
}

.lft {
  margin:auto;
  padding:1em;
  width:auto;
  max-width:80%;
  text-align:left;
  background:#ddd;
  border-radius:1em;
  }

/* Images */
.im {
  border-radius:15px;
  max-width:90%;
}

/* Image Div 
.imdv {
  margin:15px;
  padding:15px;
  width:31%;
  max-width:500px;
  display:inline;
  float:center;
}*/

.gal {
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 24px;
  justify-content: center;
  margin: 20px auto;
  max-width: 1400px;
  padding: 20px;
}

.gal a p {
  margin: 0 0 8px 0;   /* remove top/bottom default, add small bottom space only */
  /* or margin: 0; if you want ZERO gap between title and image */
}

.gal img {
  border-radius: 15px;
  width: 100%;
  height: 100%;           /* ← choose your desired height */
  object-fit: contain;       /* crops to fill — keeps proportions, no stretch */
  object-position: center; /* default anyway, but good to be explicit */
  display: block;
}



/* Info Table */
.inf {width:90%;background:#bbb;margin:20px}
.inf th {background:#ddd;text-align:center;font-size:1.2em;padding:8px}
.inf td {font-size:1.1em;padding:8px}

/* Bold... */
.bld {font-weight:bold}
.ctr {text-align:center;margin-left:auto;margin-right:auto;}
.itl {font-style:italic}
.und {text-decoration:underline}
.red {color:#f00}
.blu {color:#00f}
.xx {font-size:0.8em}
.fll{float:left;background:#eee;margin:10px}

/* Footer */
footer {clear:all; width:100%; text-align:center}
footer p {font-size:10px; color:#bbb}

/* Comment Table */
.com {border:1px solid #aaa;border-radius:10px;background:#fff;margin:4px}
.com th {text-align:left;font-weight:bold;font-size:10pt;padding:2px;background:#ddf;border-radius:10px}
.com td {text-align:left;font-size:12pt;padding:2px}
#comt {font-size:13pt;padding:2px;background:#ccf}