luke mitchell

[dohtml]<link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>
<style type="text/css">
#luke { width: 250px; height: 480px; background: url(http://i.imgur.com/4bQg9Wa.png); }
.luke-padding { padding-top: 42px; padding-right: 1px; }
.luke-bg { width: 221px; height: 400px; padding-right: 5px; background-color: #fff; border: solid 2px #000; relative; top: 60.5px; left: 1px; }
.name-img { width: 186px; height: 100px; background: url(http://38.media.tumblr.com/9d087e6cf82f053a6f0a07e28cccb10f/tumblr_inline_nmfbokj6r51tqz4uj_500.gif); }

.luke-t { width: 180px; background: #A1BEE6; padding: 10px; font-size: 10px; font-family: arial; letter-spacing: 1px; line-height: 110%; text-align: justify; color: #fff; border-radius: 10px; margin-top: 5px; }
.luke-a { color: #A1BEE6; font-size: 20px; line-height:40px; width:20px; margin-left: 180px; margin-top: -18px; }

.mitchell-bg { width: 206px; background-color: #A1BEE6; padding: 10px; }
.mitchell-img { width: 90px; border-radius: 20%; border: solid 5px #fff; }
.mitchell-name { font-family: raleway; font-weight: 900; color: #fff; text-align: center; font-size: 20px; padding: 5px; }
.mitchell-new { font-size: 8px; font-style: bold; color: #fff; }
.mitchell-padding { height: 5px; }

.mitchell-height { height: 250px; overflow: auto; }
.mitchell-height::-webkit-scrollbar{ width: 2px; }
.mitchell-height::-webkit-scrollbar-track{ ￿border: 1px solid #FFF; background: #f8f8f8; }
.mitchell-height::-webkit-scrollbar-thumb{ height: 5px; width: 2px; border: 0; background-color: rgb(161,190,230); }


.bcred { text-transform: uppercase; width: 60px; text-align: center; font-size: 8px; background-color: #fff; padding: 5px; }
</style>

<center>
<div id="luke">
<div class="luke-padding"></div>
<div class="luke-bg">

<div class="mitchell-bg">
<table><td><img src="http://placehold.it/100" class="mitchell-img"></td>

<td><div class="mitchell-name">ARTHUR</div>
<div class="mitchell-new">ONE NEW TEXT MESSAGE</div>
</td></table></div>
<div class="mitchell-padding"></div>
<div class="mitchell-height">
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
<div class="luke-t">text goes here</div>
<div class="luke-a">◥</div>
</div>

</div></div></div></center>


<p><center><div class="bcred">© BRANDON</div></center>[/dohtml]