/* Stylesheet for the GNU Art section of https://www.gnu.org,
created February 4, 2019, revised September 2025.
This file is in the public domain. */

html {
   background: #ddd;
}
body {
   background: #f4f4f4;
}
address.byline {
   margin-bottom: 2.3em;
}
h2 {
   margin-bottom: .5em;
}
h3 {
   font-size: 1.2em;
   margin: 1.9em 0 1.2em;
}
h3 span {
   font-size: .9em;
   font-weight: normal;
}
dl.compact dd {
   margin-right: 0;
}

/* Defined in layout.css. */
p.byline {
   margin-bottom: 2em;
}
.reduced-width {
   width: 50em;
}
.reduced-width blockquote {
   margin: 1.5em 3%;
}
.infobox.c {
   clear: both;
   border: none;
}
.infobox.c hr {
   display: none;
}

/* ====== This may eventually move to layout.css. */
table.overflow {
   display: block;
   max-width: 100%;
   overflow: auto;
/* width needs to be specified for centering. */
   margin: 2em auto;
}
table.overflow tbody {
   border: .125em solid #999;
}
table.overflow th, table.overflow td {
   border: .065em solid #999;
}
/* =============== */

/* Many small images of the same type. */ 
.thumb {
   display: inline-block;
   vertical-align: top;
   width: 15em;
   line-height: 1.2em;
   padding: .5em;
   margin: .5em .3em;
}
.thumb dd {
   margin: .3em 0 0 1em;
} 
.thumb dt {
   font-weight: normal;
   font-style: italic;
}

/* Wallpaper miniatures */
table.wp {
   display: block;
   text-align: center;
   overflow: auto;
}
table.wp tr {
   display: inline-block;
   vertical-align: top;
   margin: 1.5em .5em;
   border: .0625em solid #999;
}
#content table.wp td {
   display: block;
   text-align: left;
   padding: 0;
   border: none;
}
#content table.wp td.wp {
   border-bottom: .0625em solid #999;
}

table.wp td {
   padding: 0;
}
td.wp img {
   display: block;
   width: 15.625em;     /* 250px */
   margin: auto;
   background: #bbb;
}
table.wp p, table.wp dl, table.wp ul {
   width: 14em;
   margin: .5em auto;
}


/* A few large images. */
.left { float: left; }
.right { float: right; }
.left, .right {
   width: 23.5em;
   max-width: 98%;
   text-align: center;
   margin: 0 1% 2.3em;
}
@media (max-width: 53em) {
   .left, .right {
      float: none;
      margin: 0 auto 2.3em;
   }
}
.centered {
   max-width: 100%;
   text-align: center;
   margin: 0 auto 2.3em; 
}
.left img, .right img, .centered img, .thumb img {
/* width should be defined in the page. */
   max-width: 90%;
   height: auto;
}

/* Captions. */
.left p, .right p, .centered p, thumb p,
 .thumb ul, .thumb dl, .thumb dt {
   margin: .5em 0 0;
}
.left ul, .right ul, .centered ul {
   margin: .7em 0 0;
}
.left ul li, .right ul li, .centered  ul li, .thumb ul li  {
   list-style-type: none;
   margin: .3em 0 0;
}

/* Suppress unwanted background on hover. */
.left a:hover, .right a:hover,
.centered a:hover, .thumb a:hover {
   background: none;
}

/* Defined in layout.css. */
@media (min-width: 45em) {
   .pict.narrow {
      margin-bottom: 2.5em;
   }
}
@media (min-width: 50em) {
   .pict.medium {
      margin-bottom: 2.5em;
   }
}
@media (min-width: 57em) {
   .pict.wide {
      margin-bottom: 2.5em;
   }
}