/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
@charset "UTF-8";
/*
* Constants
*/
/*
* Mixins
*/
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
*behavior: url('/static/c/lib/boxsizing.htc?76273a081ea3'); }
img {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
*behavior: url('/static/c/lib/boxsizing.htc?76273a081ea3'); }
.alpha {
padding-left: 0 !important; }
.omega {
padding-right: 0 !important; }
/*
* Structure and base styles
*/
body {
font-family: 'Avenir LT W01 55 Roman';
font-size: 11pt;
line-height: 1.75;
background: #FFFFFF;
color: #292929; }
#wrapper {
width: 1200px;
margin: 0 auto; }
#wrapper > .content {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */ }
#wrapper > .content:before, #wrapper > .content:after {
content: "";
display: table; }
#wrapper > .content:after {
clear: both; }
#wrapper > .content {
zoom: 1; }
a {
text-decoration: none;
color: #292929; }
a:hover {
text-decoration: underline; }
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.1; }
/*
* Header and Footer
*/
#wrapper > header {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin: 79px 0;
text-transform: uppercase;
position: relative;
height: 227px;
z-index: 1; }
#wrapper > header:before, #wrapper > header:after {
content: "";
display: table; }
#wrapper > header:after {
clear: both; }
#wrapper > header {
zoom: 1; }
#wrapper > header nav {
position: absolute;
top: 158px; }
#wrapper > header nav.primary {
left: 0; }
#wrapper > header nav.secondary {
right: 0; }
#wrapper > header nav a {
float: left;
display: block; }
#wrapper > header nav a + a {
margin-left: 40px; }
#wrapper > header .brand {
text-align: center; }
#wrapper > footer {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin: 69px 0 85px 0;
text-align: center; }
#wrapper > footer:before, #wrapper > footer:after {
content: "";
display: table; }
#wrapper > footer:after {
clear: both; }
#wrapper > footer {
zoom: 1; }
#wrapper > footer .newsletter {
margin: 0 auto 79px auto;
width: 460px; }
#wrapper > footer .newsletter input.email {
width: 100%;
background: #F5F5F5;
display: block;
height: 60px;
border: none;
padding-left: 15px;
padding-right: 15px;
text-align: center; }
#wrapper > footer .newsletter input.email + label {
width: 100%;
position: relative;
top: -60px;
line-height: 60px;
margin-bottom: -60px;
text-transform: uppercase;
color: #999999;
display: block; }
#wrapper > footer .newsletter input.submit {
display: none; }
#wrapper > footer .address {
font-size: 16px;
letter-spacing: 2px;
color: #565656;
text-transform: uppercase; }
body.extra-footer-space #wrapper {
margin-bottom: 185px; }
body.extra-footer-space #wrapper > footer {
display: none; }
nav.prev-next {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
clear: both;
padding-top: 120px; }
nav.prev-next:before, nav.prev-next:after {
content: "";
display: table; }
nav.prev-next:after {
clear: both; }
nav.prev-next {
zoom: 1; }
nav.prev-next a {
font-size: 1.75em;
text-transform: uppercase;
opacity: 0.9; }
nav.prev-next a.prev {
float: left; }
nav.prev-next a.next {
float: right; }
body.exhibitions #wrapper > header a.exhibitions {
text-decoration: underline; }
body.exhibitions #wrapper > header a.exhibitions:hover {
text-decoration: none; }
body.artworks #wrapper > header a.artworks {
text-decoration: underline; }
body.artworks #wrapper > header a.artworks:hover {
text-decoration: none; }
body.artists #wrapper > header a.artists {
text-decoration: underline; }
body.artists #wrapper > header a.artists:hover {
text-decoration: none; }
body.about #wrapper > header a.about {
text-decoration: underline; }
body.about #wrapper > header a.about:hover {
text-decoration: none; }
body.news #wrapper > header a.news {
text-decoration: underline; }
body.news #wrapper > header a.news:hover {
text-decoration: none; }
body.publications #wrapper > header a.publications {
text-decoration: underline; }
body.publications #wrapper > header a.publications:hover {
text-decoration: none; }
body.contact #wrapper > header a.contact {
text-decoration: underline; }
body.contact #wrapper > header a.contact:hover {
text-decoration: none; }
/*
* Exhibition section specific
*/
body.exhibitions section.exhibitions {
margin-left: 40px; }
article.exhibition {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
position: relative;
/* structural trivialities */
/* actual content */ }
article.exhibition:before, article.exhibition:after {
content: "";
display: table; }
article.exhibition:after {
clear: both; }
article.exhibition {
zoom: 1; }
article.exhibition > header {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
position: relative;
padding-left: 120px; }
article.exhibition > header:before, article.exhibition > header:after {
content: "";
display: table; }
article.exhibition > header:after {
clear: both; }
article.exhibition > header {
zoom: 1; }
article.exhibition > header > * {
line-height: 1.1em;
font-size: 5.5em;
bottom: 0;
margin: 0;
padding: 0; }
article.exhibition > header h1 {
/* name */
clear: left;
width: 560px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline; }
article.exhibition > header h2.artists {
width: 800px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline; }
article.exhibition > header h2.artists.multiple {
font-size: 2.75em;
margin-bottom: 20px; }
article.exhibition > header h2.dates {
position: absolute;
width: 400px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
left: 720px;
bottom: 0;
font-size: 3em;
padding-bottom: 9px; }
article.exhibition > header nav.internal {
position: absolute;
left: -40px;
bottom: 0;
font-size: 1em;
display: block;
margin: 80px 0 50px 0; }
article.exhibition > header nav.internal a, article.exhibition > header nav.internal span {
display: block;
line-height: 1.8em; }
article.exhibition > header nav.internal span {
opacity: 0.5; }
article.exhibition.group header h2.artists {
font-size: 2.75em;
margin-bottom: 165px; }
article.exhibition div.images {
width: 800px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-right: 40px; }
article.exhibition div.text {
width: 280px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-top: 55px; }
article.exhibition div.text .links ul {
list-style: none;
padding-left: 0; }
article.exhibition section.artists {
font-size: 1.5em;
margin: 50px 0 28px 0; }
article.exhibition section.artists ul {
list-style: none;
margin: 0;
padding: 0; }
article.exhibition section.overview {
font-size: 0.9em; }
article.exhibition section.overview > p {
margin-top: 0; }
article.exhibition section.overview h2.location {
font-size: 1.15em;
margin-top: 50px; }
article.exhibition section.links header h1 {
font-size: 1.15em;
margin-top: 50px; }
article.exhibition section.links article h1 {
font-size: 0.9em;
margin: 15px 0 0 0; }
article.exhibition section.links article > div {
font-size: 0.8em;
opacity: 0.8; }
article.exhibition section.links article > div p:first-child {
margin-top: 5px; }
article.exhibition section.artwork, article.exhibition section.installation {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-right: -5px;
margin-top: 1.5em; }
article.exhibition section.artwork:before, article.exhibition section.artwork:after, article.exhibition section.installation:before, article.exhibition section.installation:after {
content: "";
display: table; }
article.exhibition section.artwork:after, article.exhibition section.installation:after {
clear: both; }
article.exhibition section.artwork, article.exhibition section.installation {
zoom: 1; }
article.exhibition section.artwork header h1, article.exhibition section.installation header h1 {
margin: 1.5em 0 0.5em 0; }
article.exhibition section.artwork a, article.exhibition section.installation a {
width: 160px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-bottom: 30px; }
article.exhibition section.artwork a:hover, article.exhibition section.installation a:hover {
opacity: 0.75; }
article.exhibition section.artwork a:nth-child(1n+5) {
/* no header here */
float: right; }
article.exhibition section.installation a:nth-child(1n+6) {
/* take into account the header */
float: right; }
article.exhibition section.news header h1 {
margin: 50px 0 0 0;
font-size: 1em; }
article.exhibition section.news ol {
list-style: none;
padding-left: 0; }
article.exhibition section.news ol li {
font-size: 0.9em; }
article.exhibition section.news ol li + li {
margin-top: 0.5em; }
section.exhibitions section#future {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-bottom: 75px; }
section.exhibitions section#future:before, section.exhibitions section#future:after {
content: "";
display: table; }
section.exhibitions section#future:after {
clear: both; }
section.exhibitions section#future {
zoom: 1; }
section.exhibitions section#future article {
width: 160px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-right: 40px;
height: 0px;
margin-top: 40px;
margin-bottom: 60px;
position: relative;
color: #666; }
section.exhibitions section#future article h1 {
position: absolute;
bottom: 0px;
text-transform: uppercase;
font-size: 0.8em;
margin: 0;
line-height: 1.4; }
section.exhibitions section#future article h2 {
position: absolute;
top: 20px;
font-size: 0.8em;
line-height: 1.4;
margin: 0; }
section.exhibitions section#future article:hover a {
text-decoration: underline !important; }
/*
* Artwork section specific
*/
body.artworks section.catalog, body.publications section.catalog {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */ }
body.artworks section.catalog:before, body.artworks section.catalog:after, body.publications section.catalog:before, body.publications section.catalog:after {
content: "";
display: table; }
body.artworks section.catalog:after, body.publications section.catalog:after {
clear: both; }
body.artworks section.catalog, body.publications section.catalog {
zoom: 1; }
body.artworks section.catalog > header, body.publications section.catalog > header {
text-align: center;
margin: -63px 0 80px 0; }
body.artworks section.catalog > header h1, body.publications section.catalog > header h1 {
margin: 0 0 10px 0;
font-size: 3.5em;
text-transform: uppercase; }
body.artworks section.catalog > header h2, body.publications section.catalog > header h2 {
margin: -10px 0 30px 0;
font-size: 3.5em; }
body.artworks section.catalog > header a, body.publications section.catalog > header a {
font-size: 1.1em; }
body.artworks section.catalog .thumbnails, body.publications section.catalog .thumbnails {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
clear: both; }
body.artworks section.catalog .thumbnails:before, body.artworks section.catalog .thumbnails:after, body.publications section.catalog .thumbnails:before, body.publications section.catalog .thumbnails:after {
content: "";
display: table; }
body.artworks section.catalog .thumbnails:after, body.publications section.catalog .thumbnails:after {
clear: both; }
body.artworks section.catalog .thumbnails, body.publications section.catalog .thumbnails {
zoom: 1; }
article.artwork.summary, article.publication.summary {
width: 400px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
padding: 0;
height: 520px;
text-align: center; }
article.artwork.summary .caption, article.artwork.summary hgroup, article.publication.summary .caption, article.publication.summary hgroup {
font-size: 11pt; }
article.artwork.summary .caption h1, article.artwork.summary hgroup h1, article.publication.summary .caption h1, article.publication.summary hgroup h1 {
margin-top: 0;
font-size: 19px;
text-transform: uppercase;
padding: 20px 40px 0 40px; }
article.artwork.summary .caption h2, article.artwork.summary .caption h3, article.artwork.summary hgroup h2, article.artwork.summary hgroup h3, article.publication.summary .caption h2, article.publication.summary .caption h3, article.publication.summary hgroup h2, article.publication.summary hgroup h3 {
font-size: 0.9em;
margin: 0; }
article.artwork.summary > a, article.publication.summary > a {
position: relative;
display: block;
/* this doesnt want to work reliably with content insertion.
hard coded into the html instead.
*/ }
article.artwork.summary > a img, article.publication.summary > a img {
display: block;
z-index: 100; }
article.artwork.summary > a .hover-block, article.publication.summary > a .hover-block {
position: absolute;
display: none;
width: 115px;
height: 120px;
top: 0;
margin-top: -10px;
margin-left: -10px;
background: #FFF8D2;
z-index: -10; }
article.artwork.summary > a:hover .hover-block, article.publication.summary > a:hover .hover-block {
display: block; }
article.publication.summary hgroup {
width: 230px;
margin-left: auto;
margin-right: auto; }
article.publication.summary hgroup h1 {
margin-bottom: 8px;
letter-spacing: 1px;
font-size: 17px; }
.content > article.artwork,
.overlay > article.artwork {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */ }
.content > article.artwork:before, .content > article.artwork:after,
.overlay > article.artwork:before,
.overlay > article.artwork:after {
content: "";
display: table; }
.content > article.artwork:after,
.overlay > article.artwork:after {
clear: both; }
.content > article.artwork,
.overlay > article.artwork {
zoom: 1; }
.content > article.artwork .image,
.overlay > article.artwork .image {
/* grr. tricky */
position: relative;
overflow: visible; }
.content > article.artwork .image a.back, .content > article.artwork .image a.zoom, .content > article.artwork .image a.unzoom,
.overlay > article.artwork .image a.back,
.overlay > article.artwork .image a.zoom,
.overlay > article.artwork .image a.unzoom {
position: absolute;
height: 1em;
display: block;
cursor: pointer;
font-size: 1.5em; }
.content > article.artwork .image a.back:hover, .content > article.artwork .image a.back.disabled, .content > article.artwork .image a.zoom:hover, .content > article.artwork .image a.zoom.disabled, .content > article.artwork .image a.unzoom:hover, .content > article.artwork .image a.unzoom.disabled,
.overlay > article.artwork .image a.back:hover,
.overlay > article.artwork .image a.back.disabled,
.overlay > article.artwork .image a.zoom:hover,
.overlay > article.artwork .image a.zoom.disabled,
.overlay > article.artwork .image a.unzoom:hover,
.overlay > article.artwork .image a.unzoom.disabled {
text-decoration: none;
opacity: 0.5; }
.content > article.artwork .image .back,
.overlay > article.artwork .image .back {
text-align: left;
top: 0px;
left: 0px;
margin-left: -65px; }
.content > article.artwork .image .zoom,
.overlay > article.artwork .image .zoom {
text-align: right;
bottom: 15px;
left: 0px;
width: 70px; }
.content > article.artwork .image .unzoom,
.overlay > article.artwork .image .unzoom {
display: none;
text-align: right;
bottom: 15px;
padding-right: 1px;
left: 0px;
width: 70px; }
.content > article.artwork hgroup,
.overlay > article.artwork hgroup {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin: 30px 0; }
.content > article.artwork hgroup:before, .content > article.artwork hgroup:after,
.overlay > article.artwork hgroup:before,
.overlay > article.artwork hgroup:after {
content: "";
display: table; }
.content > article.artwork hgroup:after,
.overlay > article.artwork hgroup:after {
clear: both; }
.content > article.artwork hgroup,
.overlay > article.artwork hgroup {
zoom: 1; }
.content > article.artwork hgroup h1, .content > article.artwork hgroup h2,
.overlay > article.artwork hgroup h1,
.overlay > article.artwork hgroup h2 {
font-size: 1.1em;
text-transform: uppercase; }
.content > article.artwork hgroup h1,
.overlay > article.artwork hgroup h1 {
width: 200px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 160px; }
.content > article.artwork hgroup h2,
.overlay > article.artwork hgroup h2 {
width: 640px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline; }
.content > article.artwork section,
.overlay > article.artwork section {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-left: 160px; }
.content > article.artwork section:before, .content > article.artwork section:after,
.overlay > article.artwork section:before,
.overlay > article.artwork section:after {
content: "";
display: table; }
.content > article.artwork section:after,
.overlay > article.artwork section:after {
clear: both; }
.content > article.artwork section,
.overlay > article.artwork section {
zoom: 1; }
.content > article.artwork section > div,
.overlay > article.artwork section > div {
width: 280px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
font-size: 0.9em; }
.content > article.artwork section > div a,
.overlay > article.artwork section > div a {
text-decoration: underline; }
.content > article.artwork section > div a:hover,
.overlay > article.artwork section > div a:hover {
text-decoration: none; }
.content > article.artwork section .exhibitions,
.overlay > article.artwork section .exhibitions {
margin-left: 120px; }
.content > article.artwork section .exhibitions h1,
.overlay > article.artwork section .exhibitions h1 {
font-size: 1em;
margin: 1em 0 0.25em 0; }
.content > article.artwork section .exhibitions ul,
.overlay > article.artwork section .exhibitions ul {
list-style: none;
padding-left: 0;
margin: 0;
line-height: 1.5; }
.content > article.artwork section .exhibitions ul li,
.overlay > article.artwork section .exhibitions ul li {
margin-bottom: 1em; }
.content > article.artwork section .physical p,
.overlay > article.artwork section .physical p {
margin: 0; }
.content > article.artwork section .exhibitions, .content > article.artwork section .physical,
.overlay > article.artwork section .exhibitions,
.overlay > article.artwork section .physical {
position: relative; }
.content > article.artwork section .exhibitions:before, .content > article.artwork section .physical:before,
.overlay > article.artwork section .exhibitions:before,
.overlay > article.artwork section .physical:before {
position: absolute;
content: ' ';
display: block;
height: 100%;
left: -20px;
border-left: 1px solid #292929; }
.content > article.artwork section .physical + div,
.overlay > article.artwork section .physical + div {
margin-left: 40px; }
body > .overlay {
position: fixed;
top: 0;
width: 100%;
margin: 0;
padding: 0;
background: white;
z-index: 2000;
overflow: scroll; }
body > .overlay > article {
width: 1200px;
margin: 70px auto 170px auto;
padding-bottom: 78px; }
body.artists .content > article.artist {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
width: 1120px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 80px; }
body.artists .content > article.artist:before, body.artists .content > article.artist:after {
content: "";
display: table; }
body.artists .content > article.artist:after {
clear: both; }
body.artists .content > article.artist {
zoom: 1; }
body.artists .content > article.artist > header {
width: 1200px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: -80px;
position: relative;
margin-top: 60px;
margin-bottom: 100px; }
body.artists .content > article.artist > header h1 {
text-transform: uppercase;
margin: 0; }
body.artists .content > article.artist > header .featured {
position: absolute;
right: 0px;
top: -70px; }
body.artists .content > article.artist > nav a,
body.artists .content > article.artist section header h1 {
font-size: 1.1em; }
body.artists .content > article.artist > nav a.artwork {
text-transform: uppercase; }
body.artists .content > article.artist > nav {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-bottom: 130px; }
body.artists .content > article.artist > nav:before, body.artists .content > article.artist > nav:after {
content: "";
display: table; }
body.artists .content > article.artist > nav:after {
clear: both; }
body.artists .content > article.artist > nav {
zoom: 1; }
body.artists .content > article.artist > nav a {
width: 280px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
text-decoration: underline; }
body.artists .content > article.artist > nav a:hover {
text-decoration: none; }
body.artists .content > article.artist > nav .previous_work a + a {
display: none; }
body.artists .content > article.artist > .col {
width: 200px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 40px; }
body.artists .content > article.artist section > header {
margin-bottom: 60px; }
body.artists .content > article.artist section.publications > header {
margin-top: 60px;
margin-bottom: 30px; }
body.artists .content > article.artist section.bio {
width: 360px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 0px; }
body.artists .content > article.artist section.bio div {
font-size: 0.8em; }
body.artists .content > article.artist section ol {
list-style: none;
padding-left: 0; }
body.artists .content > article.artist section ol li {
margin-bottom: 2em;
font-size: 0.8em; }
body.artists .content > article.artist section ol li a {
text-decoration: underline; }
body.artists .content > article.artist section ol li a:hover {
text-decoration: none; }
body.artists .content > article.artist section.news li {
margin-bottom: 2em; }
body.artists .content > article.artist section.media em {
text-transform: uppercase;
font-style: normal; }
section.artists {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */ }
section.artists:before, section.artists:after {
content: "";
display: table; }
section.artists:after {
clear: both; }
section.artists {
zoom: 1; }
section.artists > h1 {
clear: both;
margin: 0 5px;
padding-top: 79px;
padding-bottom: 79px;
text-transform: uppercase; }
article.artist.summary {
width: 240px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
height: 240px;
padding: 5px; }
article.artist.summary a {
position: relative;
background: #FFFFFF;
width: 100%;
height: 100%;
display: block;
text-align: center;
border: 1px solid #858585;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 2em;
line-height: 32px; }
article.artist.summary a img {
display: none;
position: absolute;
top: 0;
left: 0; }
article.artist.summary a.lines_1 {
padding: 99px 0; }
article.artist.summary a.lines_2 {
padding: 83px 0; }
article.artist.summary a.lines_3 {
padding: 67px 0; }
article.artist.summary a.lines_4 {
padding: 51px 0; }
article.artist.summary a.lines_5 {
padding: 35px 0; }
article.artist.summary a.lines_6 {
padding: 19px 0; }
article.artist.summary a.lines_7 {
padding: 3px 0; }
article.artist.summary a.lines_8 {
padding: -13px 0; }
article.artist.summary a.lines_9 {
padding: -29px 0; }
article.artist.summary a.lines_10 {
padding: -45px 0; }
article.artist.summary a.lines_11 {
padding: -61px 0; }
article.artist.summary a.lines_12 {
padding: -77px 0; }
article.artist.summary a.lines_13 {
padding: -93px 0; }
article.artist.summary a.lines_14 {
padding: -109px 0; }
article.artist.summary a.lines_15 {
padding: -125px 0; }
article.artist.summary a.lines_16 {
padding: -141px 0; }
article.artist.summary a.lines_17 {
padding: -157px 0; }
article.artist.summary a.lines_18 {
padding: -173px 0; }
article.artist.summary a.lines_19 {
padding: -189px 0; }
article.artist.summary a.lines_20 {
padding: -205px 0; }
article.artist.summary a.lines_21 {
padding: -221px 0; }
article.artist.summary a.lines_22 {
padding: -237px 0; }
article.artist.summary a.lines_23 {
padding: -253px 0; }
article.artist.summary a.lines_24 {
padding: -269px 0; }
article.artist.summary a.lines_25 {
padding: -285px 0; }
article.artist.summary a.lines_26 {
padding: -301px 0; }
article.artist.summary a.lines_27 {
padding: -317px 0; }
article.artist.summary a.lines_28 {
padding: -333px 0; }
article.artist.summary a.lines_29 {
padding: -349px 0; }
article.artist.summary a.lines_30 {
padding: -365px 0; }
article.artist.summary a.lines_31 {
padding: -381px 0; }
article.artist.summary a.lines_32 {
padding: -397px 0; }
article.artist.summary a.lines_33 {
padding: -413px 0; }
article.artist.summary a.lines_34 {
padding: -429px 0; }
article.artist.summary a.lines_35 {
padding: -445px 0; }
article.artist.summary a.lines_36 {
padding: -461px 0; }
article.artist.summary a.lines_37 {
padding: -477px 0; }
article.artist.summary a.lines_38 {
padding: -493px 0; }
article.artist.summary a.lines_39 {
padding: -509px 0; }
article.artist.summary a.lines_40 {
padding: -525px 0; }
article.artist.summary a.lines_41 {
padding: -541px 0; }
article.artist.summary a.lines_42 {
padding: -557px 0; }
article.artist.summary a.lines_43 {
padding: -573px 0; }
article.artist.summary a.lines_44 {
padding: -589px 0; }
article.artist.summary a.lines_45 {
padding: -605px 0; }
article.artist.summary a.lines_46 {
padding: -621px 0; }
article.artist.summary a.lines_47 {
padding: -637px 0; }
article.artist.summary a.lines_48 {
padding: -653px 0; }
article.artist.summary a.lines_49 {
padding: -669px 0; }
article.artist.summary a.lines_50 {
padding: -685px 0; }
article.artist.summary a.lines_51 {
padding: -701px 0; }
article.artist.summary a.lines_52 {
padding: -717px 0; }
article.artist.summary a.lines_53 {
padding: -733px 0; }
article.artist.summary a.lines_54 {
padding: -749px 0; }
article.artist.summary a.lines_55 {
padding: -765px 0; }
article.artist.summary a.lines_56 {
padding: -781px 0; }
article.artist.summary a.lines_57 {
padding: -797px 0; }
article.artist.summary a.lines_58 {
padding: -813px 0; }
article.artist.summary a.lines_59 {
padding: -829px 0; }
article.artist.summary a.lines_60 {
padding: -845px 0; }
article.artist.summary a.lines_61 {
padding: -861px 0; }
article.artist.summary a.lines_62 {
padding: -877px 0; }
article.artist.summary a.lines_63 {
padding: -893px 0; }
article.artist.summary a.lines_64 {
padding: -909px 0; }
article.artist.summary a.lines_65 {
padding: -925px 0; }
article.artist.summary a.lines_66 {
padding: -941px 0; }
article.artist.summary a.lines_67 {
padding: -957px 0; }
article.artist.summary a.lines_68 {
padding: -973px 0; }
article.artist.summary a.lines_69 {
padding: -989px 0; }
article.artist.summary a.lines_70 {
padding: -1005px 0; }
article.artist.summary a.lines_71 {
padding: -1021px 0; }
article.artist.summary a.lines_72 {
padding: -1037px 0; }
article.artist.summary a.lines_73 {
padding: -1053px 0; }
article.artist.summary a.lines_74 {
padding: -1069px 0; }
article.artist.summary a.lines_75 {
padding: -1085px 0; }
article.artist.summary a.lines_76 {
padding: -1101px 0; }
article.artist.summary a.lines_77 {
padding: -1117px 0; }
article.artist.summary a:hover {
text-decoration: none; }
article.artist.summary a:hover img {
display: block; }
article.artist.summary:hover {
background: #FFF8D2; }
section.catalog nav.filtering {
position: fixed;
z-index: 100;
background: #FFF8D2;
bottom: 0;
left: 0;
right: 0; }
section.catalog nav.filtering div.container {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
width: 1200px;
margin: 0 auto 20px auto;
border-left: 1px solid #B3A576; }
section.catalog nav.filtering div.container:before, section.catalog nav.filtering div.container:after {
content: "";
display: table; }
section.catalog nav.filtering div.container:after {
clear: both; }
section.catalog nav.filtering div.container {
zoom: 1; }
section.catalog nav.filtering div.container > div {
width: 280px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
border-right: 1px solid #B3A576;
padding: 25px 15px 30px 15px;
position: relative; }
section.catalog nav.filtering div.container > div header {
position: absolute;
top: 0;
left: 0;
width: 279px;
height: 76px;
cursor: pointer; }
section.catalog nav.filtering div.container > div header h1 {
text-transform: uppercase;
font-size: 1.15em;
line-height: 1px;
letter-spacing: 1px;
margin: 25px 15px 30px 15px; }
section.catalog nav.filtering div.container > div header h1:after {
display: block;
content: 'â–´';
position: absolute;
top: 14px;
right: 15px;
width: 23px;
height: 23px;
line-height: 20px;
text-align: center;
background: #292929;
color: #FFFFFF;
font-size: 1.15em; }
section.catalog nav.filtering div.container > div header:hover h1 {
text-decoration: underline; }
section.catalog nav.filtering div.container > div .viewport {
background: white;
display: none;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
position: absolute;
margin: 0 0 -1px -16px;
padding: 0 20px 0 0;
overflow: auto;
width: 281px !important;
outline: none; }
section.catalog nav.filtering div.container > div .viewport .jspVerticalBar {
width: 30px;
background: transparent;
right: 22px; }
section.catalog nav.filtering div.container > div .viewport .jspHorizontalBar {
background: none;
display: none; }
section.catalog nav.filtering div.container > div .viewport .jspTrack {
background: transparent; }
section.catalog nav.filtering div.container > div .viewport .jspDrag {
background: transparent;
width: 30px;
border-left: 10px solid white;
border-right: 10px solid white; }
section.catalog nav.filtering div.container > div .viewport .jspDrag .jspDragTop {
background: black;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
top: 10px;
left: 0;
right: 0;
bottom: 50%;
position: absolute; }
section.catalog nav.filtering div.container > div .viewport .jspDrag .jspDragBottom {
background: black;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
bottom: 10px;
left: 0;
right: 0;
top: 50%;
position: absolute; }
section.catalog nav.filtering div.container > div .viewport ul {
list-style: none;
padding-left: 15px;
margin-right: -1px;
padding-right: 15px; }
section.catalog nav.filtering div.container > div .viewport ul > li {
text-transform: uppercase;
margin: 1em 0; }
section.catalog nav.filtering div.container > div .viewport ul > li > div {
font-size: 0.75em; }
section.catalog nav.filtering div.container > div .viewport ul > li.sep {
padding-bottom: 1em;
border-bottom: 1px solid #292929; }
section.catalog nav.filtering div.container > div .viewport ul h3 {
font-size: 1em;
margin: 15px 0; }
section.catalog nav.filtering div.container > div .viewport ul ol {
padding-left: 0;
list-style: none; }
section.catalog nav.filtering div.container > div .viewport ul ol li {
margin: 15px 0;
font-size: 0.95em; }
section.catalog nav.filtering div.container > div .viewport ul ol li div {
text-transform: none;
padding-right: 23px;
line-height: 1.4; }
section.catalog nav.filtering div.container > div .viewport ul ol li div > a:hover {
text-decoration: none; }
section.catalog nav.filtering div.container > div .viewport ul ol li:hover > a, section.catalog nav.filtering div.container > div .viewport ul ol li.group div > a:hover {
text-decoration: underline; }
section.catalog nav.filtering div.container > div.open > header {
background: #FFF6CD; }
section.catalog nav.filtering div.container > div.open .viewport {
width: 280px;
bottom: 56px;
display: block; }
section.catalog nav.filtering div.container > div.exhibition .viewport .jspPane > ul > li + li, section.catalog nav.filtering div.container > div.exhibition .viewport > ul > li + li {
margin-bottom: 100px; }
section.catalog nav.filtering div.container > div.exhibition .viewport .jspPane > ul > li:last-child, section.catalog nav.filtering div.container > div.exhibition .viewport > ul > li:last-child {
margin-bottom: 10px; }
section.catalog nav.filtering div.container .search {
padding: 15px 15px 0px 15px; }
section.catalog nav.filtering div.container .search form {
padding: 0 0 16px 0;
margin: 0;
position: relative; }
section.catalog nav.filtering div.container .search form input {
text-transform: uppercase;
font-size: 1.15em;
letter-spacing: 1px;
margin: 0;
padding: 0;
background: none;
border: none;
width: 100%; }
section.catalog nav.filtering div.container .search form input:focus {
outline: none;
border-bottom: 1px solid #292929; }
section.catalog nav.filtering div.container .search form label {
position: absolute;
top: 2px;
left: 0px;
display: block;
font-size: 1.15em;
line-height: 1.15em;
text-transform: uppercase;
cursor: text; }
section.catalog nav.filtering div.container .search form button {
display: none;
position: absolute;
top: 0px;
right: 0px;
width: 23px;
height: 23px;
line-height: 20px;
text-align: center;
background: #292929 url('/static/i/search-arrow.png?76273a081ea3') no-repeat 7px 7px;
color: #FFFFFF;
font-size: 1.15em;
border: none; }
/* This div does a translucent white block under popups and filtering controls */
div.whiteout {
z-index: 0;
margin: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: white;
opacity: 0.5; }
.content > article.publication {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
width: 1120px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 80px; }
.content > article.publication:before, .content > article.publication:after {
content: "";
display: table; }
.content > article.publication:after {
clear: both; }
.content > article.publication {
zoom: 1; }
.content > article.publication > header {
width: 1200px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: -80px;
position: relative;
margin-top: 0px;
margin-bottom: 70px; }
.content > article.publication > header h1 {
text-transform: uppercase;
margin: 0; }
.content > article.publication > header h2 {
margin: 5px 0 0 0; }
.content > article.publication > header h3 {
/* price */
margin: 5px 0;
font-size: 1.1em; }
.content > article.publication > header .featured {
position: absolute;
right: 0px;
top: -70px; }
.content > article.publication > nav a,
.content > article.publication section header h1 {
font-size: 1.1em; }
.content > article.publication > nav.back {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-top: -60px;
margin-bottom: 60px;
margin-left: -80px; }
.content > article.publication > nav.back:before, .content > article.publication > nav.back:after {
content: "";
display: table; }
.content > article.publication > nav.back:after {
clear: both; }
.content > article.publication > nav.back {
zoom: 1; }
.content > article.publication > nav.back a {
width: 280px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
text-decoration: underline; }
.content > article.publication > nav.back a:hover {
text-decoration: none; }
.content > article.publication > nav.specific {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-bottom: 20px; }
.content > article.publication > nav.specific:before, .content > article.publication > nav.specific:after {
content: "";
display: table; }
.content > article.publication > nav.specific:after {
clear: both; }
.content > article.publication > nav.specific {
zoom: 1; }
.content > article.publication > nav.specific a {
width: 280px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
text-decoration: underline; }
.content > article.publication > nav.specific a:hover {
text-decoration: none; }
.content > article.publication > .col {
width: 320px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 0px; }
.content > article.publication section > header {
margin-bottom: 60px; }
.content > article.publication section.information {
font-size: 0.9em; }
.content > article.publication section ol {
list-style: none;
padding-left: 0; }
.content > article.publication section ol li {
margin-bottom: 2em;
font-size: 0.8em; }
.content > article.publication section ol li a {
text-decoration: underline; }
.content > article.publication section ol li a:hover {
text-decoration: none; }
.content > article.publication section.news li {
margin-bottom: 2em; }
/*
* Yellow variant styling
*
* News uses a variant base template that changes the background and
* institutes a differing header and footer.
*/
body.news, body.contact {
background: #FFF8D2; }
/*
* News specifics
*/
body.news section.news {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-top: 30px; }
body.news section.news:before, body.news section.news:after {
content: "";
display: table; }
body.news section.news:after {
clear: both; }
body.news section.news {
zoom: 1; }
body.news section.news article.news.full {
width: 940px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 220px;
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-bottom: 65px;
position: relative; }
body.news section.news article.news.full:before, body.news section.news article.news.full:after {
content: "";
display: table; }
body.news section.news article.news.full:after {
clear: both; }
body.news section.news article.news.full {
zoom: 1; }
body.news section.news article.news.full header {
margin-left: -220px;
position: relative;
margin-bottom: -94px;
margin-top: -110px; }
body.news section.news article.news.full header h1 {
width: 600px;
margin: 0;
padding: 0;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 3.75em; }
body.news section.news article.news.full header date {
position: absolute;
bottom: -106px;
font-size: 1.1em;
width: 200px; }
body.news section.news article.news.full header a:hover {
text-decoration: none; }
body.news section.news article.news.full nav.back {
position: absolute;
right: 10px;
top: -65px;
text-transform: uppercase; }
body.news section.news article.news.full > section.text {
width: 500px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
background: #FFFFFF;
padding: 160px 200px 40px 20px;
font-size: 0.95em;
line-height: 1.5;
min-height: 450px; }
body.news section.news article.news.full > section.text a.more {
display: block;
margin: 3em 0 0 0;
opacity: 0.65;
font-size: 1.7em; }
body.news section.news article.news.full > section.text a.more:hover {
opacity: 1; }
body.news section.news article.news.full ul.artist-profiles {
margin: 50px 0 20px;
list-style-type: none;
padding: 0; }
body.news section.news article.news.full ul.artist-profiles li {
margin: 0.5em 0; }
body.news section.news article.news.full > section.images {
width: 420px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline; }
body.news section.news article.news.full > section.images header h1 {
font-size: 2em; }
body.news section.news article.news.full > section.images img {
margin: 0;
display: block; }
body.news section.news article.news.full > section.images img + img, body.news section.news article.news.full > section.images a + img {
margin-top: 15px; }
body.news section.news article.news.full > section.images a.more {
cursor: pointer; }
body.news section.news article.news.full > section.images div.more {
display: none; }
body.news section.news article.news.gallery header h1 {
width: 1160px;
font-size: 5em; }
body.news section.news article.news.gallery header date {
top: 250px; }
body.news section.news article.news.gallery nav.back {
top: 80px; }
body.news section.news article.news.gallery section.text {
display: none; }
body.news section.news article.news.gallery section.images {
width: 940px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-top: 60px;
background: #FFFFFF;
padding: 15px; }
body.news section.news article.news.gallery section.images img {
margin: 15px 26px; }
body.news section.news article.news.summary {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */ }
body.news section.news article.news.summary:before, body.news section.news article.news.summary:after {
content: "";
display: table; }
body.news section.news article.news.summary:after {
clear: both; }
body.news section.news article.news.summary {
zoom: 1; }
body.news section.news article.news.summary .images {
width: 160px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-right: 40px;
display: block;
min-height: 1px; }
body.news section.news article.news.summary .images img {
border: 13px solid #FFFFFF; }
body.news section.news article.news.summary > div {
width: 640px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
display: block; }
body.news section.news article.news.summary header {
margin: 0; }
body.news section.news article.news.summary header h1 {
margin: 20px 0;
padding: 0;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 2em; }
body.news section.news article.news.summary header date {
font-size: 1;
margin: 0;
padding: 0; }
body.news section.news article.news.summary header a:hover {
text-decoration: underline; }
body.news section.news article.news.summary .text {
font-size: 0.9em; }
body.news section.news article.news.summary .text .more {
font-size: 1.2em; }
body.news section.news article.news.summary + .news {
margin-top: 50px; }
body.news section.news nav.filter,
section.catalog nav.ordering {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
text-transform: uppercase;
font-size: 1em;
margin-bottom: 1em;
float: right; }
body.news section.news nav.filter:before, body.news section.news nav.filter:after,
section.catalog nav.ordering:before,
section.catalog nav.ordering:after {
content: "";
display: table; }
body.news section.news nav.filter:after,
section.catalog nav.ordering:after {
clear: both; }
body.news section.news nav.filter,
section.catalog nav.ordering {
zoom: 1; }
body.news section.news nav.filter h1,
section.catalog nav.ordering h1 {
font-size: 1em;
float: left;
line-height: 1.4em;
margin: 0 1em 0 0; }
body.news section.news nav.filter > div,
section.catalog nav.ordering > div {
float: left;
line-height: 1.4em;
position: relative;
width: 160px; }
body.news section.news nav.filter > div h1,
section.catalog nav.ordering > div h1 {
cursor: pointer;
position: relative;
width: 100%; }
body.news section.news nav.filter > div h1:after,
section.catalog nav.ordering > div h1:after {
display: block;
background: black url('/static/i/filter-arrow.png?76273a081ea3') no-repeat 4px 4px;
position: absolute;
right: 10px;
top: 3px;
width: 15px;
height: 15px;
content: ' '; }
body.news section.news nav.filter > div ul,
section.catalog nav.ordering > div ul {
display: none; }
body.news section.news nav.filter > div.open ul,
section.catalog nav.ordering > div.open ul {
display: block; }
body.news section.news nav.filter ul,
section.catalog nav.ordering ul {
position: absolute;
z-index: 25;
top: 1.4em;
background: white;
list-style: none;
margin: 0 -10px;
padding: 0 10px;
overflow: scroll;
max-height: 300px;
width: 160px; }
body.news section.news nav.filter li,
section.catalog nav.ordering li {
padding: 2px 0; }
/*
* Contact page specifics
*/
article.contact {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-top: 50px; }
article.contact:before, article.contact:after {
content: "";
display: table; }
article.contact:after {
clear: both; }
article.contact {
zoom: 1; }
article.contact section.details {
width: 560px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-right: 80px; }
article.contact h1 {
font-size: 2.5em;
line-height: 1.3;
margin-bottom: 0px; }
article.contact div.hours {
margin-top: 60px;
font-size: 1.3em;
line-height: 1.6em;
color: #5C5A50; }
article.contact div.elsewhere {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-top: 60px;
font-size: 0.85em;
color: #272727; }
article.contact div.elsewhere:before, article.contact div.elsewhere:after {
content: "";
display: table; }
article.contact div.elsewhere:after {
clear: both; }
article.contact div.elsewhere {
zoom: 1; }
article.contact div.elsewhere a {
width: 80px;
float: left; }
article.contact div.director {
margin-top: 60px;
font-size: 0.85em;
color: #272727; }
article.contact div.director a {
display: block;
margin-top: -1em; }
article.contact div.hero {
width: 560px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline; }
body.about article.contact h1 {
font-size: 2em; }
body.about article.contact div.hours {
font-size: 1em; }
/*
* Homepage specific.
*
* home overrides details of other sections (specifically exhibitions atm), this
* it appears at the end of the stylesheet.
*/
body.home article.exhibition.summary {
position: relative;
clear: both;
min-height: 735px; }
body.home article.exhibition.summary header {
width: 560px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
left: 40px;
position: absolute;
top: -40px;
z-index: 0;
background-color: #FFEFB5;
min-height: 540px;
padding-right: 40px; }
body.home article.exhibition.summary header div {
font-size: 1em;
position: absolute;
top: 65px; }
body.home article.exhibition.summary header h1, body.home article.exhibition.summary header h2, body.home article.exhibition.summary header h3 {
letter-spacing: 1px; }
body.home article.exhibition.summary header h1 a, body.home article.exhibition.summary header h2 a, body.home article.exhibition.summary header h3 a {
display: inline;
width: 480px;
margin-left: 40px; }
body.home article.exhibition.summary header h1 a:hover, body.home article.exhibition.summary header h2 a:hover, body.home article.exhibition.summary header h3 a:hover {
text-decoration: none; }
body.home article.exhibition.summary header h1 {
/* artists */
width: 480px;
font-size: 5em;
line-height: 0.9em;
margin: 150px 0 280px -3px; }
body.home article.exhibition.summary header h2 {
/* name */
position: absolute;
bottom: 150px;
width: 480px;
line-height: 1.1;
font-size: 2.5em;
margin: 0px 0 20px 0; }
body.home article.exhibition.summary header h3 {
/* dates */
position: absolute;
bottom: 40px;
font-size: 2.5em;
line-height: 1.2; }
body.home article.exhibition.summary:hover > header {
z-index: 200; }
body.home article.exhibition.summary a {
width: 1040px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-left: 80px;
position: relative;
z-index: 100;
display: block; }
body.home article.exhibition.summary.group header h1 {
font-size: 3em;
color: green;
line-height: 1.2; }
body.home article.exhibition.summary.unnamed header h2 {
display: none; }
body.home article.exhibition.summary.long-title header {
height: 735px; }
body.exhibitions section.exhibitions.catalog {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
margin-left: 0px !important; }
body.exhibitions section.exhibitions.catalog:before, body.exhibitions section.exhibitions.catalog:after {
content: "";
display: table; }
body.exhibitions section.exhibitions.catalog:after {
clear: both; }
body.exhibitions section.exhibitions.catalog {
zoom: 1; }
body.exhibitions section.exhibitions.catalog > section {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
padding-left: 0 !important;
padding-right: 0 !important; }
body.exhibitions section.exhibitions.catalog > section:before, body.exhibitions section.exhibitions.catalog > section:after {
content: "";
display: table; }
body.exhibitions section.exhibitions.catalog > section:after {
clear: both; }
body.exhibitions section.exhibitions.catalog > section {
zoom: 1; }
body.exhibitions section.exhibitions.catalog > section > h1 {
clear: both;
font-size: 1em;
margin: 1em 5px;
text-transform: uppercase; }
body.exhibitions section.exhibitions.catalog .current {
width: 240px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
margin-right: 240px; }
body.exhibitions section.exhibitions.catalog .future {
width: 720px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline; }
body.exhibitions section.exhibitions.catalog .past {
padding-top: 4em;
clear: left; }
body.exhibitions article.exhibition.summary {
width: 240px;
padding: 0 2.5px;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
height: 240px;
padding: 5px; }
body.exhibitions article.exhibition.summary a {
position: relative;
background: #FFFFFF;
width: 100%;
height: 100%;
display: block;
border: 1px solid #858585;
padding: 25px 10px 0 10px;
line-height: 32px; }
body.exhibitions article.exhibition.summary a h1, body.exhibitions article.exhibition.summary a h2, body.exhibitions article.exhibition.summary a h3 {
font-size: 1em; }
body.exhibitions article.exhibition.summary a h1 {
line-height: 1.2; }
body.exhibitions article.exhibition.summary a h2 {
/* name */
position: absolute;
bottom: 65px; }
body.exhibitions article.exhibition.summary a h3 {
/* date */
font-size: 0.8em;
position: absolute;
bottom: 10px; }
body.exhibitions article.exhibition.summary a img {
display: none;
position: absolute;
top: 0;
left: 0; }
body.exhibitions article.exhibition.summary a:hover {
text-decoration: none; }
body.exhibitions article.exhibition.summary a:hover img {
display: block; }
body.exhibitions article.exhibition.summary:hover {
background: #FFF8D2; }
#cboxOverlay {
background: #FFFFFF;
opacity: 1; }
#cboxWrapper {
overflow: visible; }
#colorbox {
overflow: visible !important; }
#colorbox #cboxTopLeft {
width: 13px;
height: 13px;
background: white; }
#colorbox #cboxTopRight {
width: 13px;
height: 13px;
background: white; }
#colorbox #cboxBottomLeft {
width: 13px;
height: 110px;
background: white; }
#colorbox #cboxBottomRight {
width: 13px;
height: 110px;
background: white; }
#colorbox #cboxMiddleLeft {
width: 13px;
background: white; }
#colorbox #cboxMiddleRight {
width: 13px;
background: white; }
#colorbox #cboxTopCenter {
height: 13px;
background: white; }
#colorbox #cboxBottomCenter {
height: 110px;
background: white; }
#colorbox #cboxContent {
background: #fff; }
#colorbox #cboxContent .cboxIframe {
background: #fff; }
#colorbox #cboxContent #cboxError {
padding: 50px;
border: 1px solid #ccc; }
#colorbox #cboxContent #cboxLoadedContent {
margin-bottom: 28px; }
#colorbox #cboxContent #cboxTitle {
position: absolute;
bottom: -110px;
left: 0;
height: 110px;
text-align: center;
width: 100%;
color: #272727; }
#colorbox #cboxContent #cboxTitle header h1, #colorbox #cboxContent #cboxTitle header h2 {
font-size: 1.75em;
margin: 0;
padding: 0;
text-decoration: underline; }
#colorbox #cboxContent #cboxTitle header h2 {
margin-top: 5px; }
#colorbox #cboxContent #cboxCurrent {
display: none !important; }
#colorbox #cboxContent #cboxSlideshow {
position: absolute;
bottom: 4px;
right: 30px;
color: #0092ef; }
#colorbox #cboxContent #cboxPrevious, #colorbox #cboxContent #cboxNext {
display: none !important;
position: absolute;
top: 47%;
background: #130D0A;
color: white;
width: 70px;
height: 40px;
text-transform: capitalize;
line-height: 40px;
text-align: center; }
#colorbox #cboxContent #cboxPrevious:hover, #colorbox #cboxContent #cboxNext:hover {
opacity: 0.7; }
#colorbox #cboxContent #cboxPrevious {
left: 0; }
#colorbox #cboxContent #cboxNext {
right: 0; }
#colorbox #cboxContent:hover #cboxNext, #colorbox #cboxContent:hover #cboxPrevious {
display: block !important; }
#colorbox #cboxContent #cboxClose {
position: absolute;
top: -50px;
width: 100%;
text-transform: capitalize;
text-align: center;
color: black;
font-size: 2em; }
#colorbox #cboxContent #cboxClose:hover {
opacity: 0.8; }
/*# sourceMappingURL=tmpD39F8A.css.map */