colin ford

[dohtml]<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style type="text/css">
#colin { width: 250px; height: 480px; background: url(http://i.imgur.com/4bQg9Wa.png); }
.colin-padding { padding-top: 42px; padding-right: 1px; }
.colin-bg { width: 221px; height: 400px; padding-right: 5px; background-color: #fff; border: solid 2px #000; relative; top: 60.5px; left: 1px; }

.colin-t { width: 180px; background: #C45151; 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; }
.colin-a { color: #C45151; font-size: 20px; line-height:40px; width:20px; margin-left: 180px; margin-top: -18px; }

.colin-bg2 { width: 206px; background-color: #C45151; padding: 10px; }
.colin-img { width: 80px; text-align: left; border-radius: 5%; border: solid 1px #fff; margin-right: 60px; padding: 5px; }
.colin-name { font-family: roboto; font-weight: bold; color: #fff;font-size: 20px; padding: 5px; border-bottom: dotted 2px #fff; margin-left: -40px;}
.colin-new { width: 206px; padding: 10px; background-color: #C45151; font-size: 16px; font-family: roboto; color: #fff; font-weight: bold; }
.colin-padding2 { height: 3px; }

.colin-height { height: 239px; overflow: auto; }
.colin-height::-webkit-scrollbar{ width: 2px; }
.colin-height::-webkit-scrollbar-track{ ￿border: 1px solid #FFF; background: #f8f8f8; }
.colin-height::-webkit-scrollbar-thumb{ height: 5px; width: 2px; border: 0; background-color: rgb(196,81,81); }


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

<center>
<div id="colin">
<div class="colin-padding"></div>
<div class="colin-bg">
<div class="colin-new">ONE NEW TEXT MESSAGE</div>
<div style="height: 2px;"></div>
<div class="colin-height">
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>
<div class="colin-t">text goes here</div>
<div class="colin-a">◥</div>

</div>
<div class="colin-padding2"></div>

<div class="colin-bg2">
<table><td><img src="http://placehold.it/100 class="colin-img"></td>
<td><div class="colin-name">SAMUEL</div>
</td></table></div>

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


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