/************************************************************
Core positioning styles */

#jb-lightbox {
	display:none;
	position:fixed;
	z-index:9999;
	top:50%;
	left:50%;
	padding-bottom:2em;
}
#jb-lightbox-mask {
	display:none;
	content:' ';
	position:fixed;
	z-index:9998;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	opacity:0.8;

	filter: alpha(opacity=80);
}
#jb-lightbox>h4 {
	font-size:11pt;
	margin:0 0 0.5em 0;
	color: #FFFFFF;
	/*text-align:left;*/
}
#jb-lightbox>p,
#jb-lightbox>ul {
	font-size:10.5pt;
	position:absolute;
	bottom:0;
	margin:0;
	padding:0;
}
#jb-lightbox>p {
	left:0;
}
#jb-lightbox>ul {
	right:0;
}
#jb-lightbox>ul>li {
	display:inline;
	vertical-align:middle;
	font-size:200%;
	line-height:10.5pt;
}
#jb-lightbox a {
	text-decoration:none;
}
#jb-lightbox-close {
	font-weight:bold;
}


/* Navigation */
#jb-lightbox-next,
#jb-lightbox-prev {
	position:fixed;
	font-size:50pt;
	line-height:0;
	top:50%;
}
#jb-lightbox-next {
	right:0.1em;
}
#jb-lightbox-prev {
	left:0.1em;
}
#jb-lightbox-close {
	position:fixed;
	top:0.5em;
	right:0.5em;
}


/************************************************************
Pretty stuff */

#jb-lightbox {
	color:#f1f1f1;
	/*text-align:center;*/
}
#jb-lightbox>span,
#jb-lightbox figure>span {
	margin:auto;
	display:inline-block;
	padding:0.5em;
	background:#ebebeb url('loading.gif') no-repeat center center;
	border:1px solid rgba(186,186,186,0.6);
}
#jb-lightbox>ul a {
	color:#f1f1f1;
}


/* HTML5 version */
#jb-lightbox figure {
	/* Reset most likely styles */
	margin:0;
	padding:0;
	float:none;
	display:block;
	background:none;
	overflow:visible;
}
#jb-lightbox figcaption {
	margin:0.5em 0;
}
#jb-lightbox figcaption:empty {
	display:none;
}


/* IE Fixes */

/* When you have img { max-width: 100%; } on a whole site due to responsive support, it causes the image to not show in IE. Oh... and also because IE is stupid */
#jb-lightbox img {
	max-width: none;
}