@import "jquery.fancybox.css";

/* styles for the iframe page (class="fancybox-content") */
body.page-media{
	background: #161616;
	color: #b5b5b5;
	font-family: reg, "myriad pro", helvetica, arial, sans-serif;
	}
	.page-media h1, .page-media h2, .page-media h3{
		color: #fefefe;
		font-family: bold, "myriad pro", helvetica, arial, sans-serif;
		font-size: 1.4em;
		}
	.page-media h2, .page-media h3{font-size: 1.25em;}
	.page-media .btn{padding: 16px 20px 14px;}

/* page overlay */
.fancybox-overlay{background: url('../fancybox/fancybox_overlay_custom.png'); .transition(all, .5s);}

/* wrapping container */
.fancybox-skin{
	background: #161616;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fefefe;
	font-family: bold;
	margin-bottom: 30px;
	padding: 20px !important;
	}

/* image counter */
.fancybox-count{
	color: #9d9d9d;
	display: block;
	font-size: 1.2em;
	margin: -5px 0 5px;
	}

/* fancybox buttons */
.fancybox-close, .fancybox-nav, .fancybox-prev span, .fancybox-next span{background-image: url('../fancybox/fancybox_sprite_custom.png');}
	
	/* close */
	.fancybox-close{
		background-position: -86px 0;
		top: -15px;
		right: -19px;
		width: 40px;
		height: 42px;
		}

	/* loading gif */
	#fancybox-loading{
		height:75px;
		width:75px

		}
	#fancybox-loading div{background: url('../fancybox/fancybox_loading.gif') center center no-repeat;}
	
	/* navigation arrows */
	.fancybox-nav{}
		.fancybox-nav{
			position: absolute;
			top: 50%;
			width: 38px;
			height: 79px;
			margin-top: -18px;
			visibility: visible;
			}
			.fancybox-prev{
				left: -58px;
				background-position: 0 0;
				}
			.fancybox-next{
				right: -58px;
				background-position: -41px 0;
				}
				.fancybox-nav span{
					background-repeat: no-repeat;
					height: 28px;
					left: auto;
					margin: 0;
					opacity: .7;
					top: 25px;
					visibility: visible;
					width: 14px;
					}
					.fancybox-prev span{
						background-position: -20px -115px;
						right: 4px;
						}
					.fancybox-next span{
						background-position: -45px -115px;
						left: 4px;
						}
			.fancybox-nav:hover span{opacity: 1;}

/* image title */
.fancybox-title-float-wrap{
	bottom: inherit;
	font-family: bold;
	margin-bottom: 0;
	position: static;
	right: inherit;
	text-align: left;
	}
	.fancybox-title-float-wrap .child {
		margin-right: 0;
		padding: 20px 0 0;
		background: none;
		text-shadow: none;
		color: #FFF;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.2;
		white-space: normal;
		}