/* Additions to the old Movable Type stylesheet (styles-site.css) for the rebuilt archive. */
.content .nav { font-size: 11px; text-align: right; }
.content .intro { margin-bottom: 15px; }
.content ul.issues { margin: 5px 0 20px 0; padding-left: 20px; }
.content ul.issues li { margin-bottom: 4px; }
.content .when { color: #666; font-size: 11px; }
.content hr { border: 0; border-top: 1px solid #ccc; margin: 12px 0; }
.content a, .content a:link, .content a:visited { color: #006699; }
.sidebar ul { margin: 0 0 15px 0; padding-left: 15px; }
.sidebar .footer-note { font-size: 10px; color: #999; }
@media (max-width: 720px) {
  #container { width: auto; margin: 0 8px; }
  #center, #right { float: none; width: auto; overflow: visible; }
  .content, .sidebar { padding: 10px; }
}
.content img { max-width: 100%; height: auto; }
.content h2 { font-size: 14px; font-weight: bold; margin: 18px 0 6px 0; color: #69AFC9; }
.content h3 { font-size: 12px; font-weight: bold; margin: 12px 0 4px 0; }
/* Hot Jobs: the city picture beside its job, as in the emails */
.content p:has(> img[src*="/citypictures/"]) { float: left; clear: left; margin: 0 15px 10px 0; }
.content p:has(> img[src*="/citypictures/"]) img { width: 100px; height: 100px; object-fit: cover; }
.content p:has(> img[src*="/citypictures/"]) + p { overflow: hidden; min-height: 100px; margin-bottom: 10px; }
.content h2 { clear: both; }