/* @override 
	http://localhost:8000/static/css/base.css
	http://192.168.73.214: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;
}

#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 p, 
body.work .credits,
body.work h2,
body.work h3,
body.work h4,
body.work h5,
body.work h6,
body.work ul
{
	float: left;
	margin: 1em 0 1em 0;
	width: 24em;
}

body.work p.images { 
	float:right;
	margin:1em -22em 0 0;
	width:32em;
}

body.work p.images img, body.work p.text img {
	height:16em;
	margin:0 1em 1em 0; /* 0 0 1em;*/
}

body.work p.images.same-width img {
	height: inherit;
	width: 22em;
}

body.work p.images2 {
	float:right;
	width:36em;
	margin:1em -20em 0 0;
}

body.work p.images2 img {
	width:16em;
	height:inherit;
	float:right;
	margin:0 1em 1em 0; /* 0 0 1em;*/
}

body.work p.images-text {
	float:left;
	width:56em;
	margin:1em 0 0 0;
}

body.work p.images-text img {
	height:16em;
	margin:0 1em 1em 0; /* 0 0 1em;*/
}

.language-chooser {
	font-size: 90%; color: rgb(100,100,100); text-align:right;
}