@charset "UTF-8";
body {
  font: .85em Helvetica, Arial, Verdana, sans-serif;
  color: #444;
}
#accessLinks {
  position: absolute;
  top: -999px;
  left: 0;
  width: 80%;
  z-index: 999;
}
#accessLinks a {
  position: absolute;
  top: 0;
  left: 0;
}
#container {
    width:930px;
    margin: 50px auto;
}
#header {
    }
#header h1 {
    font-size: 2em;
    text-transform: uppercase;
    color: #767676;
    margin: 0 0 4px 0;
    font-weight: 200;
}
#header h1 em {
    font-style: normal;
    font-weight: bold;
    font-size: .5em;
}
#header h1 a {
      color: #767676;
      text-decoration:none;
}
#homepage #header h1 a {
      color: #000;
}
.nav, .nav-exhibition-sub {
    text-transform:uppercase;
    font-size: 90%;
    color: #767676;
    display: inline-block;
    margin: -5px 0 0 0;
    padding: 0px 0px 2px 0px;
}
.nav a, .nav-exhibition-sub a {
    text-decoration: none;
    color: #767676;
}
#homepage .nav a {
    color:#000;
}
.nav ul, .nav ul li, .nav-exhibition-sub ul, .nav-exhibition-sub li {
    margin:0 10px 0 0;
    list-style:none; 
    padding:0;
    display: inline-block;
}

.navbottom {margin: 30px 0 0 0;
clear:both;
display:block;
}

#mainContent {
    margin:30px 0 0 0;
    padding: 0px;
    line-height: 130%;
    font-weight: 200;
}
#mainContent h2 {
    text-transform: uppercase;
    color: #555;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1em;
    margin: 20px 0 20px 0;
}
#mainContent h2.display-inline{display:inline; margin: 0 23px 20px 0;float:left;}
#mainContent h3 {
    text-transform: uppercase;
    color: #555;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1em;
    clear:both;
    padding: 1em 0 0 0;
    margin: .5em 0;
}
#mainContent h4 {
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0;
    text-transform: uppercase;
    font-size: 1.0em;
    font-weight: 200;
    color: #767676;
    line-height: 1em;
}
#mainContent h4 a {
    text-decoration: none;
    color: #767676;
}
#mainContent h4 a:hover { color: #666; }

#mainContent a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px dotted #999;
}
#mainContent a:hover {border-bottom: 1px solid #999;}

#mainContent a.NoDecoration{text-decoration:none;border:0px;}
#mainContent a.fancybox, #mainContent a:hover.fancybox {border:0px;}
#mainContent ul, #mainContent ul li{ list-style: none; margin:10px 3px 10px 0;
    padding: 0 0;}
#mainContent .CV-Data ul li {margin:0 0 20px 0;
    } 
#mainContent .CV-Data ul li .date {width:100px;
display:inline-block;
    float:left;
    clear:both;
    } 
#mainContent .CV-Data ul ul  {margin:0 0 10px 0;
padding:0;
width:290px;
float:left;
} 
#mainContent .CV-Data ul ul li {margin:0 0 10px 0;
/*    float:right; */
    width:580px;
} 
#mainContent .CV-Data ul ul li p{margin:0 0 10px 0;
} 
/* this mainly for adjusting several paragraphs of an exhibition to have less space in the news section; re-added margin-top from -10px top */
#mainContent .CV-Data ul ul li p:nth-child(n+2) {margin:0 0 10px 0;
} 
#mainContent .CV-Data ul ul li .exhibition-external-url p, #mainContent .CV-Data ul ul li .exhibition-external-url {margin:-27px 0 0 0;}
/*
#mainContent .CV-Data ul ul li { display:inline;} 
#mainContent .CV-Data ul li { display:inline;} 
*/

    
#mainContent #contact-info {margin:0 0 20px 0;}
#mainContent #contact-info p{margin:0;padding:0;}


.footnote {font-size: .75em;
}


li:target {
    background-color:#CCC;
}

.aside { 
    font-style:italic;
    font-size:.85em;
}
.caption {
    font-style:italic;
    font-size:.90em;
}

#mainContent ol.ordered-list li {
list-style:inherit;
    padding:0 3px;
}

.listing { clear: both; }
.listing ul {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}
.listing li {
    display: inline;
    margin: 0 2px 2px 0;
}
.listing li a, .listing li a img {
  display: block;
}
.listing li.more {
    font-size: .8em;
    line-height: 1em;
}
.listing li.more a {
    display: block;
    text-transform: lowercase;
    color: #fff;
    background: #767676;
    text-decoration: none;
    text-align: right;
    padding: 2px 4px;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
}
.listing li.more a:hover { background-color: #666; }
.listing li a img {
    display: block;
}

#mainContent .CV-Date {min-width:100px; float:left; clear:both;}

.CV-Data .Column {float:right;width:580px;padding:0 0 .85em 0;}
/* width for resume page, which has larger width in CV-Date column, so smaller .Column width  */

.CV-Data ul li{list-style:none; padding: 0 0 .85em 0;}
.CV-Data ul {/* clear:both; */ margin:0; padding:0;}

.Column p {margin:0 0 .3em 0;}

.toggle{display: block; min-height:800px;}

/* initial exhibition index page to be displayed */
#exhibtion-index-thumb {display:block;}

.grants .Column, .lectures .Column {width:580px;}
ul.exhibition li.exhibition .Column{float:right;width:580px;padding:0 0 .85em 0;}

p.exhibition, ul.exhibition, ul.exhibition li{list-style:none; padding:0;
/* display:inline */;}
ul.listing, ul.listing li{display:block;padding:10px 0;}
.exhibition-name, .exhibition-date, .exhibition-location, .exhibition-link {display:inline;}
ul.exhibition .thumbs, li.exhibition .thumbs {list-style:none;
width:120px;width:100px;
height:170px;text-align:left; float:left; margin:0; padding:0;overflow:hidden;}
.exhibition .thumbs img {width:110px; width:90px; height:110px; height:90px; border:0px solid gray; margin:0;}
#mainContent .exhibition .thumbs a {border:0px solid gray; margin:0;}
.exhibition .thumbs p.exhibition-name{font-size:.85em;line-height:135%;}

#exhibition-description img {margin:0 5px 0 0;}

/* exhibition view choices */
p.exhibition-view {text-transform:uppercase;font-size:.80em; padding:0 5px 0 0}
.exhibition-view, ul.exhibition-view li {float:left; padding:0;}
ul.exhibition-view, ul.exhibition-view a {border-bottom:0px; }
#mainContent ul.exhibition-view li, #mainContent ul.exhibition-view {margin:0 4px 0 0;padding:0;}
ul.exhibition-view li { background:url(../images/ondrizek-view-icons.png) no-repeat;display:block; 
text-indent:-5000px; width:34px; height:47px;}

ul.exhibition-view li#exhibition-index-name {background-position:0px 0; }
ul.exhibition-view li#exhibition-index-date {background-position:-59px 0;}
ul.exhibition-view li#exhibition-index-thumb {background-position:-121px 0; }

ul.exhibition-view li#exhibition-index-name:hover{background-position:0px -47px;}
ul.exhibition-view li#exhibition-index-date:hover{background-position:-59px -47px;}
ul.exhibition-view li#exhibition-index-thumb:hover{background-position:-121px -47px;}
/* exhibition initial view - show date */
 #exhibtion-index-name {display:none;} 
 #exhibtion-index-thumb {display:none;} 

.inactive {opacity:.5;}


/* homepage slideshow */
.bss-slides figure {margin:0; padding:0;}
.homepage-images.bss-slides a, .exhibition-link{font-size:.75em; text-transform:uppercase;}
.exhibition-caption {font-size:.85em; color:#767676; font-style:italic; margin:-20px 0 50px 0}
.bss-slides figcaption {margin:20px 0 0 0; text-align:center;}

#meta-container{float:right;width:450px}

#exhibition-images {width: 450px;float:left;}
/* new readmore replaces this css #exhibition-meta {width: 450px; float:right; } */
#exhibition-meta {float:none; margin:0 0 -20px 0;}
/* new readmore script replaces this css #exhibition-description {float:right; width:450px; padding:0px 0 0 0;margin: 0px 0 0 0;} */
#exhibition-description {margin:30px 0 0 0}
#exhibition-description + [data-readmore-toggle],
#exhibition-description[data-readmore] {margin:20px 0}

#exhibition-images img.exhibition-thumbnail{width:70px; height:70px; margin:0 5px 0 0;}
#exhibition-images img.exhibition-homepage-image {width:445px;margin:0 0 20px 0;}