html,body
{
    color: silver;
    background: black;
}

p
{
    text-align: center;
}

p.subtitle
{
    font-size: 24pt;
}

/* Caption placed directly beneath a video. Hugs the clip above it
   (half-line gap) and leaves a wider gap below, so each label clearly
   belongs to the video it follows rather than floating between two. */
p.video-label
{
    margin-top: 0.4em;
    margin-bottom: 2em;
}

video
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

video.wide
{
    width: 768px;
    height: 432px;
}

video.max-720p
{
    width: 100%;
    height: 100%;
    max-width: 1280px;
    max-height: 720px;
}

video.max-480p
{
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 480px;
}

video.standard
{
    width: 768px;
    height: 576px;
}

iframe
{
    display: block;
    margin: 0 auto;
}


a.legacy-video-wide
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 768px;
    height: 456px;
}

a.legacy-video-standard
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 768px;
    height: 600px;
}

a.nav
{
    display: block;
    text-align: center;
    font-style: italic;
}

p + :not(p)
{
    margin-top: 3em;
}

a.fancybox
{
    display: block;
}

a.fancybox.thumb
{
    display: inline-block;
    margin-left: 10pt;
    margin-right: 10pt;
}

a.fancybox + a.fancybox
{
    margin-top: 3em;
}

.linklist > a
{
    display: block;
}

img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.thumbnail
{
    display: inline-block;
}