#about {
  float: left;
  clear: both;
	padding-bottom: 32px;
  margin-bottom: 50px;
	border-bottom: 1px solid #000;
  width: 100%;
}

.browserIcons,
.otherIcons {
  float: left;
  clear:both;
  width: 100%;
  margin-bottom: 19px;
}
.browserIcons { width: 120px; margin-right: 10px;  }
.otherIcons { clear: none; width: 150px;}
.browserIcons .icon,
.otherIcons .icon {
  height: 22px;
  width: 22px;
  float: left;
  margin-right: 2px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url('../../skin/css/default/sprite.png');
  background-position: 0 0;
}

.browserIcons .IE { background-position: 0 -78px; }
.browserIcons .FF { background-position: -24px -78px; }
.browserIcons .Chrome { background-position: -48px -78px; }
.browserIcons .Safari { background-position: -72px -78px; }
.browserIcons .Opera { background-position: -96px -78px; }

.otherIcons .html5 { width: 25px; background-position: -135px -78px; }
.otherIcons .jQuery { width: 76px; background-position: -162px -78px; }


/* High-res sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .browserIcons .icon,
  .otherIcons .icon {
    background-image: url('../../skin/css/default/sprite@x2.png');
    background-size: 500px 500px; /* downscaled 50%, size of original sprite */
  }
}




.dsc-columns { margin-bottom: 0; }

.dsc-column {
	border-bottom: 1px solid #000;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.dsc-columns-last .dsc-column,
.dsc-column-bottom { border-bottom: 0; padding-bottom: 0; }

.dsc-column .thumbnail {
	float: left;
	clear: both;
	position: relative;
	margin-bottom: 3px;
	cursor: pointer;
}
.dsc-column .thumbnail img { float: left; }
.dsc-column .thumbnail-overlay {
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dsc-column .credits {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.8);
	text-align: right;
	word-wrap: no-wrap;
	display: none;
}
.dsc-column:hover .credits { display: block; }

.dsc-column .credits .padder {
	float: left;
	padding: 4px 10px;
	width: 298px;
}

.dsc-column .by {
	float: left;
	clear: both;
	width: 100%;
	text-align: right;
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 20px;
	height: 20px;
}
.by a { text-decoration: none; }
.by a:hover { text-decoration: underline; }

.dsc-column .neww {
	font-size: 90% !important;
	width: 100% !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	-o-text-overflow: ellipsis !important;
	text-overflow: ellipsis !important;
}
.neww a { text-decoration: none; }
.neww a:hover { text-decoration: underline; }