/*
    ColorBox Core Style:
    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;
}
#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;
}
.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;
}




/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#000000;
}
#colorbox {
	outline:0;
}
#cboxContent {
	margin-top:32px; 
	overflow:visible;
}
#cboxError {
	padding:50px; 
	border:1px solid #ccc;
}
#cboxLoadedContent {
	background:#000000; 
	padding:1px;
}
#cboxLoadingGraphic {
	background:url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
	background:#000000;
}
#cboxTitle {
	position:absolute; 
	top:-22px; 
	left:0; 
	color:#ffffff; 
	text-shadow:none;
}
#cboxCurrent {
	position:absolute; 
	top:-22px; 
	right:205px; 
	text-indent:-9999px;
}




/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, 
#cboxNext, 
#cboxSlideshow, 
#cboxClose {
	border:0; 
	padding:0; 
	margin:0; 
	overflow:visible; 
	width:auto; 
	background:none;
}




/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, 
#cboxNext:active, 
#cboxSlideshow:active, 
#cboxClose:active {
	outline:0;
}
#cboxSlideshow, 
#cboxPrevious, 
#cboxNext, 
#cboxClose {
	text-indent:-9999px; 
	width:20px; 
	height:20px; 
	position:absolute; 
	top:-20px; 
	background:url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0;
}
#cboxPrevious {
	background-position:0px 0px; 
	right:44px;
}
#cboxPrevious.hover {
	background-position:0px -25px;
}
#cboxNext {
	background-position:-25px 0px; 
	right:22px;
}
#cboxNext.hover {
	background-position:-25px -25px;
}
#cboxClose {
	background-position:-50px 0px; 
	right:0;
}
#cboxClose.hover {
	background-position:-50px -25px;
}
.cboxSlideshow_on #cboxPrevious, 
.cboxSlideshow_off #cboxPrevious {
	right:66px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position:-75px -25px; 
	right:44px;
}
.cboxSlideshow_on #cboxSlideshow.hover {
	background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position:-100px 0px; 
	right:44px;
}
.cboxSlideshow_off #cboxSlideshow.hover {
	background-position:-75px -25px;
}