/*
pinesflemming (custom version by pinemikey)
Based on the excellent stylesheet by Flemming Bo Jensen - Pblog
Updated by ChatGPT Sep&#8209;2025:
- Blue hover border + zoom on thumbnails with fallback selectors
- Restores PBase top bar
- Adds spacing between caption and EXIF
*/

/* Hide only gallery menu icons, not thumbnails or top nav */
#menu img,
.gallerymenu img {
  display: none;
}

/* Ensure full-size images display properly */
.display, .display img {
  display: block;
}

/* Inline formatting for thumbnails, small text, and gallery header links */
.thumbnails table,
.display,
p.small {
  display: inline;
}

body div.galleryheader table td a img {
  display: inline;
}

/* Hide extra metadata */
.image_date,
.image_caption,
.current_count,
.comment_count-image {
  display: none;
}

/* Captions styling */
#imagecaption {
  margin: 0 70px;
}
.caption {
  font-size: 10pt;
  color: #404040;
  font-style: italic;
  margin: 0 70px 1em 70px; /* space below caption */
}

/* Center gallery header text */
.galleryheader {
  text-align: center;
}

/* Global typography adjustments */
body {
  font-family: Verdana, Tahoma, Helvetica;
  background: white;
  color: black;
  font-size: 18pt;
  text-align: center;
  margin-top: 0;
}
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-size: 12pt;
}
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: 15px 0;
  margin: 0;
  background-color: #505050;
  color: white;
}

/* Link styling */
a, td.a, a:link {
  color: #000080;
  background-color: white;
  text-decoration: none;
}
a:hover {
  color: #0000ff;
  text-decoration: underline;
}
a:visited {
  color: #000050;
}
a:active {
  color: blue;
}

/* Thumbnail default styling (border etc) */
.thumbnail img,
.thumbnails img,
.image a img {
  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;
}

/* Primary hover effect */
.thumbnail img:hover,
.thumbnails img:hover,
.image a img:hover {
  border-color: #007acc !important;
  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3) !important;
  transform: scale(1.03) !important;
}

/* Fallback hover selectors */
img.thumbnail:hover {
  border-color: #007acc !important;
  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3) !important;
  transform: scale(1.03) !important;
}
.thumbnails a img:hover {
  border-color: #007acc !important;
  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3) !important;
  transform: scale(1.03) !important;
}
.thumbnails * img:hover,
.image * img:hover,
.gallery * img:hover {
  border-color: #007acc !important;
  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3) !important;
  transform: scale(1.03) !important;
}

/* Full-size image styling */
img.display {
  border: 18pt solid white;
}

/* Title under full-size image */
.title-image {
  padding-bottom: 14px;
  font: normal 16px verdana, tahoma, helvetica, arial, sans-serif;
}

/* Image link boxes styling */
.image td a {
  display: block;
  border: 1pt solid black;
}

/* Comments formatting */
#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 text */
.location {
  font-size: 10pt;
  text-align: center;
}

/* Footer area optional style */
.luis {
  text-align: center;
  font: 12px arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 50px;
  border: 0;
}

/* Clean table layout */
td {
  border: 0;
}
hr {
  position: relative;
}


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