/*
photo galleries
*/

section.photo-gallery
{
}

section.photo-gallery #galleries-container,
section#section-videos-landing #galleries-container,
body.sponsored section.photo-gallery #thumbs-container
{
	margin: 0.5em 4px;
	/*
	display:table;
	*/
}
					
section.photo-gallery .ad-300,
section.video-gallery .ad-300
{
	float:right;
	z-index:2;
	position:relative;
	margin-left:8px;
	margin-right:8px;
	position:relative;
}
body.sponsored section.photo-gallery .ad-300
{
	margin-top:8px;
	margin-right:8px !important;
}
#section-galleries-landing .ad-300
{
	margin-top:44px;
	position:relative;
}
#section-videos-landing .ad-300
{
	margin-top:0px;
	margin-bottom:24px;
	position:relative;
}

#section-game .ad-300,
#section-video-player .ad-300,
#section-vote .ad-300,
#section-galleries-thumbs .ad-300
{
	float:right;
	margin-right:40px;
	margin-bottom:24px;
	position:relative;
}


					
section.photo-gallery .gallery-link
{
	/*  */
	text-align:left;
	margin:0;
}

section.photo-gallery .gallery-std
{
	/*  */
	display:inline-block;
	float:left;
	margin:0 0 24px 0;
	padding:0;
	vertical-align:top;
	width:50%;
	/*
	background-color:yellow;
	*/
}
section.photo-gallery .gallery-row
{
	clear:both;
	position:relative;
	padding:16px 0;
	background: url(../media/images/photos/ui/landing_row_divider.gif) top center no-repeat;
}

.gallery-box
{
	position:relative;
}

section.photo-gallery .gallery-std .stack-box
{
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	padding:0px 24px;
    display: inline-block;
	position: relative;
	
	margin-left: 3%;
	margin:0px auto;
	width: 100%;
	max-height:270px;
    z-index: 1;
	text-align:center;
}

section.photo-gallery .gallery-link .stack-box .aspect,
section.photo-gallery .gallery-header .stack-box .aspect
{
	overflow:hidden;
	position:relative;
}

section.photo-gallery .gallery-std .stack-box .aspect
{
	display:block;
	margin:0 auto;
	/*
	height:100%;
    */
	max-height:200px;
	max-width:100%;
	padding-bottom: 75% !important;
	position:relative;
}

section.photo-gallery .gallery-std .stack-box .frame-neg
{
	padding:16px 13px 13px 13px;
	background: url(../media/images/global/img_frame_neg_topleft.gif) top left no-repeat,
		black url(../media/images/global/img_frame_neg_topright.gif) top right no-repeat;
	display:block;
}

section.photo-gallery .gallery-std .stack-box .aspect img
{
	vertical-align:bottom;
	border-radius:6px;
	width: auto;
    height: auto;
	margin:0;
	/*
	width:100%;
	*/
	max-height:100%;
	position:absolute;
	top:0;
	left:0;
}

section.photo-gallery .gallery-featured .stack-box
{
	/* desktop only - to match ad 
	padding-bottom:250px !important;
	*/
}

section.photo-gallery .gallery-featured h3,
section.photo-gallery #thumbs-container .breadcrumb,
section.video-gallery .playlist-featured
{
	/* desktop only - to match ad */
	position:relative;
	margin-top:20px;
	text-align:left;
}
section.photo-gallery .gallery-featured h3,
section.photo-gallery #thumbs-container .breadcrumb
{
	/* desktop only - to match ad */
	padding-left:60px;
}
section.photo-gallery .gallery-featured h3,
section.photo-gallery #thumbs-container .breadcrumb
{
	/* desktop only - to match ad */
	padding-left:60px;
	position:relative;
	margin-top:20px;
	height:20px;
	text-align:left;
}
section.photo-gallery .gallery-featured h3,
section.video-gallery .playlist-featured h3
{
	/* desktop only - to match ad */
	font-size:1.5em;
}

section.photo-gallery h4
{
	/* desktop only - to match ad */
	font-size:1.3em;
	margin-top:0.5em;
	margin-bottom: 0.5em;
}
section.photo-gallery .gallery-featured p,
section.photo-gallery .gallery-header p
{
	margin-top:0.5em;
	margin-bottom: 0.8em;
}

section.photo-gallery .gallery-featured .stack-box img,
section.photo-gallery .gallery-header .stack-box img
{
	height:250px;
	width:689px !important;
}
body.sponsored section.photo-gallery .gallery-header .stack-box img
{
	width:791px !important;
}

section.photo-gallery .bound
{
	position:relative;
	display:block;
	/*
	background:#ccc;
	*/
}
section.photo-gallery .gallery-featured .bound,
section.photo-gallery .gallery-header .bound
{
	margin:8px;
}
section.photo-gallery .gallery-std .bound
{
	margin:16px;
	margin:8px 0 24px 8px;
}
section.photo-gallery .gallery-std .photo-container
{
	/*
	background-color:red;
	*/
}

section.photo-gallery .gallery-link .header,
section.photo-gallery .gallery-header .header
{
	text-align:center;
	padding-right:24px;
}
section.photo-gallery .gallery-link .header h4,
section.photo-gallery .gallery-link .header p,
section.photo-gallery .gallery-header .header h4,
section.photo-gallery .gallery-header .header p

{
	text-align:left;
	margin-right:-24px;
}
section.photo-gallery .gallery-featured .header,
section.photo-gallery .gallery-header .header
{
	margin: 0 60px 18px 60px;
}
section.photo-gallery .gallery-std .header
{
	margin: 0 20px 0 34px;
}

section.photo-gallery ul,
section.photo-gallery li
{
	list-style: none;
	padding: 0;
}
section.photo-gallery #thumbs-container>ul
{
	margin: 0 16px 32px;
	clear:both;
}
section.photo-gallery #thumbs-container li.launches-modal
{
	display:inline-block;
	width:24%;
	padding: 0;
	margin: 0 -5px 0 0;
}
section.photo-gallery #thumbs-container li.launches-modal .center-crop
{
	display:block;
	position:relative;
	margin:8px;
}
section.photo-gallery #thumbs-container li.launches-modal .img-aspect
{
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2) inset;
	padding-top:75%;
	position:relative;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}
section.photo-gallery #thumbs-container li.launches-modal .img-aspect img,
section.photo-gallery #thumbs-container li.launches-modal .img-aspect .zoom-overlay
{
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
}
section.photo-gallery #thumbs-container li.launches-modal a .zoom-overlay
{
	background-color:black;
	opacity:0;
	transition: opacity 300ms ease 0s;
}
section.photo-gallery #thumbs-container li.launches-modal a:hover .zoom-overlay
{
	opacity:0.5;
}
section.photo-gallery #thumbs-container li.launches-modal .bound
{
	height:100%;
	/*
	padding:4px;
	*/
}
section.photo-gallery #thumbs-container li.launches-modal .aspect
{
	padding-bottom:75%;
	background-size:contain;
	background-position:top center;
}
section.photo-gallery #thumbs-container li.launches-modal .aspect
{
	padding-bottom:75%;
	background-size:contain;
	background-position:top center;
}

#photo-slides,
#photo-slides li.content-container
{
	margin: 0;
	padding: 0;
	list-style: none outside none;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
#photo-slides
{
	left:0px;
}

#photo-slides li.content-container .gallery-image-sizer
{
	width:80%;
	height:80%;
	margin:5% 10% 15%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#photo-slides li.content-container .image-info

{
	width:80%;
	height:13%;
	margin:0 10%;
	position:absolute;
	bottom:0;
	color:white;
}


@media (max-width: 767px)
{

section.photo-gallery .gallery-std
{
	width:100%;
	margin:0;
	float:none;
	background:url(../media/images/photos/ui/bg_landing_sparkle.jpg) top left no-repeat;
}
section.photo-gallery .gallery-std .bound
{
	width:80%;
	margin: 0 auto;
	padding:24px 0;
}
section.photo-gallery .gallery-row
{
	background-image:none;
}
section.photo-gallery #galleries-container,
section#section-videos-landing #galleries-container
{
	margin: 0.5em 0;
}
}
@media (max-width: 479px)
{

section.photo-gallery .gallery-std .bound
{
	width:90%;
}
}





/****  photo galleries  ****/

.gallery-ctrl
{
	position:absolute;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	opacity:0.4;
}

.gallery-ctrl:hover
{
	cursor:pointer;
	opacity:1;
	transition: opacity 300ms ease 0s;
}
#gallery-left
{
	background-image:url(../media/images/global/gallery_arrow_lt.png);
}
#gallery-right
{
	background-image:url(../media/images/global/gallery_arrow_rt.png);
}
#gallery-close
{
	background-image:url(../media/images/global/gallery_close.png);
}
.gallery-img
{
	/*
	background-image: url(../images/photo-selena.jpg);
	*/
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
}

@media (min-width: 1025px)
{
.gallery-arrow
{
	width:40px;
	height:80px;
	top:50%;
	margin-top:-40px;
}
#gallery-left
{
	left:20px;
}
#gallery-right
{
	right:20px;
}
#gallery-close
{
	width:40px;
	height:40px;
	top:20px;
	right:20px;
}
.gallery-img
{
	width:80%;
	height:80%;
	margin:5% 10%;
}

}
@media (min-width: 768px) and (max-width: 1024px)
{
.gallery-arrow
{
	width:40px;
	height:80px;
	top:50%;
	margin-top:-40px;
}
#gallery-left
{
	left:20px;
}
#gallery-right
{
	right:20px;
}
#gallery-close
{
	width:40px;
	height:40px;
	top:20px;
	right:20px;
}
.gallery-img
{
	width:80%;
	height:80%;
	margin:5% 10%;
}
}
@media (min-width: 480px) and (max-width: 767px)
{
#gallery-left,
#gallery-right
{
	display:none;
}
#gallery-close
{
	width:36px;
	height:36px;
	top:18px;
	right:18px;
}
.gallery-img
{
	width:100%;
	height:100%;
	margin:0;
}
}
@media (max-width: 479px)
{
#gallery-left,
#gallery-right
{
	display:none;
}
#gallery-close
{
	width:30px;
	height:30px;
	top:15px;
	right:15px;
}
.gallery-img
{
	width:100%;
	height:100%;
	margin:0;
}
}