/*
pinesflemming (custom version by pinemikey)
Based on the excellent stylesheet by Flemming Bo Jensen - Pblog
https://www.pbase.com/flemmingbo

Updated by ChatGPT for:
- Blue hover border on thumbnails
- Clean transitions and optional zoom
*/

/* --- Simple code to hide the menu (by Arjun) --- */
body table td a img { display:none; } 
.thumbnails table img { display:none; }
table img { display:block; }
.display, .display img { display:block; }
.thumbnails table, .thumbnails table img, .display, p.small { display: inline; } 
body div.galleryheader table td a img { display:inline; }

.image_date,
.image_caption,
.current_count,
.comment_count-image {
  display: none;
}

/* Gallery caption */
#imagecaption {
  margin-left: 70px;
  margin-right: 70px;
}

.caption {
  font-size: 10pt;
  color: #404040;
  font-style: italic;
  margin-left: 70px;
  margin-right: 70px;
}

/* Gallery header */
.galleryheader {
  text-align: center;
}

/* Global typography */
body {
  font-family: Verdana, Tahoma, Helvetica;
  background: white;
  color: black;
  font-size: 18pt;
  text-align: center;
  margin-top: 0px;
  top: 0px;
}

div, th, tr, table, li, ul, form,
blockquote, p, b, i, h1, h2, h3, h4, h5, center {
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 10pt;
  font-weight: normal;
  color: #404040;
}

b {
  font-family: Verdana, Tahoma, Helvetica;
  font-size: 12pt;
  font-weight: normal;
  color: #404040;
}

font {
  font-family: Verdana, Tahoma, Helvetica;
  color: #404040;
  background-color: white;
  letter-spacing: 3px;
  font-size: 8pt;
}

/* Section headings */
h2 {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  letter-spacing: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
  background-color: #505050;
  color: white;
}

/* Links */
a, td.a, a:link {
  color: #000080;
  background-color: white;
  text-decoration: none;
}

a:hover {
  color: #0000ff;
  background-color: white;
  text-decoration: underline;
}

a:visited {
  color: #000050;
  background-color: white;
}

a:active {
  color: blue;
  background-color: white;
}

/* Thumbnail container cell */
.thumbnail {
  vertical-align: middle;
  color: white;
  background: white;
  text-align: center;
  border-top: #dddddd 1px solid;
}

/* === THUMBNAIL STYLING WITH BLUE HOVER === */
img.thumbnail {
  border-style: double;
  border-width: 4px;
  border-color: #aaaaaa;
  margin-top: 30px;
  margin-bottom: 10px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

/* ✅ Blue border + glow + optional zoom on hover */
img.thumbnail:hover {
  border-color: #007acc; /* Bright blue */
  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3);
  transform: scale(1.03);
}

/* Full-size display image */
img.display {
  border: 18pt solid white;
}

/* Title under full-size image */
.title-image {
  padding: 0px 0px 14px 0px;
  font: normal 16px verdana, tahoma, helvetica, arial, sans-serif;
  letter-spacing: 0px;
}

/* Image link styling */
.image td a {
  display: block;
  border: 1pt solid black;
}

/* Comment styling */
#commentlist .from {
  color: #404040;
  background-color: white;
  font-weight: bold;
  font-size: 9pt;
  padding: 1px;
}

#commentlist .message_body {
  color: #404040;
  background-color: white;
  font-size: 9pt;
  border-bottom: #aaaaaa 1px solid;
  padding: 1px;
}

/* Location info under images */
.location {
  font-size: 10pt;
  text-align: center;
}

/* Footer text (optional use) */
.luis {
  text-align: center;
  font: 12px arial, sans-serif;
  letter-spacing: 1px;
  margin-left: 50px;
  margin-right: 50px;
  border: 0pt;
}

td {
  border: 0pt;
}

hr {
  position: relative;
}

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }