﻿.album { padding: 0px; margin: 10px 0px 10px 0px; }
.album h3 { margin: 0px; padding: 5px 0px 8px 0px; }
.album ul { display: block; float: none; margin: 0px auto; padding: 0px;  text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.album ul li { list-style: none; margin: 0px; padding: 0px; display: inline-block; vertical-align: top; }
.album ul li h4 { text-align: center; display: block; padding: 0px 0px 2px 0px; margin: 0px; }
.album ul li p { text-align: center; display: block; }
.album ul li.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }

.albumiStyle { border: none; background: transparent; padding: 0px; margin: 10px 0px 10px 0px; }
.albumiStyle h3 { margin: 0px; padding: 5px 0px 8px 0px; }
.albumiStyle img.main { margin: 0px auto; display: block; }
.albumiStyle p.desc { text-align: left; display: block; margin: 4px 0px; }
.albumiStyle p.caption { text-align: center; display: block; margin: 4px 0px; }
.albumiStyle ul { display: block; float: none; margin: 0px auto; padding: 0px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.albumiStyle ul li { list-style: none; margin: 0px; padding: 4px; display: inline-block; vertical-align: middle; }
.albumiStyle ul li.act { background: #CCC; }
.albumiStyle ul li.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.albumiStyle ul li:hover { cursor: pointer; }
.albumiStyle ul li img { margin: 0px; padding: 0px; }
.albumiStyle .menu { margin: 10px auto 0px auto; }

.albumScatter { clear: left; border: none; background: transparent; padding: 0px; margin: 10px 0px 10px 0px; }
.albumScatter h3 { margin: 0px; padding: 5px 0px 8px 0px; }
.scatterImg, .scatterImg a { overflow:hidden; }
.scatterImg { position:absolute; border: 5px solid #EEEEEE; border-bottom:18px solid #eeeeee; -moz-box-shadow:2px 2px 3px #333333; -webkit-box-shadow:2px 2px 3px #333333; box-shadow:2px 2px 3px #333333; }
.scatterImg a { background: #FFF; display:block; }

.albumStacker { background: transparent; padding: 0px; margin: 10px 0px 10px 0px; }
.albumStacker h3 { margin: 0px; padding: 5px 0px 8px 0px; }
.albumStacker ul { display: block; float: none; margin: 0px auto; padding: 0px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.albumStacker ul li { list-style: none; margin: 0px; padding: 0px; display: inline-block; vertical-align: middle; }
.albumStacker ul li h4 { text-align: center; display: block; padding: 0px 0px 2px 0px; margin: 0px; }
.albumStacker ul li p { text-align: center; display: block; }
.albumStacker ul li.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.albumStacker .stackOverlay { z-index:90; background:#000; width:100%; height:100%; position:fixed; top:0px; left:0px; opacity:0.85; }
.albumStacker .stackContainer { position:absolute; left:0; width:100%; text-align: center; z-index:100; margin: 0px auto; }
.albumStacker .stackContainer img { border:10px solid #fff; position:absolute; width: auto; height: auto; -moz-box-shadow:1px 1px 10px #000; -webkit-box-shadow:1px 1px 10px #000; box-shadow:1px 1px 10px #000; }
.albumStacker .stackContainer img:hover { cursor: pointer; }
.albumStacker a.stackClose { background: #000 url(../images/close.png) no-repeat center center;
    cursor:pointer; width:56px; height:56px; position:fixed; right:10px; top:10px; z-index:1000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; opacity:0.6; }
.albumStacker a.stackClose:hover { opacity:0.8; }

.albumStackerEmbed { border: none; background: transparent; padding: 0px; margin: 10px 0px 10px 0px; }
.albumStackerEmbed h3 { margin: 0px; padding: 5px 0px 8px 0px; }
.albumStackerEmbed .stackContainer { position:relative; left:0; width:100%; z-index:100; margin: 0px auto; }
.albumStackerEmbed .stackContainer.cent { }
.albumStackerEmbed .stackContainer img { border:10px solid #fff; position:absolute; width: auto; height: auto; -moz-box-shadow:1px 1px 10px #000; -webkit-box-shadow:1px 1px 10px #000; box-shadow:1px 1px 10px #000; }
.albumStackerEmbed .stackContainer img:hover { cursor: pointer; }

.albumSlideshow { padding: 0px; margin: 10px auto; overflow: hidden; }
.albumSlideshow img { background: url(../images/loading.gif) no-repeat 50% 50%; display: none;  }
.albumSlideshow .slide { margin: 0px auto; display:block; max-width: 100%; height: auto; }
.albumSlideshow .slide a.link { position:absolute; top:0px; left:0px; border:0; padding:0; margin:0; z-index:6; display:block; width: 100%; height: 100%; }
.albumSlideshow .slide img { padding: 0; margin: 0; }
.albumSlideshow .slide img:nth-child(n+2) { display: none; }

/** Proximity Effect styles **/
.albumProximity {}
.albumProximity .pe-thumbs { list-style:none; margin: 20px auto; position: relative; background: transparent; display: block; }
.albumProximity .pe-thumbsx:before {	content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,102,0,0.2); }
.albumProximity .pe-thumbs li { float:left; position: relative; }
.albumProximity .pe-thumbs li a, .pe-thumbs li a img { display: block; position: relative; padding: 2px; }
.albumProximity .pe-thumbs li a img { opacity: 0.6; }
.albumProximity .pe-thumbs li a div.pe-description { width: 225px; background: rgba(0,0,0,0.8); position: absolute; top: 0px; left: -200px; display: none; z-index: 1001; text-align: left; padding: 10px; }
.albumProximity .pe-description h3 { padding: 0px; margin: 0px; line-height: 22px; font-family: Arial, sans-serif; font-size: 18px; color: #FFF; }
.albumProximity .pe-description p { padding: 10px 0px 0px 0px; margin: 0px; font-size: 10pt; font-style: italic; border-top: 1px solid rgba(255,255,255,0.3); color: #FFF; }

/** Proximity Effect Reveal styles **/
.albumProximityReveal {}
.albumProximityReveal .pe-thumbs { list-style:none; margin: 20px auto; position: relative; display: block; }
.albumProximityReveal .pe-thumbs:beforex { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(120,97,75, 0.3);}
.albumProximityReveal .pe-thumbs:after { content: "afteralbum"; clear: both; visibility: hidden; width: 100%; display: block; }
.albumProximityReveal .pe-thumbs li { float:left; position: relative; }
.albumProximityReveal .pe-thumbs li a, .pe-thumbs li a img { display: block; position: relative;}
.albumProximityReveal .pe-thumbs li a img { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.albumProximityReveal .pe-thumbs li a div.pe-description { width: 225px;	background: rgba(0,0,0,0.8); position: absolute; top: 0px; left: -200px; display: none; z-index: 1001; text-align: left; padding: 10px; }
.albumProximityReveal .pe-description h3 {	padding: 0px; margin: 0px; line-height: 22px; font-family: Arial, sans-serif; font-size: 18px; color: #FFF; }
.albumProximityReveal .pe-description p { padding: 10px 0px 0px 0px; margin: 0px; font-size: 10pt; font-style: italic; border-top: 1px solid rgba(255,255,255,0.3); color: #FFF; }

/** Content Hover Album Styles **/
.albumContentHover ul { display: block; float: none; margin: 0px auto; padding: 0px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.albumContentHover ul li { list-style: none; margin: 0px; padding: 5px; display: inline-block; vertical-align: middle; }
.albumContentHover ul li a { display: block; margin: 0px; padding: 0px; }
.albumContentHover ul li.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.albumContentHover .contenthover { padding: 15px 15px 0px 15px; }
.albumContentHover .contenthover, .albumContentHover .contenthover h3, .albumContentHover contenthover a { color:#FFF; text-align: center; }
.albumContentHover .contenthover h3 { margin: 0px 0px 10px 0px; line-height:1.4em; padding:0; }
.albumContentHover .contenthover p { margin: 0px; line-height:1.4em; padding:0; }
.albumContentHover .contenthover a { display:block; text-align: center; padding:6px 0px; margin: 10px auto 0px auto; width: 75%; text-decoration: none; background:#EEE; color:#222; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.albumContentHover .contenthover a:hover { background:#AAA; color: #222; text-decoration: none; }