/**
 * Rietveld in het Stedelijk
 * @media screen
 */

* { margin: 0; padding: 0; }
body { font: 11px/14px Helvetica, Arial, Verdana, sans-serif; color: #000; background: #fff; }

a img { border: none; }
a { text-decoration: none; }
a:hover, a:focus { color: #000; }

h1 { margin: 32px; }
h1 a { width: 209px; height: 25px; display: block; text-indent: -999em; background: url(images/stedelijk-logo.gif); }
h1 a:hover, h1 a:focus { background-position: 0 -25px; }
h2, h3 { font-weight: normal; }
h2 { font-size: 14px; text-transform: uppercase; }
h3 { margin-top: 32px; font-size: 11px; }

#content { width: 901px; overflow: hidden; color: #fff; background: #b3b3b3; }

/* main content */
#main-content { width: 450px; padding: 32px 29px 32px 32px; float: left; }
#main-content a { color: #fff; }
#main-content a:hover, #main-content a:focus, #main-content a.current { color: #000; }
#main-content ul { margin-bottom: 1em; }
#main-content li { list-style: none; }
p.notification { margin: 1em; }

/* student list */
#students li { display: inline; }
#students a { padding: 0 10px 0 3px; font-size: 14px; font-weight: bold; text-transform: uppercase; background: url(images/student-divider.gif) no-repeat 100% 0; }
#students .first a { padding-left: 0; }
#students .last a { background: none; }

/* video thumbs */
#videothumbs { width: 390px; float: left; }
#videothumbs li { float: left; list-style: none; }
#videothumbs a { position: relative; display: block; color: #fff; }
#videothumbs span { position: absolute; top: 0; left: 0; width: 100%; height: 65px; padding-top: 8px; display: none; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: bold; text-align: center; background: rgba(0, 0, 0, .3); }
#videothumbs small { display: block; }
#videothumbs a:hover span, #videothumbs a:focus span, #videothumbs a.current span { display: block; }
#videothumbs img { display: block; }

object { margin: 1em 0; }