/*-------------------------------------------------------------------------------------------*/
/* Artist Page Divs
/*-------------------------------------------------------------------------------------------*/

.ib-container {  
    letter-spacing:-.25em;  
    word-spacing:-1em;
	text-align:center;  
	/*background:#222;*/
}  
.ib-block {  
    vertical-align:middle;  
    display:inline-block;  
    *zoom:1; /* IE6/7 */  
    *display:inline; /* IE6/7 */  
	max-width: 100%;
	height: 100px;
}  
.ib-container .ib-block {  
    letter-spacing:normal;  
    word-spacing:normal;  
	margin: 0 10px 10px;
} 

.ib-container .ib-block img{  
    position: relative;
 	top: 50%;
  	transform: perspective(1px) translateY(-50%);
} 



/*-------------------------------------------------------------------------------------------*/
/* Below this line : Experimental
/*-------------------------------------------------------------------------------------------*/

/* Frame Method */

.frame {
    height: 85px;      /* equals max image height */
    border: 1px solid red;
    text-align: center; 
	margin: 1em auto;
	float:left;
}


.frame img {
    vertical-align: middle;
}

/* Container Method */

#container {
  height: 85px;
  text-align: justify;
  border: 10px solid black;
  font-size: 0.1px; /* IE 9 & 10 don't like font-size: 0; */
  max-width: 700px;
}
#container div {
  max-width: 100%;
  max-height: 85px;
  display: inline-block;
  vertical-align: middle;
}

#container:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

/* UL Method */

#artistUL {
	height:100%;
	width:80%;
	max-width:700px;
	margin: 0 auto;
	
	}
#artistUL a {
	height: 100%
	}

/* Distribution style */
#artistUL {text-align:justify}
#artistUL * {display:inline}
#artistUL a {
	display:inline-block;
	margin-bottom:1em;
	}

#artistUL .stretcher {
display:inline-block;
position:relative;
width: 100%; 
height: 0
}


#artistUL ul li {
	margin:1em ;	
}

#artistUL ul li img{
	vertical-align:middle;	
}

<!-- in conditional comments for ie6 -->
* html #nav .stretcher {overflow:hidden;}















/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (max-width: 600px) {

.ib-container {   
	/*background:#222;*/
	text-align:center;
}  
.ib-block {  
    vertical-align:middle;  
    display:inline-block;  
    *zoom:1; /* IE6/7 */  
    *display:inline; /* IE6/7 */  
}  
.ib-container .ib-block {  
    letter-spacing:normal;  
    word-spacing:normal;  
	margin-bottom:20px;
} 
	
}