/**
*
* Colorbox Core Styles:
* The following CSS is consistent between example themes and should not be altered.
*
**/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/**
* 
* Skellington Styles:
* Change the following styles to modify the appearance of Colorbox within projects that use Skellington.
*
**/

#cboxOverlay {
	background: #000000;
}

#colorbox {
	outline: 0;
}

#cboxContent {
	overflow: hidden;
}
	
.cboxIframe {
	background: #ffffff;
}

#cboxError {
	padding: 50px; 
	border: 1px solid #cccccc;
}

#cboxLoadedContent {
	margin-bottom: 30px;
}

#cboxTitle {
	position: absolute; 
	bottom: 0px; 
	left: 0; 
	text-align: center; 
	width: 100%; 
	color: #999999;
}

#cboxSlideshow,
#cboxCurrent {
	display: none;
}

/* the buttons beneath the content */
#cboxPrevious, 
#cboxNext, 
#cboxClose {
   	width: auto;
   	margin: 0;  	
	position: fixed;
}
 
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, 
#cboxNext:active, 
#cboxClose:active {
   	outline: 0;
}
	
/* individual button positioning */	
#cboxPrevious {
   	top: 50%;
   	left: 0;
   	margin-top: -16px;
}
    
#cboxNext {
	top: 50%;
   	right: 0;
   	margin-top: -16px;
}
     
#cboxClose {
	position: fixed;	
	top: 0px;	
  	right: 0;
}

#cboxClose:hover {
	background-color: #f3432c;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
	    -ms-transition: all 0.25s ease-in-out;
    	 -o-transition: all 0.25s ease-in-out;
    	 	transition: all 0.25s ease-in-out;
} 


/*
 * TEST THIS OUT - Blur Effect on background
 * 	 
 *  filter: blur(20px);
 * 	-o-filter: blur(20px);
 * 	-ms-filter: blur(20px);
 * 	-moz-filter: blur(20px);
 * 	-webkit-filter: blur(20px);
 * 
*/


/* END OF FILE */