/* Advertisement slots (view component "AdvBlock"). One .adv-item is visible at a time; js/adv-rotator.js cycles them. */
.adv-slot {
    display: block;
    width: 100%;
    margin: 0 auto 12px;
    text-align: center;
}

.adv-slot .adv-item { display: none; }
.adv-slot .adv-item.is-active { display: block; }
.adv-slot a { display: block; }

.adv-slot img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.adv-slot--top-of-site { max-width: 1296px; }
.adv-slot--top-of-site img { width: 100%; }

.adv-slot--skyscraper-970x80-right-under-menu-bar { max-width: 970px; margin-top: 8px; }
.adv-slot--ads-under-event-scheduler { max-width: 960px; margin-top: 16px; }
.adv-slot--skyscraper-rightside-small { max-width: 301px; margin-top: 16px; }
.adv-slot--skyscraper-rightside { max-width: 160px; margin-top: 16px; }

/* Wide screens have a free margin beside the 1320px content column: the tall banner floats there. Narrower screens show it below the page content. */
@media (min-width: 1720px) {
    .adv-slot--skyscraper-rightside {
        position: fixed;
        top: 150px;
        right: 10px;
        margin: 0;
        z-index: 50;
    }
}