.quickhdr {
	background:#8f9082;
	border:1px solid #000000;
	font-weight:bold;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
} 
.quickbdy {
	background:#8f9082;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.artists {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: left;
}
.artists a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
	text-decoration: underline;
	text-align: left;
}
.artists a:visited {
	color: #696969;
	text-decoration: none;
}

a.pictext {position: relative;}	
a.pictext:hover {font-size: 75%;}
a.pictext span {display: none;}	
a.pictext:hover span {
	display: inline;
	position: absolute;
	top: 12px;
	left: 0px;
	padding: 3px;
	border: 1px solid #7411d8;
	background-color: #d8d69b;
	color: #574c16;
}
.twocolumns {columns: 2;
-webkit-columns: 2;
-moz-columns: 2}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; } 
.frame { padding: 0; border: 0; } 
.thumbs { margin: 0px; padding: 3px; border: 0px solid #FFFFFF; }

span.TSArtistName {
background-color: #FFFFFF;
color: #525252;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
font-style: none;
text-decoration: none;
text-transform: none;
border-width: 0px; 
border-style: solid; 
border-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
span.TSTitle {
background-color: #FFFFFF;
color: #525252;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
font-style: italic;
text-decoration: none;
text-transform: none;
border-width: 0px; 
border-style: solid; 
border-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
div.TS {
background-color: #FFFFFF;
color: #525252;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-transform: none;
text-align: center;
vertical-align: top;
border-width: 0px; 
border-style: solid; 
border-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

/*Artist Main Layout 12 crop */
/*.crop-to-square-positioner:hover .artist-overlay, .crop-to-square-positioner.cs-hover .artist-overlay {
  opacity: .75;
}*/

.artist-name {
  white-space: normal;
  margin-bottom:30px;
}


.crop-to-square {
    overflow: hidden;
    position: relative;
    /* change these 2 values to adjust the size relative to its parent */
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 5px;
}
.crop-to-square-positioner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align:center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.crop-to-square-img {
    min-width: 100%;
    min-height: 100%;
    margin: 0 -9999px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.artist-overlay {
  position: absolute;
  top: -50%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #999;
}
.artist-name:hover {
	color: #000;
}

.artist-name .crop-to-square-positioner:hover .artist-overlay, .artist-name .crop-to-square-positioner.hover_effect .artist-overlay  {
  opacity: .75;
}


.crop-to-square-positioner.hover_effect .artist-overlay {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}



@media (max-width:899px){
	
}
@media (max-width: 768px) {
	       
}