body.white{
    background-color:#fff;
}

body.white .scrollable.default-skin .scroll-bar .thumb{
    background-color:#444;
}

body.white #logo{
    /* background-image:url(../Images/logo-topleft-black.png); */
}

/* body.white #launchmenu{
    background-image:url(../Images/menu-launcher-black.png);
} */

body.white #closemenu{
    background-image:url(../Images/menu-closer-black.png);
}

body.white #largemenu-outer{
    background-color:rgba(255,255,255,0.7);
}

body.white #funding{
    background-image:url(../Images/lottery-funded-black.png);
}

body.white div.text p, body.white div.small-text p{
    color:#444;
}

/* body.white div.text p a, body.white div.small-text p a{ */
body.white a{
    /* color:#9b096c; */
    color:#94537f;
}

body.white #info-bar{
  background-color:#eee;
  border-right:3px solid #ddd;
}

body.white #info-bar-links li a span{
    color:#333;
}

body.white h1.work-title span{
  /* background-color:#eee; */
  color:#111;
  /* border-left:3px solid #ddd; */
}

body.white span.label{
  background-color:#eee;
  color:#111;
}

body.white div.scroller-outer{
  /* background:rgba(255,255,255,0.5); */
}

body.white div.performance-display{
  background-color:#fff;
}

body.white div.slides div.slide div.slide-inner a{
  /* border:2px solid #222; */
}

body.white div.slides div.slide div.slide-inner a img{
    border:1px solid #ddd;
}

body.white div.slides div.slide div.slide-inner .caption{
  color:#333;
  display:block;
  padding:5px 0 0 0;
}

body.white ul.performances-list li a.nav{
    background-color:#555;
    text-decoration:none;
    color: #94537f;
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
}

body.white ul.performances-list li a.nav.current{
    background-color:#777;
    color:#ddd;
}

body.white ul.performances-list li a.nav:hover{
    background-color:#666;
    color:#cb54a5;
}

body.white ul.performances-list li a.nav.current:hover{
    background-color:#999;
    color:#fff;
}

body.white div.performance-display h2{
    color:#444;
}

body.white div.performance-display h2 span{
    /* background-color:#eee; */
}

body.white .scroll-indicator{
    background-image:url(../Images/scrolling-indicator-black.png);
    background-repeat:no-repeat;
}

body.white #main-text, body.white #work-text-only-text, body.white div.exhibition-text, #standard-linear-text-container{
    border-left:3px solid #bbb;
}

body.white div.performance-display a.performance-closer{
    background-image:url(../Images/closer-black.png);
    background-repeat:no-repeat;
    /* background-color:rgba(0,0,0,0.3); */
}

body.white ul.works-list.left li a{
  background-image:url(../Images/previous-work-black.png);
}

body.white ul.works-list.right li a{
  background-image:url(../Images/next-work-black.png);
}

body.white #media-overlay{
    background-color:rgba(255,255,255,0.75);
}

/* body.white ul.works-list.left li a:hover{
  
}

body.white ul.works-list.right li a:hover{
  
} */

body.white #prior-work.connection-work-link{
    background-image:url(../Images/previous-work-black.png);
}

body.white #subsequent-work.connection-work-link{
    background-image:url(../Images/next-work-black.png);
}

body.white #info-bar-links li a{
    background-color:#dcdcdc;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body.white #info-bar-links li a:hover{
    background-color:#d6d6d6;
}

/* body.white #press-table{
    border:1px solid #ccc;
} */

body.white div.exhibition-text p{
    color:#666;
}

body.white a#next-para{
    color:#444;
}

body.white a.performance-aspect-revealer{
    border:1px solid #ccc;
    color:#666!important;
}

body.white #standard-work-misc-links-holder ul li a, body.white #multi-exh-misc-links-holder ul li a, body.white #standard-work-misc-links-holder-staticpage ul li a{
    color:#666!important;
}

body.white #show-media-button{
    /* background-image:url(../Images/play-media-black.png); */
}

body.white #audio-map-container{
    background-color:#fff;
}

body.white #audio-map-container #audio-map ul#audio-map-points li a.audio-trigger{
    border:1px solid #444;
    background-color:rgba(25,25,25,0.5);
}

body.white #audio-map-coordinates-guide{
    background-image:url(../Images/position-grid-black.png);
}

body.white a.modal-closer{
    background-image:url(../Images/modal-closer-black.png);
}

/********************************** Switches to Black ***********************************/

body.black div.slides div.slide div.slide-inner .caption{
    color:#333;
}

body.black{
    background-color:#191919;
}

body.black .scrollable.default-skin .scroll-bar .thumb{
    background-color:#FFF;
}

body.black #logo{
    /* background-image:url(../Images/logo-topleft-white.png); */
}

body.black #launchmenu{
    background-image:url(../Images/menu-launcher-white.png);
}

body.black #closemenu{
    background-image:url(../Images/menu-closer-white.png);
}

body.black #largemenu-outer{
    background-color:rgba(0,0,0,0.7);
}

body.black #funding{
    background-image:url(../Images/lottery-funded-white.png);
}

body.black div.text p, body.black div.small-text p{
    color:#eee;
}

body.black #info-bar{
  background-color:#222;
  border-right:3px solid #333;
}

body.black #info-bar-links li a span{
    color:#fff;
}

body.black h1.work-title span{
  color:#fff;
  /* background-color:#292929;
  border-left:3px solid #333; */
}

body.black span.label{
  background-color:#292929;
  color:#fff;
}

/* body.black div.text p a, body.black div.small-text p a{ */
body.black a{
    /* color:#f90; */
    /* color:#9b096c; */
    color: #913c76;
}

body.black div.slides div.slide div.slide-inner a{
  /* border:2px solid #222; */
}

body.black div.slides div.slide div.slide-inner a img{
    /* border:1px solid #333; */
}

body.black div.slides div.slide div.slide-inner .caption{
  color:#ccc;
  display:block;
  padding:5px 0 0 0;
}

body.black div.scroller-outer{
  background:rgba(25,25,25,0.5);
}

body.black div.performance-display{
  background-color:#191919;
}

body.black ul.performances-list li a.nav{
    background-color:#444;
    text-decoration:none;
    color:#913c76;
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
}

body.black ul.performances-list li a.nav.current{
    background-color:#666;
    color:#bbb;
}

body.black ul.performances-list li a.nav:hover{
    background-color:#555;
    color:#cb54a5;
}

body.black ul.performances-list li a.nav.current:hover{
    background-color:#777;
    color:#fff;
}

body.black div.performance-display h2 span{
    color:#fff;
    /* background-color:#444; */
}

body.black .scroll-indicator{
    background-image:url(../Images/scrolling-indicator-white.png);
    background-repeat:no-repeat;
}

body.black #main-text, body.black #work-text-only-text, body.black div.exhibition-text{
    border-left:3px solid #888;
}

body.black div.performance-display a.performance-closer{
    background-image:url(../Images/closer-white.png);
    background-repeat:no-repeat;
}

body.black ul.works-list.left li a{
  background-image:url(../Images/previous-work-white.png);
}

body.black ul.works-list.right li a{
  background-image:url(../Images/next-work-white.png);
}

body.black ul.works-list.left li a:hover{
  
}

body.black ul.works-list.right li a:hover{
  
}

body.black #prior-work.connection-work-link{
    background-image:url(../Images/previous-work-white.png);
}

body.black #subsequent-work.connection-work-link{
    background-image:url(../Images/next-work-white.png);
}

body.black #info-bar-links li a{
    background-color:#2d2d2d;
    
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

body.black #info-bar-links li a:hover{
    background-color:#363636;
}

/* body.black #press-table{
    border:1px solid #ccc;
} */

body.black div.exhibition-text p{
    color:#ddd;
}

body.black a#next-para{
    color:#ccc;
}

body.black #media-overlay{
    background-color:rgba(0,0,0,0.75);
}

body.black #show-media-button{
    /* background-image:url(../Images/play-media-white.png); */
}

body.black #standard-work-misc-links-holder ul li a, body.black #multi-exh-misc-links-holder ul li a, body.black #multi-exh-misc-links-holder-staticpage ul li a{
    color:#fff!important;
}

body.black #audio-map-container{
    background-color:#000;
}

body.black #audio-map-container #audio-map ul#audio-map-points li a.audio-trigger{
    border:1px solid #fff;
    background-color:rgba(255,255,255,0.5);
}

body.black #audio-map-coordinates-guide{
    background-image:url(../Images/position-grid-white.png);
}

body.black a.modal-closer{
    background-image:url(../Images/modal-closer-white.png);
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

    /* body.white #launchmenu{
        background-image:url(../Images/menu-launcher-black-2x.png);
        background-size:95px 95px;
    } */
    
    /* body.white #logo{
        background-image:url(../Images/logo-topleft-black-2x.png);
        background-size:189px 21px;
    } */
    
    body.white .scroll-indicator{
        background-image:url(../Images/scrolling-indicator-black-2x.png);
        background-size:10px 17px;
    }
    
    body.white #show-media-button{
        /* background-image:url(../Images/play-media-black-2x.png);
        background-size:18px 16px; */
    }
    
    body.white ul.works-list.left li a, body.white #prior-work.connection-work-link{
        background-image:url(../Images/previous-work-black-2x.png);
        background-size:30px 40px;
    }

    body.white ul.works-list.right li a, body.white #subsequent-work.connection-work-link{
        background-image:url(../Images/next-work-black-2x.png);
        background-size:30px 40px;
    }
    
    body.white a.modal-closer{
        background-image:url(../Images/modal-closer-black-2x.png);
        background-size:33px 33px;
    }

    body.black #launchmenu{
        background-image:url(../Images/menu-launcher-white-2x.png);
        background-size:95px 95px;
    }
    
    /* body.black #logo{
        background-image:url(../Images/logo-topleft-white-2x.png);
        background-size:189px 21px;
    } */
    
    body.black .scroll-indicator{
        background-image:url(../Images/scrolling-indicator-white-2x.png);
        background-size:10px 17px;
    }
    
    body.black #show-media-button{
        background-image:url(../Images/play-media-white-2x.png);
        background-size:18px 16px;
    }
    
    body.black ul.works-list.left li a, body.black #prior-work.connection-work-link{
        background-image:url(../Images/previous-work-white-2x.png);
        background-size:30px 40px;
    }

    body.black ul.works-list.right li a, body.black #subsequent-work.connection-work-link{
        background-image:url(../Images/next-work-white-2x.png);
        background-size:30px 40px;
    }

    body.black a.performance-aspect-revealer{
        border:1px solid #999;
        color:#fff!important;
    }
    
    body.black a.modal-closer{
        background-image:url(../Images/modal-closer-white-2x.png);
        background-size:33px 33px;
    }

}