/*
###############################################################################
LIGHTBOX
*/

#lightbox {
 position : absolute;
 margin-top : -100px;
 left : 0;
 width : 100%;
 z-index : 100;
 text-align : center;
 line-height : 0;
}

#lightbox img {
 width : auto;
 height : auto;
}

#lightbox a img { border : none; }

#outerImageContainer {
 position : relative;
 background : #fff;
 max-width : 80% !important;
 height : auto !important;
 padding : 0 !important;
 margin : 0 auto;
 border : 1px solid #666;
 font-size : 1em !important;
}

#outerImageContainer img#lightboxImage {
 max-width : 100%;
 margin : 0 !important;
}

#imageContainer {
 padding : 0 !important;
 margin : 0 !important;
}

#loading, #loading *, #hoverNav, #hoverNav *, #imageData #numberDisplay {
 display : none !important;
 width : 0 !important;
 height : 0 !important;
 padding : 0 !important;
 margin : 0 !important;
}

#imageDataContainer {
 background-color: #fff;
 padding : 0 !important;
 margin : 0 auto;
 line-height : 1.4em;
 overflow : auto;
 max-width : 800px !important;
}

#imageData {
 padding : 0 10px;
 color : #666;
}

#imageData #imageDetails {
 width : 70%;
 float : left;
 text-align : left;
}

#imageData #caption {
 display : block;
 padding : 1em 0 1em 1em;
 color : #585858;
 font-weight : bold;
 font-size : 1.3em;
}

#imageData #bottomNavClose {
 width : 120px;
 float : right;
 padding-top : 0.7em;
 padding-bottom : 0.7em;
 margin-top : 0.7em;
 outline : none;
}

#overlay {
 position : absolute;
 top : 0;
 left : 0;
 z-index : 90;
 width : 100% !important;
 height : 500px;
 background-color: #2c2c2c;
}