/* @override http://localhost:8000/static/css/base.css */
body {background-color:white;color:black;font:0.75em/1.25 Helvetica, Arial, sans-serif;}
a {color:black;text-decoration:none;}
a:hover {border-bottom:1px solid grey;}
a img {border:none;text-decoration:none;}
.clear {clear:both;}
#nav-global {float:left;width:16em;}
body.frontpage #nav-global {width:56em;}
body.frontpage #nav-global ul li a.main-link {position:relative;float:left;top:8em;}
body.frontpage #nav-global ul li ul.nav-secondlevel {float:right;width:40em;}
body.frontpage #content-main {display:none;}
#branding h1 {font-size:inherit;}
.list-by-year h4 {float:left;font-weight:inherit;margin:0;}
.list-by-year p, .list-by-year ul {margin:0 0 0.2em 8em;}
#nav-global ul {list-style-type:none;}
#nav-global ul li {margin:2em 0;}
#nav-global ul li.secondary {margin:0.5em 0;}
#content-main {float:left;width:40em;}
#content-related {float:left;width:16em;}
#content-related img {max-width:10em;max-height:8em;}
#content-main ul li {list-style-type:none;margin:0 0 1em 0;}
body.work #content-main ul li {margin-bottom:0;}
.clear {clear:both;}
body.work #content-main p, 
body.work #content-main .credits,
body.work #content-main h2,
body.work #content-main h3,
body.work #content-main h4,
body.work #content-main h5,
body.work #content-main h6,
body.work #content-main ul {float:left;margin:1em 0 1em 0;width:24em;}
body.work #content-main p.images {float:right;margin:1em -22em 0 0;width:32em;}
body.work #content-main p.images img, body.work p.text img {height:16em;margin:0 1em 1em 0;/}
body.work #content-main p.images.same-width img {height:inherit;width:22em;}
body.work #content-main p.images2 {float:right;width:36em;margin:1em -20em 0 0;}
body.work #content-main p.images2 img {width:16em;height:inherit;float:right;margin:0 1em 1em 0;}
body.work #content-main p.images-text {float:left;width:56em;margin:1em 0 0 0;}
body.work #content-main p.images-text img {height:16em;margin:0 1em 1em 0;}
.language-chooser {font-size:90%;color:rgb(100,100,100);text-align:right;}
body.views #content-main {width:60em;}
body.views #content-main .text {width:40em;}
body.views #content-main .citation {width:40em;font-style:italic;}
.image-matrix p {float:left;width:340px;padding:10px;}
.image-matrix p img {width:320px;}
#sidebar {margin-left:16em;}

body.videos {background-color:#222;color:white;}
body.videos a, body.videos {color:white;}
body.videos #container {margin:auto;width:960px;}
body.videos h1 {font-size:12px;font-weight:normal;}
body.videos h1 .title {display:block;margin-top:4em;margin-bottom:2em;text-transform:uppercase;}
body.videos ul.movies {padding:0;}
body.videos ul.movies li {clear:both;}
body.videos ul.movies li p.title {float:left;width:600px;}
body.videos ul.movies li p.videos {float:left;width:100px;}
body.videos ul.movies li p.meta {float:left;width:100px;}
body.videos ul.movies h2 {font-size:12px;font-weight:normal;}
body.videos ul.movies .video-view {display:none;position:absolute;margin:auto;top:64px;}