/* @override 
	http://deweynicks.site/galleria.classic.css
	http://dn.scottorchard.com/css/galleria.classic.css
	http://deweynicks.site/css/galleria.classic.css
*/

/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */
 
.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
    margin: 0 auto;
	/*font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    /*overflow:hidden;*/
    /*height: 100%;*/
}
.galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
    display: none;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #000;;
    float: left;
    cursor: pointer;
}

.galleria-counter {
    position: relative;
    bottom: 0px;
    left: 0px;
    top: 8px;
    text-align: center;
    /*color: #383838;*/
    color: #7f7f7f;
    font-size: 10px;
    letter-spacing: 0.2em;
    z-index: 2;
    margin: 0 auto;
    width: 60px;
}
.galleria-credits {
    position: absolute;
    bottom: 40px;
    left: 0px;
    /*top: 10px;*/
    text-align: right;
    color: #fff;
    font-size: 10px;
    z-index: 2;
    margin: 0 auto;
    width: 850px;
   	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	letter-spacing: 0.2em;
	/*width: 70px;*/
	
}
.galleria-credits a {
	font-size: 10px;
    /*color: #383838;*/
    color: #7f7f7f;
    -webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	cursor: pointer;
}

.galleria-credits:hover,
.galleria-credits a:hover {
    /*color: #a7a7a7;*/
    color: #d9d9d9;
    text-decoration: none;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    /*background: url(classic-loader.gif) no-repeat 2px 2px;*/
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    margin: 0 auto;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-title+.galleria-info-description {
    margin-top: 7px;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    /*width: 890px;*/
    height: 124px;
    left: 0;
    -webkit-backface-visibility: hidden;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 0px;
    z-index: 2;
    background-position: -10px 1px;
    -webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.galleria-image-nav-right {
    left: auto;
    right: 0px;
    background-position: -52px 1px;
    z-index: 2;
}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover {
    opacity: .85;
    filter: alpha(opacity=85);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.galleria-thumbnails-container .disabled:hover {
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close {
    /*background-image: url(classic-map.png);*/
    background-repeat: no-repeat;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(../img/gallery-arrow-bkgd.png);
    background-repeat: no-repeat;
}



/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	.galleria-image-nav-left,
	.galleria-image-nav-right {
    	opacity: .5;
  	}
  	.galleria-counter, 
  	.galleria-counter, 
  	.galleria-credits a,
  	.galleria-credits a:hover {
    	color: #a6a6a6;
   	}
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media screen and (max-device-width:1024px) { /* iPad  styles*/ 
	.galleria-image-nav-left,
	.galleria-image-nav-right {
    	opacity: .5;
  	}
  	.galleria-counter, 
  	.galleria-counter, 
  	.galleria-credits a,
  	.galleria-credits a:hover {
    	color: #a6a6a6;
   	}
}