body {
  background: black; color: white; padding: 0; margin: 0; position: relative;
}

img { vertical-align: text-top; border: none; }
h1 { margin: 1px }

#main {
  width: 800px;
  margin: 0 auto;
}

#banner {
  font-size: 16pt;
  font-family: times new roman;
}

iframe {
  padding: 0;
  margin: 0;
}

/* custom rotating project ads */
#ads { height: 100%; transition: opacity 0.4s ease; }
.ads-four { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 12px; }
.ads-rows { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 12px; }
.ads-one  { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 12px; }

.myad {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #333;
  background-color: #111;
  border-radius: 6px;
  padding: 16px;
  text-decoration: none;
  color: #fff;
  font-family: sans-serif;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.myad:hover { border-color: #FFC72C; background-color: #161616; }
.myad-name { font-size: 19px; font-weight: bold; color: #FFC72C; letter-spacing: 0.5px; }
.myad-tag { font-size: 12px; color: #bbb; margin: 8px 0 0; line-height: 1.35; }
.myad-cta { font-size: 11px; color: #888; margin-top: 12px; text-transform: uppercase; letter-spacing: 1px; }

.ads-one .myad-name { font-size: 30px; }
.ads-one .myad-tag { font-size: 16px; margin-top: 12px; }
.ads-one .myad-cta { font-size: 12px; }

/* image creative: picture fills the card, caption on a gradient at the bottom */
.myad-img {
  padding: 0;
  justify-content: flex-end;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.myad-cap {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
}
.myad-img .myad-tag { margin-top: 4px; }

#footer {
  font-family: sans-serif;
  font-size: 10px;
  color: orange;
  margin: 0;
  background: #111;
  width: 100%;
}

#inner-footer {
  margin: 0;
  padding: 20px 10px 40px 10px;
  background: #191919;
  width: 790px;
  margin: 0 auto;
}

#historical {
  padding: 10px;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: white;
}

#copyright {
  padding: 10px;
}

#imageMenu ul li.art a {
  background: url(assets/images/art.jpg) repeat scroll 0%;
}

#imageMenu ul li.links a {
  background: url(assets/images/links.jpg) repeat scroll 0%;
}

#imageMenu ul li.books a {
  background: url(assets/images/books.jpg) repeat scroll 0%;
}

#imageMenu ul li.photos a {
  background: url(assets/images/photos.jpg) repeat scroll 0%;
}

#imageMenu ul li.papers a {
  background: url(assets/images/papers.jpg) repeat scroll 0%;
}

#imageMenu ul li.blog a {
  background: url(assets/images/blog.jpg) repeat scroll 0%;
}