body {
  background-color: #20272b;
  color: #f2f4f5;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

hr {
  height: 1px; 
  color: #e2e6e9;
  background-color: #20272b;
}

ul, li, p, td {
  color: #e2e6e9;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.tablehead {
  background-color: #38444b;
  color: #e2e6e9;
}

.tablebottom {
  background-color: #38444b;
}

.bordercolor {
  background-color: #38444b;
}

.tablebgcolor {
  background-color: #20272b;
}

.navbar { background-color: #38444b; color: #f2f4f5; }

.row1 {
  background-color: #2b343a;
  color: #e2e6e9;
}

.row2 {
  background-color: #242d32;
  color: #e2e6e9;
}

.head1 {
  background-color: #38444b;
  color: #f2f4f5;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head1:hover {
  background-color: #38444b;
  color: #f2f4f5;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head2 {
  background-color: #38444b;
  color: #f2f4f5;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #ffb4ab;
  background-color: #20272b;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #ffb4ab;
}

a:hover {
  color: #f2f4f5;
}

form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.logininput {
  background-color: #20272b;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  width: 130px;
}

.searchinput {
  background-color: #20272b;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  WIDTH: 130px;
}

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  width: 230px;
}

.input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  width: 230px;
}

.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #38444b;
  color: #f2f4f5;
  font-size: 11px;
}

.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #46565f;
  color: #f2f4f5;
  font-size: 11px;
  font-weight: bold;
}

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #242d32;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #2b343a;
  color: #e2e6e9;
}

.imagerow2 {
  background-color: #242d32;
  color: #e2e6e9;
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #2b343a;
  color: #e2e6e9;
}

.commentrow2 {
  background-color: #242d32;
  color: #e2e6e9;
}

.commentspacerrow {
  background-color: #38444b;
  color: #e2e6e9;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  width: 250px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  width: 250px;
}

.captchainput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #e2e6e9;
  font-size: 11px;
  width: 200px;
}
/* Gunmetal: links, form surfaces and visible keyboard focus. */
html { color-scheme: dark; }
a:link, a:visited {
  color: #e2e6e9;
  text-decoration: underline;
}
a:hover, a:active {
  color: #ffffff;
  text-decoration: underline;
}
.logininput, .searchinput, .textarea, .input, .select,
.setperpageselect, .categoryselect, .commenttextarea,
.commentinput, .captchainput {
  background-color: #20272b;
  color: #e2e6e9;
  border: 1px solid #94a3ab;
}
.button { border: 1px solid #aab6bd; }
.button:hover { background-color: #566872; color: #ffffff; }
a:focus, input:focus, select:focus, textarea:focus, button:focus,
.button:focus {
  outline: 2px solid #f2f4f5;
  outline-offset: 2px;
}
::selection { background-color: #e2e6e9; color: #20272b; }
/* Unified forum masthead: equal outer columns keep the banner centered. */
.forum-masthead {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding:16px;
  background:#2b343a;
  color:#e2e6e9;
  border-bottom:1px solid #94a3ab;
}
.forum-registration { max-width:300px; font-size:13px; line-height:1.5; overflow-wrap:break-word; }
.forum-registration strong { color:#f2f4f5; }
.forum-registration p { color:#e2e6e9; font-size:13px; line-height:1.5; margin:8px 0 0; }
.forum-brand { min-width:0; width:100%; max-width:480px; justify-self:center; }
.forum-brand img { display:block; width:100%; max-width:480px; height:auto; border:0; }
.forum-search { min-width:0; justify-self:end; }
.forum-search form { margin:0; }
.forum-search table { margin-left:auto; }
.title, .clickstream, .smalltext, .maincat, .subcat { color:#e2e6e9; }
hr { color:#94a3ab; background-color:#94a3ab; border:0; }
@media (max-width:1000px) {
  .forum-masthead { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; padding:12px; }
  .forum-brand { grid-column:1 / -1; grid-row:1; }
  .forum-registration { grid-column:1; grid-row:2; }
  .forum-search { grid-column:2; grid-row:2; }
}
@media (max-width:480px) {
  .forum-masthead { grid-template-columns:minmax(0,1fr); }
  .forum-registration { grid-column:1; grid-row:2; max-width:none; }
  .forum-search { grid-column:1; grid-row:3; justify-self:start; }
}
/* Compact rectangular registration notice. */
.forum-registration {
  box-sizing:border-box;
  width:100%;
  max-width:320px;
  padding:14px 16px;
  border:1px solid #788a94;
  border-radius:3px;
  background-color:#242d32;
  color:#e2e6e9;
  font-size:13px;
  line-height:1.5;
}
.forum-registration strong {
  display:block;
  font-size:14px;
  line-height:1.35;
  color:#f2f4f5;
}
.forum-registration p {
  margin:10px 0 0;
  font-size:13px;
  line-height:1.5;
}
@media (min-width:1001px) and (max-width:1220px) {
  .forum-notice-break { display:none; }
}
@media (max-width:640px) {
  .forum-notice-break { display:none; }
}
/* Softer silver captions and dark lightbox controls. */
.thumbnail-caption,
.thumbnail-caption a:link,
.thumbnail-caption a:visited,
.thumbnail-caption b,
.thumbnail-caption .smalltext {
  color:#bdc7cd;
}
.thumbnail-caption a:hover,
.thumbnail-caption a:focus { color:#e2e6e9; }
.thumbnail-caption input[type="button"],
.thumbnail-caption input[type="submit"],
.thumbnail-caption button {
  background:#38444b !important;
  color:#cbd3d8 !important;
  border:1px solid #788a94 !important;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
}
.thumbnail-caption input[type="button"]:hover,
.thumbnail-caption input[type="submit"]:hover,
.thumbnail-caption button:hover {
  background:#46565f !important;
  color:#f2f4f5 !important;
}
.thumbnail-caption input[type="checkbox"] { accent-color:#788a94; }
/* 4images renders lightbox controls as GIF images, not form buttons. */
img[src*="/lightbox_no.gif"],
img[src*="/lightbox_yes.gif"],
img[src*="/lightbox_off.gif"] {
  filter:invert(0.85) hue-rotate(180deg);
}
a:hover img[src*="/lightbox_no.gif"],
a:hover img[src*="/lightbox_yes.gif"],
a:focus img[src*="/lightbox_no.gif"],
a:focus img[src*="/lightbox_yes.gif"] {
  filter:invert(0.95) hue-rotate(180deg);
}
/* Final masthead: adjoining notice and banner; search at bottom right. */
.forum-masthead {
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  padding:14px 10px;
}
.forum-registration {
  flex:0 0 320px;
  width:320px;
  max-width:320px;
  min-height:166px;
  padding:14px 16px;
  border-radius:3px 0 0 3px;
}
.forum-brand {
  flex:0 0 664px;
  width:664px;
  max-width:664px;
  min-width:0;
  display:flex;
  align-items:stretch;
}
.forum-brand > a {
  display:flex;
  align-items:center;
  width:100%;
  background:#20272b;
}
.forum-brand img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
}
.forum-search {
  flex:0 0 auto;
  align-self:flex-end;
  margin-left:auto;
  padding-left:20px;
}
@media (min-width:1001px) and (max-width:1220px) {
  .forum-notice-break { display:initial; }
}
@media (max-width:1220px) {
  .forum-masthead { flex-wrap:wrap; }
  .forum-brand { flex:1 1 480px; width:auto; max-width:none; }
  .forum-search { flex:1 0 100%; box-sizing:border-box; margin-top:12px; padding-left:0; }
  .forum-search table { margin-left:auto; }
}
@media (max-width:820px) {
  .forum-registration { flex:0 0 40%; width:40%; max-width:40%; }
  .forum-brand { flex:1 1 60%; }
  .forum-notice-break { display:none; }
}
@media (max-width:560px) {
  .forum-registration { flex:1 0 100%; width:100%; max-width:none; min-height:0; border-radius:3px 3px 0 0; }
  .forum-brand { flex:1 0 100%; width:100%; aspect-ratio:4 / 1; }
  .forum-brand img { height:auto; }
}
.forum-brand { margin-left:16px; }
@media (max-width:820px) { .forum-brand { flex-basis:calc(60% - 16px); } }
@media (max-width:560px) { .forum-brand { margin-left:0; margin-top:16px; flex-basis:100%; } }

/* Original 4images identity above the search, in charcoal and silver. */
.forum-4images-logo {
  display:block;
  width:243px;
  max-width:100%;
  height:auto;
  margin:0 0 12px auto;
  border:0;
  filter:grayscale(1) invert(0.85);
}
/* Right column: logo at the top, search at the bottom. */
.forum-search {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
.forum-search .forum-4images-logo {
  flex:0 0 auto;
  margin:0 0 12px auto;
}
.forum-search form {
  margin-top:auto;
}
@media (max-width:1220px) {
  .forum-search {
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
  }
  .forum-search .forum-4images-logo { margin:0; }
  .forum-search form { margin-top:0; }
}
@media (max-width:560px) {
  .forum-search { flex-direction:column; align-items:flex-end; }
  .forum-search .forum-4images-logo { margin-bottom:12px; }
}
/* Metallic action graphics; original links and state selection are preserved. */
img[src*="/postcard.gif"] { content:url("images/gunmetal-postcard.svg"); width:70px; height:24px; filter:none !important; vertical-align:middle; }
a:hover img[src*="/postcard.gif"], a:focus img[src*="/postcard.gif"] { filter:brightness(1.16) !important; }
img[src*="/postcard_off.gif"] { content:url("images/gunmetal-postcard_off.svg"); width:70px; height:24px; filter:none !important; vertical-align:middle; }
img[src*="/download.gif"] { content:url("images/gunmetal-download.svg"); width:94px; height:24px; filter:none !important; vertical-align:middle; }
a:hover img[src*="/download.gif"], a:focus img[src*="/download.gif"] { filter:brightness(1.16) !important; }
img[src*="/download_off.gif"] { content:url("images/gunmetal-download_off.svg"); width:94px; height:24px; filter:none !important; vertical-align:middle; }
img[src*="/download_zip.gif"] { content:url("images/gunmetal-download_zip.svg"); width:114px; height:24px; filter:none !important; vertical-align:middle; }
a:hover img[src*="/download_zip.gif"], a:focus img[src*="/download_zip.gif"] { filter:brightness(1.16) !important; }
img[src*="/download_zip_off.gif"] { content:url("images/gunmetal-download_zip_off.svg"); width:114px; height:24px; filter:none !important; vertical-align:middle; }

/* Identical checkbox geometry in every lightbox state prevents layout jumps. */
img[src*="/lightbox_no.gif"],
img[src*="/lightbox_yes.gif"],
img[src*="/lightbox_off.gif"] {
  display:inline-block;
  width:112px !important;
  height:24px !important;
  min-width:112px;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  vertical-align:middle;
  filter:none !important;
}
img[src*="/lightbox_no.gif"] { content:url("images/gunmetal-lightbox_no.svg?v=2"); }
img[src*="/lightbox_yes.gif"] { content:url("images/gunmetal-lightbox_yes.svg?v=2"); }
img[src*="/lightbox_off.gif"] { content:url("images/gunmetal-lightbox_off.svg?v=2"); }
/* Soft transparent banner edges, fully opaque after 16px. */
.forum-brand > a {
  background:transparent;
}
.forum-brand img {
  border-radius:14px;
  -webkit-mask-image:
    linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent),
    linear-gradient(to bottom, transparent, #000 16px, #000 calc(100% - 16px), transparent);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent),
    linear-gradient(to bottom, transparent, #000 16px, #000 calc(100% - 16px), transparent);
  mask-composite:intersect;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
/* Larger category icons with a single aligned text column. */
.gallery-category {
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:5px 4px 7px 0;
}
.gallery-category-icon {
  flex:0 0 32px;
  padding-top:1px;
}
.gallery-category-icon > img {
  display:block;
  width:32px;
  height:21px;
  border:0;
}
.gallery-category-text {
  flex:1 1 auto;
  min-width:0;
  text-align:left;
  line-height:1.4;
}
.gallery-category-name { margin:0; }
.gallery-category-description { margin-top:3px; line-height:1.4; }
.gallery-category-children { margin-top:3px; }
/* Upload actions in the same metallic style as the other image actions. */
img[src*="/upload.gif"] {
  content:url("images/gunmetal-upload.svg");
  width:94px;
  height:24px;
  vertical-align:middle;
}
img[src*="/upload_off.gif"] {
  content:url("images/gunmetal-upload_off.svg");
  width:94px;
  height:24px;
  vertical-align:middle;
}
a:hover img[src*="/upload.gif"],
a:focus img[src*="/upload.gif"] { filter:brightness(1.16); }
/* Visible image navigation in metallic gunmetal and silver. */
.gallery-image-navigation {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  width:min(1200px,100%,calc(100vw - 210px));
  margin:0 auto 12px;
}
.gallery-image-navigation .gallery-metal-nav:link,
.gallery-image-navigation .gallery-metal-nav:visited {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:112px;
  box-sizing:border-box;
  padding:8px 16px;
  border:1px solid #a8b5bf;
  border-radius:5px;
  background:linear-gradient(#63737f 0%,#43515c 46%,#2a363f 51%,#1b252d 100%);
  box-shadow:inset 0 1px 1px #d8e1e8,inset 0 -2px 2px #10171c,0 2px 3px #141b20;
  color:#edf2f5;
  font-size:13px;
  font-weight:bold;
  line-height:1.4;
  text-decoration:none;
  text-shadow:0 1px 1px #10171c;
}
.gallery-image-navigation .gallery-metal-nav:hover,
.gallery-image-navigation .gallery-metal-nav:focus {
  background:linear-gradient(#7c8d99,#526573 46%,#364650 51%,#26343f);
  color:#ffffff;
}
.gallery-image-navigation .gallery-metal-nav:active {
  transform:translateY(1px);
  box-shadow:inset 0 2px 3px #10171c;
}
.gallery-metal-nav span { color:#d7e1e8; font-size:15px; }
/* Navigation beside the image, aligned to its vertical midpoint. */
.gallery-image-navigation.gallery-viewer {
  display:grid;
  grid-template-columns:112px minmax(0,1200px) 112px;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  max-width:1448px;
  margin:0 auto;
}
.gallery-viewer-media { min-width:0; text-align:center; line-height:0; }
.gallery-viewer-media > br { display:none; }
.gallery-viewer-media > img { vertical-align:middle; }
.gallery-viewer-prev, .gallery-viewer-next { align-self:center; }
@media (max-width:800px) {
  .gallery-image-navigation.gallery-viewer {
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:6px;
  }
  .gallery-viewer .gallery-metal-nav:link,
  .gallery-viewer .gallery-metal-nav:visited {
    min-width:0;
    width:38px;
    padding:8px 0;
    font-size:0;
    gap:0;
  }
  .gallery-viewer .gallery-metal-nav span { font-size:16px; }
}
/* More compact masthead: roughly 15 percent lower on desktop. */
.forum-masthead { padding-top:10px; padding-bottom:10px; }
.forum-registration {
  min-height:146px;
  padding:10px 14px;
  font-size:12px;
  line-height:1.4;
}
.forum-registration strong { font-size:13px; line-height:1.3; }
.forum-registration p { margin-top:8px; font-size:12px; line-height:1.4; }
.forum-brand { flex-basis:584px; width:584px; max-width:584px; }
@media (max-width:1220px) {
  .forum-brand { flex:1 1 480px; width:auto; max-width:none; }
}
@media (max-width:820px) {
  .forum-brand { flex-basis:calc(60% - 16px); }
}
@media (max-width:560px) {
  .forum-registration { min-height:0; }
  .forum-brand { flex-basis:100%; }
}

/* Muted cyan names on gunmetal surfaces. */
.gallery-category-name .maincat:link,
.gallery-category-name .maincat:visited,
.gallery-category-children .subcat:link,
.gallery-category-children .subcat:visited,
.thumbnail-caption > b,
.thumbnail-caption > b a:link,
.thumbnail-caption > b a:visited,
.title {
  color:#69b7bf;
}
.gallery-category-name .maincat:hover,
.gallery-category-name .maincat:focus,
.gallery-category-children .subcat:hover,
.gallery-category-children .subcat:focus,
.thumbnail-caption > b a:hover,
.thumbnail-caption > b a:focus {
  color:#94d6dc;
}
/* The directory path above the image, not the category listing. */
.clickstream,
.clickstream a:link,
.clickstream a:visited,
a.clickstream:link,
a.clickstream:visited {
  font-size:16px;
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.4;
  color:#69b7bf;
}
.clickstream a:hover,
.clickstream a:focus,
a.clickstream:hover,
a.clickstream:focus { color:#94d6dc; }
/* Keep navigation height and scrollbar space consistent between pages. */
html { overflow-y:scroll; }
.navbar { height:30px; }
.navbar > table { height:30px; }
.navbar > table > tbody > tr > td { vertical-align:middle; }
/* Improved readability in category overview, sidebar and section headings. */
.gallery-category-name,
.gallery-category-name .maincat {
  font-size:14px;
  line-height:1.4;
}
.gallery-category-description,
.gallery-category-description.smalltext,
.gallery-category-children,
.gallery-category-children .subcat,
.gallery-category-children .smalltext {
  font-size:12px;
  line-height:1.5;
}
.gallery-category-name .new { font-size:11px; }
.head1, .head1:hover, .head2 {
  font-size:14px;
  line-height:1.5;
}
td.row2[width="150"] > table td,
td.row2[width="150"] > table a,
td.row2[width="150"] > table form,
td.row2[width="150"] > table .smalltext {
  font-size:13px;
  line-height:1.45;
}
td.row2[width="150"] > table .head2 { font-size:14px; }
td.row2[width="150"] .thumbnail-caption,
td.row2[width="150"] .thumbnail-caption a,
td.row2[width="150"] .thumbnail-caption b {
  font-size:13px;
  line-height:1.4;
}