@media screen {
html, body	{ 
	font:95% Arial, Helvetica, sans-serif;
	color:#000; 
	margin:0; 
	padding:0; 
	background:none #fff; 
}
img {
	border:none;
}
p {
        margin:1em 0 0 0; 
}	
a:link{ 
	color:rgb(204, 0, 0); 
	text-decoration:none; 
}
a:hover, 
a:active { 
	color:rgb(204, 0, 51); 
	/* text-decoration:underline; */
	text-shadow: 1px 1px 1px #999;
}
a:visited { 
	color:rgb(204, 51, 0);
	text-decoration:none; 
}
a.external {
	background:transparent url("i/external.png") no-repeat scroll right center;
	padding-right:12px;
}
h1	{ 
	font:1.3em; 
	letter-spacing:2px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:0;       
}
h2	{ 
	font-size:1.2em; 
	padding:0; 
	margin:2em 0 0 0; 
	font-weight:normal;
}
h3	{ 
	font-size:1.1em; 
	padding:0; 
	margin:1em 0 0 0;
	font-weight:normal;
}
blockquote	{ 
	color:#555; 
	margin:5px 0; 
}
sup	{ 
	font:.5em Arial, Helvetica, sans-serif;
}
.wrapper {
	margin:0 auto; 
	padding:1em 0;
	width:760px
}
.breadcrumbs { 
	display:none; 
}
.navigation {
	/* position:fixed; */
	background:none #fff;
}
.navigation ul { /* all lists */
	padding:0;
	margin:0;
	list-style:none;
}
.navigation li { /* all list items */
	float:left;
	position:relative;
	width:150px;
	text-align:right;
}
.navigation li.logo {
	float:left;
	position:relative;
	width:160px;
	padding:0 !IMPORTANT;
	border:0 !IMPORTANT;
	text-align:left !IMPORTANT;
	font-weight:bold;
}
a.parent:link,
a.parent:visited {
	padding:0 0 0 1em ;
	background:url("i/arrowD.png") no-repeat scroll left center;
}
a.parent:hover {
	padding:0 0 0 1em ;
	background:url("i/arrowD.png") no-repeat scroll left center;
}
.navigation li ul { /* second-level lists */
	display:none;
	position:absolute;
	top:1em;
	left:0;
}
.navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top:auto;
	left:auto;
}
.navigation li:hover ul, 
.navigation li.over ul { /* lists nested under hovered list items */
	display:block;
}
.content  { 
	clear:left;
	padding:5em 0 0 0;
}
.content ul,
.content ol { 
	list-style:none;
	margin:0; 
	padding:0;
}
.content ul li.item,
.content ol li.item { 
	padding:0 0 2em 0;
}
.content ol.numbered {
	list-style:decimal;
}
.content ol li { 
	padding-top:1em;
	list-style-position:inside;
}
.item {
	clear:both;
}
.content ul#details { 
	list-style:none; 
	margin:0; 
	padding:0;
	color:#555;
	width:250px;
	float:left;
	font-size:.8em;
}
.content ul#details li { 
	padding:0 0 1em 0;
}
.content ul#details img {
	border:none;
}
.content ul#reviews li,
.content ul#exhibitions li,
.content ul#screenings li,
.content ul#lectures li,
.content ul#bibliography li { 
	padding:.8em 0 0 0;
}
.thumbnails {
	width:770px;
	display:block;
    margin:0 0 10px -10px; 
}
.thumbnails img {
	float:left;
	margin:10px 0 0 10px;
}
.captions { 
	font-size:.8em; 
	color:#555; 
	margin:10px 0 15px 0;
	border-top:1px solid #ccc;
    width:760px;
}
.captions .left { 
	float:left;
}
.captions .left a:link,
.captions .left a:hover, 
.captions .left a:active,
.captions .left a:visited {
	padding:0 0 0 1em ;
	background:url("i/arrowL.png") no-repeat scroll left center;
}
.captions .right { 
	float:right;
}
.captions .right a:link,
.captions .right a:hover, 
.captions .right a:active,
.captions .right a:visited {
	padding:0 1em 0 0;
	background:url("i/arrowR.png") no-repeat scroll right center;
}
img.thumbnail  {
	float:left;
	margin:0 10px 20px 0;
}
.summary {
	float:right;
	width:640px;
	margin:0 0 10px 0;
}
.summary a {
	text-transform:uppercase;
}
.description {
	text-align:justify;
	width:510px;
	float:right;
	padding:0 0 2em 0;
}
.illustration { 
	margin:1.5em 0 .5em 2em; 
	padding:0;
	float:right;
	font-size:.8em; 
	font-style:italic; 
	color:#555;
}
.footnotes { 
	font:.7em Arial, Helvetica, sans-serif;
	padding:1em;
	margin:1em 0 0 0;
	border-top:1px solid #333;
}
.footer { 
	clear:both;
	width:8px;
	height:52px;
	background:url("i/BullMiletic.gif") no-repeat; 
}

/* gallery */

#gallery {
	position:relative;
	height:507px;
	margin:7em 0 1em 0;
}
#gallery a {
	float:left;
	position:absolute;
}
#gallery a.show {
	z-index:500
}
#gallery .caption {
	z-index:600; 
	background-color:#000; 
	color:#fff; 
	height:100px; 
	width:100%; 
	position:absolute;
	bottom:0;
}
#gallery .caption .content {
	padding:15px;
}
#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#fff;
}
}
@media print {
body { 
	font: 11pt Arial, Helvetica, sans-serif;
}
.breadcrumbs, .navigation, .footer  { 
	display: none; 
}
h1	{ 
	font:1.3em Arial Black, sans-serif; 
	letter-spacing:2px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:0;       
}
.content ul li,
.content ol li { 
	padding:0 0 2em 0;
}
}
@page :left {
  	margin: 2cm 4cm 2cm 3cm;
}
@page :right {
  	margin: 2cm 3cm 2cm 4cm;
}
