<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
<center>

<div style="width:405px; background-image:url(http://www.webtexture.net/wp-content/uploads/2012/08/20-Seamless-Dark-Patterns-Thumb111.jpg); padding: 10px 2.5px;">
<table style="border-collapse:collapse;" cellspacing="0" cellpadding="5">
<tr>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="dante">limbo</div></td>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="dante">lust</div></td>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="dante">gluttony</div></td>
</tr>
<tr>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="inferno">greed</div></td>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="inferno">anger</div></td>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="inferno">heresy</div></td>
</tr>
<tr>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="divinecom">violence</div></td>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="divinecom">fraud</div></td>
<td><div class="ninecircles" style="background-image:url(http://placehold.it/120);"></div>
<div class="divinecom">treachery</div></td>
</tr>
</table>

<div class="tezra">
<div class="paradiso" style="background-image:url(http://placehold.it/90);"></div>
<div class="purgatorio">character name
<div class="holyland">and the nine circles of hell</div></div></div>
</div>
<a href="http://shine.jcink.net/index.php?showuser=14639"><span style="font-family:orator std; font-size:8px; color: #03435e; padding-right:10px; line-height:8px; letter-spacing:1px;">love, libby</span></a>
</center>
<style type="text/css">
.ninecircles { width:120px; height:120px; overflow:hidden; background-size:120px auto; }
.dante { width:120px; background-color:#514e6d; padding:2.5px 0; text-align:center; color:#f1f1f1; font-family:inconsolata; font-size:10px; letter-spacing: 1px; text-transform:lowercase;line-height:100%; }
.inferno { width:120px; background-color:#46435e; padding:2.5px 0; text-align:center; color:#f1f1f1; font-family:inconsolata; font-size:10px; letter-spacing: 1px; text-transform:lowercase;line-height:100%; }
.divinecom { width:120px; background-color:#3b394f; padding:2.5px 0; text-align:center; color:#f1f1f1; font-family:inconsolata; font-size:10px; letter-spacing: 1px; text-transform:lowercase;line-height:100%; }
.paradiso { width:90px; height:90px; overflow:hidden; background-size:90px auto; position:relative; }
.tezra { width:360px; padding:10px;height:90px; background-color: #4D3F5B;margin-top:10px;margin-bottom:5px;position:relative;text-align:left;  }
.purgatorio { width:260px; position:absolute; top:36.5px; left: 110px; font-family:oswald; font-weight:300; font-size:26px; text-transform:uppercase; color: #eee; text-align:center; letter-spacing:1px; line-height:100%; }
.holyland { font-family:inconsolata; font-size:10px; letter-spacing: 1px; text-transform:lowercase;line-height:110%; }

</style>