joe's phone.

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><style type = "text/css">.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }.whitephonecolor { background: #d3d8e1; width: 218px; height: 90px;}.whitephonecolorp { padding: 10px; }.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }.whitephonesend { background-color: #e6e6e6; width: 198px; padding: 10px; }.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }.whitephoneimg img{ border-radius: 100%; }#CHARNAME.whitephonecolor{ background-color: #PRETTYCOLOR; }</style><center><div id="CHARNAME"><div class="whitephonewrap"><div class="whitephonewrap2"><div class="whitephonebkg"><div class="whitephonecolor"><div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div><div class="whitephonecolorp"><table><tr><td><div class="whitephoneimg"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRU8CRapUN8uXsoL7nmubA7PgJXdFOozTSBPsyGQJszNTE0c_8T" width="35px"></div></td><td><div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-right: 2px;" width="20px"></a>ezra  [img]http://twemoji.maxcdn.com/16x16/1f338.png[/img]  </div><div class="whitephonetext">ONE NEW TEXT MESSAGE!</div></td></tr></table></div></div></div><div class="whitephonetextwrap"><div class="whitephonetextwrap2"><div style="padding-top: 10px;"></div><table><tr><td><div class="whitephonebubble">MESSAGE</div></td></table></div><div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table></div></div></div></div></div></div></center>