Hurricane Avenue

<div style="margin:auto;width:700px;height:700px;background-color:#8a9b95;color:#ede5d5;line-height:12px;font-size:11px;text-align:justify;font-family:'Helvetica';">
    <div style="float:left;width:700px;height:700px;">
        <div style="float:left;width:475px;height:700px;">
            <div style="float:left;width:475px;height:700px;">
                <img src="https://lh6.googleusercontent.com/--56e9yAAwoo/U6pChi6VL7I/AAAAAAAAACk/Lxni5tsNAHM/s640/HimchanCT_zps87586b62.png" style="float:left;width:475px;height:700px;padding:3px;margin:-3px;">
            </div>
            <div style="float:left;width:475px;height:280px;margin-top:-298px;">
                <div style="float:right;width:220px;height:280px;margin-right:18px;">
                    <div style="float:left;width:220px;height:64px;">
                        <iframe width="220" height="64" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/102666349&color=8a9b95&&show_artwork=false"></iframe>
                    </div>
                    <div style="float:left;width:220px;height:208px;margin-top:8px;background-color:#f5f5f5;">
                        <div style="float:left;margin-top:4px;margin-left:4px;height:198px;width:202px;border:solid 1px #ddd2be;overflow:auto;padding-right:8px;">
                            <div style="float:left;padding:8px;color:#000000;">
                                <p style="padding:0;margin:0;">Ut interdum blandit pharetra. Nam tempus fringilla nunc vel vestibulum. Cum sociis natoque magnis dis parturient montes penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse condimentum massa cursus nibh pretium, tempus volutpat velit posuere.</p> <br/>
                                <p style="padding:0;margin:0;">Ut interdum blandit pharetra. Nam tempus fringilla nunc vel vestibulum. Cum sociis natoque magnis dis parturient montes penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse condimentum massa cursus nibh pretium, tempus volutpat velit posuere.</p> <br/>
                                <p style="padding:0;margin:0;">Interdum et magnis dis parturient montes malesuada fames ac ante ipsum primis in faucibus. Curabitur quam est, mollis a metus magnis dis parturient montes in, bibendum mollis ligula. Quisque ac dui massa.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float:right;margin-right:10px;margin-top:80px;width:209px;color:#fbfaf1;text-align:right;">
                    <div style="float:right;width:209px;font-size:23px;line-height:23px;">june</div>
                    <div style="float:right;width:209px;font-size:63px;line-height:60px;letter-spacing:2px;">07</div>
                </div>
            </div>
        </div>
        <div style="float:right;width:225px;height:700px;">
            <div style="float:left;width:225px;height:225px;background-color:#a3aea4;">
                <div style="float:left;padding:18px;">
                    <img src="https://lh6.googleusercontent.com/-ea5TcJu7mTw/U6pChMPnmQI/AAAAAAAAACU/bKhb7riDIQo/s189/HimchanCTSide_zpsb3643457.png" style="float:left;width:189px;height:189px;padding:3px;margin:-3px;">
                </div>
            </div>
            <div style="float:left;background-color:#f5f5f5;height:30px;width:225px;line-height:30px;text-align:center;color:#8a9b95;text-transform:uppercase;">
                <a href="#" style="color:#8a9b95;">I.</a>
                <a href="#" style="color:#8a9b95;margin-left:8px;">II.</a>
                <a href="#" style="color:#8a9b95;margin-left:8px;">III.</a>
                <a href="#" style="color:#8a9b95;margin-left:8px;">IV.</a>
                <a href="#" style="color:#8a9b95;margin-left:8px;">V.</a>
                <a href="#" style="color:#8a9b95;margin-left:8px;">VI.</a>
                <a style="color:#8a9b95;margin-left:8px;" title="Coded by flamzfox at Cerulean Themes" href="http://www.asianfanfics.com/story/view/576337">&copy;</a>
            </div>
            <div style="float:left;padding:18px;color:#f5f5f5;">
                <div style="float:left;text-align:center;line-height:60px;font-size:55px;font-family:'Pacifico';width:189px;">himchan</div>
                <div style="float:left;width:181px;height:331px;overflow:auto;padding-right:16px;">
                    <p>Praesent non rhoncus sapien, ut lobortis elit. Aliquam magna neque, sodales ut elit a, nunc accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convallis ac nunc. Maecenas vel luctus est. Nullam consequat consequat nisl, vitae bibendum dolor tempor sed. Aenean mollis a metus magnis mollis a metus magnis condimentum neque in pharetra rhoncus.</p>
                    <p>Cum sociis natoque penatibus et magnis dis parturient nunc montes, nascetur ridiculus mus. Suspendisse nunc condimentum massa cursus nibh pretium mollis a metus magnis mollis a metus magnis, tempus volutpat velit posuere. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur quam est, mollis a metus in, bibendum mollis ligula. Quisque ac dui massa.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<p>&nbsp;</p>