/* Historical artwork on the shared Twig shell. Widths and colours remain in
   the validated style projection; only each family's structural details live here. */
#header img { max-width: 100%; height: auto; }
.wrap, #header, #footer { max-width: 100%; box-sizing: border-box; }
/* Keep Legacy's floated links and two-line copyright/statistics; contain the floats. */
#footer { clear: both; height: auto; }
#footer > .wrap { display: flow-root; }
/* Both Legacy poll-heading children float; contain them so the header artwork paints. */
.pollpanel h4 { display: flow-root; }
.footer-link { border: 0; color: inherit; font: inherit; cursor: pointer; background-color: transparent; }
.footer-style-choice { display: block; width: 100%; padding: 3px 5px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
#styleswitcher_menu .current .footer-style-choice { font-weight: bold; }
#styleswitcher_menu .footer-style-choice:hover, #styleswitcher_menu .footer-style-choice:focus { background: #e8e8e8; }
@media (max-width: 600px) {
    #footer #footlinks { float: none; margin: 0 0 12px; text-align: left; }
}
body[data-style-family="summer"] #header h2 { padding: 0; }
body[data-style-family="summer"] #logo2 { float: right; }
body[data-style-family="green"] #head01 {
    height: 285px;
}
body[data-style-family="green"] #head02 {
    min-height: 49px; height: auto;
}
body[data-style-family="bluesky"] .style-shell {
    box-sizing: border-box; padding: 0 30px; margin-bottom: 0;
    border-left: 9px solid transparent; border-right: 9px solid transparent;
}
body[data-style-family="bluesky"] #footer { border: 0; background: none; padding: 0 0 20px; text-align: center; }
body[data-style-family="bluesky"] #footer > .wrap { border-left: 9px solid transparent; border-right: 9px solid transparent; padding: 12px 30px 20px; background: #fff; }
body[data-style-family="bluesky"] #copyright,
body[data-style-family="bluesky"] #debuginfo { font: 0.83em/1.5em Verdana, Arial, Helvetica, sans-serif; text-align: center; }
body[data-style-family="bluesky"] #footerbg { text-align: center; }
body[data-style-family="bluesky"] #footerbg img { max-width: 100%; height: auto; vertical-align: bottom; }
body[data-style-family="bluesky"] #header {
    min-height: 125px; box-sizing: border-box; padding: 0 10px;
}
body[data-style-family="bluesky"] #header h2 { padding: 0; }
body[data-style-family="bluesky"] #menu { min-height: 30px; overflow: hidden; }
body[data-style-family="bluesky"] #menu ul { float: right; padding: 4px 10px 0; }
body[data-style-family="bluesky"] #menu li { float: left; }