/* ==================== */
/* ! Custom Utilities   */
/* ==================== */

.full-width-img {
	height: auto;
	width: 100%;
}

@media \0screen { .full-width-img { width: auto; }}

li.cutoff {	list-style-position: inside; overflow: hidden; text-indent: 1.5em; text-overflow: ellipsis;	white-space: nowrap; }
.cutoff {overflow: hidden; text-overflow: ellipsis;	white-space: nowrap;}
.block-center {margin-left:auto;margin-right:auto;display:block;text-align:center;}
.cf{*zoom:1}.cf:before,.cf:after{display:table;line-height:0;content:""}.cf:after{clear:both}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hide-text a {display:block;width:100%;height:100%;text-decoration:none !important;}
/* For cross-browser inline-blocks */
.ib { display:-moz-inline-box; -moz-box-orient: vertical; display:inline-block; *display: inline; _display:inline; position:relative; vertical-align: middle; }
.inverse {background:#222;color:#dedede;}
.center {text-align: center;}
.block-center {margin-left: auto; margin-right: auto; text-align: center;}
.clear {clear: both;}

/* centered lists */
ol.centerlist,
ul.centerlist {
 letter-spacing: -0.31em; /* webkit */
 *letter-spacing: normal; /* reset IE < 8 */
 margin: 0 auto;
 padding: 0;
 position: relative;
 text-align: center;
}

ol.centerlist li,
ul.centerlist li {
 display: inline-block;
 zoom: 1;
 *display: inline;
 font-size: 12px;
 letter-spacing: normal;
 word-spacing: normal;
 margin: 0;
 padding: 0;
 position: relative;
 text-align: center;
 vertical-align: top;
}

/* all clickable elements get a pointer cursor */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

/* Fix IE's terrible interpolation for image resizing */
img {
	-ms-interpolation-mode: bicubic;
}

/* ==================== */
/* ! Gallery Info Bar   */
/* ==================== */

#galleryinfo {
	background: #fff;
	color: #444;
	overflow: auto;
	padding: 15px 10px 10px;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 240px;
	z-index: 1200;
}

#galleryinfo dd {
	margin-top: 10px;
}

#galleryinfo .setpreview {
	display: block;
	height: 250px;
	margin: 0 auto 10px;
	width: 200px;
}

#galleryextras {
	text-align: center;
}

#galleryextras .btn {
	display: block;
	margin: 0 auto 10px;
	width: 200px;
}

#galleryextras .btn a {
	color: #000;
}

/* =============== */
/* ! Video Stuff   */
/* =============== */

#gg_video_player {
	height: auto !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 240px;
	bottom: 1px;
	width: auto !important;
}

#videoholder .vjs-poster {
	max-height: 100%;
	max-width: 100%;
}

#galleryinfo dt h3 {
	line-height: 1;
	text-align: center;
}


@media (max-width: 767px) {

	#videopage #galleryinfo {
		overflow: visible;
		position: absolute;
		bottom: 0;
		top: 250px;
		width: 100%;
	}

	#videopage #videoholder {
		display: block;
		height: 250px;
		width: 100%;
	}
	
	#galleryextras .btn {
    width: 95%;	
  }
  
  #galleryextras {
    padding-bottom: 20px;
  }
	
	#gg_video_player {
  	height: 250px !important;
  	right: 0;
	}
}


/* =========== */
/* ! Tagging   */
/* =========== */

div#tagform {
	height: auto !important;
}

ul#taglist.tagit {
	list-style: none;
}


/* ================ */
/* ! Image Viewer   */
/* ================ */

#loadScreen {
	background: #2e2e2e url(../img/gg_2016_bg.png) fixed;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 240px;
	line-height: 50%;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.65);
	z-index: 1999;
}

#loadScreen .inner {
	height: 150px;
	margin-top: -75px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

body {
	background: #fff;
	color: #ddd;
}

#container {
	height: 100%;
	width: 100%;
}

#galleryholder {
	background: #2e2e2e url(../img/gg_2016_bg.png) fixed;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 240px;
	top: 0;
	bottom: 0;
}

#thumbPreview {
  border: 1px solid #bbb;
	position: absolute;
	z-index: 5000;
	background: #fff;
	padding: 5px;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
}

#thumbPreview:after, #thumbPreview:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#thumbPreview:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}

#thumbPreview:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #bbb;
	border-width: 21px;
	margin-left: -21px;
}

#thumbarea {
	background: #171a1f;
	height: 120px;
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 199;
	zoom: 1;
}

#thumbholder {
	height: 110px;
	overflow: hidden;
	position: absolute;
	left: 140px;
	bottom: 5px;
	right: 0;
	zoom: 1;
}

#fullthumbs {
	background: #2e2e2e url(../img/gg_2016_bg.png) fixed;
	display: none;
	overflow: auto;
	padding: 15px 15px 75px 15px;
	position: absolute;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

#fullthumbs li > a {
	background: #efefef;
	border: 2px solid #fff;
	border-radius: 5px;
	display: -moz-inline-stack;
	display: inline-block;
	margin: 6px;
	padding: 3px;
}

#fullthumbs li > a:hover {
	border-color: #cd009a;
}

#fullthumbs li > a.active {
	background: #cd009a;
	border: 1px solid #cd009a;
}

#hidethumbs-btn {
  background: #fff;
  padding: 8px 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 255px;
	width: auto;
	z-index: 10;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
}

#thumbholder ul {
	display: table;
	white-space: nowrap;
}

#thumbholder li {
	display: table-cell;
	padding: 0 5px;
}

#thumbholder a {
	background: #000;
	border-radius: 4px;
	display: -moz-inline-stack;
	display: inline-block;
	border: 1px solid #000;
	height: auto;
	padding: 2px 0 2px;
	width: 115px;
}

#fullthumbs img, 
#thumbholder img {
	border: none;
	height: auto;
	max-width: 100%;
}

#fullthumbs img {
  height: auto !important;
  width: 100% !important;
}

#thumbholder a.active {
	border-color: #cd009a;
	background: #cd009a;
}

#thumbholder a:hover {
	border-color: #cd009a;
}

#showimg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 120px;
	right: 230px;
	overflow: auto;
	text-align: center;
}

#showimg .imgholder {
	width: 1px;
	height: 1px;
	position: relative;
}

#showimg img {
	position: absolute;
	-webkit-box-shadow:  0px 0px 20px 5px rgba(0,0,0,0.45);
	box-shadow:  0px 0px 20px 5px rgba(0,0,0,0.45);
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

.imgdesc {
	position: absolute;
	padding: 12px 0;
	background: #000;
	color: #eee;
	width: 100%;
	z-index: 199;
}

.imgdesc p {
	margin: 0;
	padding: 0 10px;
}

#imgLoader {
	background: #2e2e2e url(../img/gg_2016_bg.png) fixed;
	position: absolute;
	top: 0;
	bottom: 90px;
	left: 0;
	right: 0;
	z-index: 99;
}

#imgLoader #spinner {
	background: url(/img/loader_unicorn.gif) 50% 50% no-repeat;
	height: 128px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -64px 0 0 -64px;
	width: 128px;
}

#hiddenImgHolder {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	left: -5px;
	top: -5px;
}

#galleryactions {
	padding: 15px 0 0 3px;
	text-align: center;
	width: 140px;
}

#galleryactions > h4 {
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  margin: -5px 0 8px 0;
  padding: 0;
}

#slidecontrol,
#prev,
#next {
  border: 1px solid #666;
  border-radius: 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 400px;
	overflow: hidden;
	margin: 0 5px;
	background: url(/img/gallerybuttons.png) 0 -94px no-repeat;
}

#slidecontrol.paused {
	background-position: 1px -63px;
}

#slidecontrol.paused:hover {
	background-position: 1px -79px;
}

#slidecontrol.playing {
	background-position: 1px -94px;
}

#slidecontrol.playing:hover {
	background-position: 1px -111px;
}

#prev {
	background-position: 1px -31px;
}

#prev:hover {
	background-position: 1px -47px;
}

#next {
	background-position: 1px 1px;
}

#next:hover {
	background-position: 1px -15px;
}

#taglink .badge {
  font-weight: 400;
}