<style>
div.logoimages img { height:50px; }

.newuserthumbs a {
	background: #eee;
	color:#ddd;
	text-shadow: 0px 1px 0px #fff;
}

.newuserthumbs a:hover {
	background:#ddd;
	color:#fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,.1);
}

/* ######################### */
/* 			iPads            */
/* ######################### */

@media (max-width: 1024px) {
	div.logoimages img { height:50px; }
}

@media (max-width: 869px) {
	div.logoimages img { height:50px; }
}

@media (max-width: 585px) {
	div.logoimages img {
		height: 50px;
	}
}

/* ######################### */
/* Landscape phones and down */
/* ######################### */

@media (max-width: 480px) {
	div.logoimages img { width:125px; height:auto; }
}
</style>
<div class="container_12xxx clearfix" style="background:#fff; border:none; height:50px; padding:0 15px;">
	<div class="logoimages" style="width:100%; overflow:hidden; background:none; max-height:50px; text-align:center">
		<?php
		foreach ($recentMembers as $recentMember) {
			//echo "<pre>";
			//print_r($recentMember);
			$first = substr($recentMember['first_name'],0,1);
			$last = substr($recentMember['last_name'],0,1);
		?>						
		<div class="newuserthumbs" 
		style="width:50px; height:50px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
			display:inline-block; margin:0 10px 0 0; line-height:50px; overflow:hidden;
			font-family:Montserrat,Raleway,'Open Sans',Helvetica,Verdana,sans-serif; font-size:22px; font-weight:700;">
			<a href="/profile/<?= $recentMember['user_slug'] ?>" style="display:block;"
			title="<?= $recentMember['name'] ?>"><?= $first ?><?= $last ?></a>
			 <!--<a href="/profile/<?= $recentMember['user_slug'] ?>"><img src='<?= $recentMember['image'] ?>' 
			 onerror="this.src='/static/images/users/default-avatar.jpg'" 
			 title="<?= $first ?> - <?= $recentMember['name'] ?>"
		 	alt='<?= $recentMember['name'] ?>' style='margin:0 10px 0 0;' /></a>-->
		</div>
		<?php
		}
		?>	
	</div>
</div>