a{color: #f70;}
h2 {color: #ccc;}
div#page {border-color: #222;}
div#footer {color: #888;}
div.caption-container {color: #eee;}

div.navigation a.prev {background-image: url(../images/gallery/prevPageArrow.png);}
div.navigation a.next {background-image: url(../images/gallery/nextPageArrow.png); float:right !important;}
div.navigation a.nextN {background-image: url(../images/gallery/nextPageArrowN.png);}
div.loader {background-image: url(../images/loaderWhite.gif);}
div.slideshow img {border-color: #333;}
ul.thumbs li.selected a.thumb {background: #fff;}
div.pagination a:hover {background-color: #111;}
div.pagination span.current {background-color: #fff;border-color: #fff;color: #000;}
div#page {width: 100%; margin: 0 auto;text-align: left;}
div#container {padding: 20px;}
div#ads {clear: both;padding: 12px 0 12px 66px;}
div#footer {clear: both;color: #777;margin: 0 auto;padding: 20px 0 40px;text-align: center;}
div#container {overflow: hidden;}
div.content {display: block;clear: both;}
div.content a, div.navigation a {text-decoration: none;}
div.content a:hover, div.content a:active {text-decoration: underline;}
div.navigation a.pageLink {height: 54px; line-height:54px;}

div.controls a {padding: 5px;}
div.ss-controls {float:left; position:absolute; z-index:2; left:45%;}
div.nav-controls {float:left; position:absolute; z-index:1; left:40%;}
div.nav-controls a.prev {float: left; width:24px; height:30px; background: url(../images/gallery/prevPageArrowN.png) no-repeat; text-indent:-1000px; margin-right:20px;}
div.nav-controls a.next {float: left; width:24px; height:30px; background: url(../images/gallery/nextPageArrowN.png) no-repeat; text-indent:-1000px; margin-left:20px;}
div.ss-controls a.pause {float: left; width:16px; height:30px; background: url(../images/gallery/stop.png) no-repeat; text-indent:-1000px;}
div.ss-controls a.play {float: left; width:16px; height:30px; background: url(../images/gallery/play.png) no-repeat; text-indent:-1000px;}
div.slideshow-container,div.loader,div.slideshow a.advance-link {width: 100%; /* This should be set to be at least the width of the largest image in the slideshow with padding */}
div.slideshow a.advance-link:hover,div.slideshow a.advance-link:active,div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow a.advance-link:focus {outline: none;}
div.slideshow img {border-style: solid;border-width: 1px; margin:20px 0 0 0;}
div.caption-container {float: left; width:750px; position:absolute; margin:10px 0 0 0; background:#333;}
span.image-caption {display: block;position: absolute;top: 0;left: 0;}
div.caption-container, span.image-caption {width: auto;}
div.caption {padding: 0 12px; position: absolute; top:0;}

.image-title {font-size:1em; color:#666; width:200px; float:left; margin:15px 0 0 0;}
.image-desc {width:730px; float:left; position:absolute; top:620px; background:#333; line-height:1.2em; padding:10px; text-align:center;}
.download {position:absolute; left:720px; float:left;position:absolute; margin:15px 0 0 0;}
.download a {width:50px; height:40px; background: url(../images/gallery/zoom.png) no-repeat; cursor:pointer; display:block;}
div.photo-index {position: absolute; width:750px; text-align:center; color:#666; top:80px;}

div.navigation-container {float: left;position: relative;left: 50%;}
div.navigation {width:720px; float: left; position: relative;left: -50%; background:#e5e6e6; padding:15px 25px;}
div.navigation a.pageLink {display: block;position: relative;float: left;margin: 2px; width:30px; background-position:center center;background-repeat:no-repeat;}
div.navigation a.pageLink:focus {outline: none;}
ul.thumbs {position: relative;float: left;margin: 0;padding: 0;}
ul.thumbs li {float: left;padding: 0;margin: 2px;list-style: none;}
a.thumb {padding: 1px;display: block;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;position: relative;left: -50%;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {position: relative;display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;}
div.pagination a:hover {text-decoration: none;}
div.pagination span.current {font-weight: bold;}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}
div.gallery-gutter {clear: both;padding-bottom: 20px;}
span.caption-container img {width:100%;}

.tubmSection {width:100%; float:left; background:#e5e6e6; padding:20px 0;}
div.controls {margin-top: 5px;height: 23px; width:95%; background:#e5e6e6; padding:20px 0; margin:10px 0;}
div.slideshow {width:95%; float:left;}
div.slideshow span {width:100%; height:100%; display: block; background:#e5e6e6; padding:20px 0;}
div.slideshow span.image-wrapper {width:95%; display: block; position: absolute; text-align:center;}
div.socialSection {width:100%; float:left; background:#e5e6e6; padding:20px 0 0 0; z-index:9999; position:relative; border-top:#f1f2f2 solid 10px;}
div.loader,div.slideshow a.advance-link,div.caption-container {height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	}
div.slideshow-container {position:relative; clear:both; float:left; min-height:682px;}
div.loader {position: absolute;top: 0;left: 0;background-image: url('../images/gallery/loader.gif');background-repeat: no-repeat;background-position: center;}
div.slideshow a.advance-link {display: block; /* This should be set to be at least the height of the largest image in the slideshow with padding */text-align: center;}
.blankli {width:75px; height:50px; float:left; display:inline; margin:2px;}


.groupThum {width:99%; float:left; background:#3b0937; padding:5px; margin-bottom:1em;}
.groupThum a {width:55px; height:37px; float:left; padding:4px; position:relative; overflow:hidden;}
.groupThum a img {float:left; position:absolute; z-index:1; opacity:1; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
.groupThum a img:hover {float:left; position:absolute; z-index:1; opacity:0;}
.groupThum a span {float:left; position:absolute; text-align:center; font-size:.8em;}
