Yesterday Part 1 (Roleplay Layout)

<div style="margin-left:auto;margin-right:auto;width:750px;">

<div style="float:left;width:750px;">

<div style="float:left;height:300px;width:750px;">

<img src="http://i.imgur.com/dXChAux.png" style="float:left;height:300px;width:750px;"/>

<div style="color:#ffffff;font-family:'Century Gothic';font-size:20px;float:left;font-weight:bold;letter-spacing:0px;margin-top:-70px;padding:20px;text-align:center;text-decoration:none;;text-transform:uppercase;width:710px;">Yesterday — It was a close call</div>

</div>

<div style="background:#333333;color:#ffffff;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:20px;text-align:left;text-decoration:none;text-transform:uppercase;width:710px;">
<a href="/" style="border-bottom:1px dotted #dd9944;color:#ffffff;margin-right:3px;text-decoration:none;">One</a>
<a href="/" style="border-bottom:1px dotted #dd9944;color:#ffffff;margin-right:3px;text-decoration:none;">Two</a>
<a href="/" style="border-bottom:1px dotted #dd9944;color:#ffffff;text-decoration:none;">Three</a>
<a href="http://www.asianfanfics.com/story/view/975280/" style="border-bottom:1px dotted #dd9944;color:#ffffff;margin-left:3px;text-decoration:none;">Credit</a> //
<font style="color:#dd9944;">Opened</font> January 1, 2015
— <font style="color:#dd9944;">9</font> Members
— <font style="color:#dd9944;">Newest Member</font> Seohyun
</div>

<div style="background:#eecc99;border:1px solid #dd9944;float:left;height:498px;overflow:hidden;width:148px;">
<div style="height:498px;overflow:auto;padding-right:30px;width:178px;">
<div style="height:auto;width:148px;">

<div style="float:left;margin-top:20px;width:148px;">

<font style="background:#dd9944;color:#ffffff;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:5px;text-align:left;text-decoration:none;text-transform:uppercase;">Admins</font>

<div style="background:#ffffff;color:#000000;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:10px;text-align:justify;text-decoration:none;text-transform:uppercase;width:128px;">

<div style="border-bottom:1px solid #dd9944;float:left;margin-bottom:10px;padding-bottom:10px;width:128px;">
<img src="http://i.imgur.com/PpOweQC.png" style="float:left;height:80px;width:128px;"/>
<div style="float:left;margin-top:10px;"><b>Admin Name</b></div>
</div>

<div style="border-bottom:1px solid #dd9944;float:left;margin-bottom:10px;padding-bottom:10px;width:128px;">
<img src="http://i.imgur.com/PpOweQC.png" style="float:left;height:80px;width:128px;"/>
<div style="float:left;margin-top:10px;"><b>Admin Name</b></div>
</div>

<div style="border-bottom:1px solid #dd9944;float:left;padding-bottom:10px;width:128px;">
<img src="http://i.imgur.com/PpOweQC.png" style="float:left;height:80px;width:128px;"/>
<div style="float:left;margin-top:10px;"><b>Admin Name</b></div>
</div>

</div>

</div>

<div style="float:left;margin-top:20px;width:148px;">

<font style="background:#dd9944;color:#ffffff;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:5px;text-align:left;text-decoration:none;text-transform:uppercase;">Status + Updates</font>

<div style="background:#ffffff;color:#000000;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:10px;text-align:justify;text-decoration:none;text-transform:uppercase;width:128px;">

<div style="border-left:1px solid #dd9944;border-right:1px solid #dd9944;border-top:1px solid #dd9944;float:left;margin-bottom:10px;width:126px;">
<div style="border-bottom:1px solid #dd9944;padding:5px;"><b>Status</b> Open</div>
<div style="border-bottom:1px solid #dd9944;padding:5px;"><b>Applications</b> Open</div>
<div style="border-bottom:1px solid #dd9944;padding:5px;"><b>EST</b> MM/DD/YY</div>
</div>

<b>MM/DD/YY</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<br>
<b>MM/DD/YY</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<br>
<b>MM/DD/YY</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

</div>

</div>

<div style="float:left;margin-bottom:20px;margin-top:20px;width:148px;">

<font style="background:#dd9944;color:#ffffff;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:5px;text-align:left;text-decoration:none;text-transform:uppercase;">Affiliates</font>

<div style="background:#ffffff;color:#000000;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;padding:10px;text-align:justify;text-decoration:none;text-transform:uppercase;width:128px;">

<div style="border-left:2px solid #dd9944;margin-left:10px;padding-left:5px;">
<a href="/" style="border-bottom:1px dotted #dd9944;color:#000000;text-decoration:none;">Affiliate Name</a>
<br>
<a href="/" style="border-bottom:1px dotted #dd9944;color:#000000;text-decoration:none;">Affiliate Name</a>
<br>
<a href="/" style="border-bottom:1px dotted #dd9944;color:#000000;text-decoration:none;">Affiliate Name</a>
<br>
<a href="/" style="border-bottom:1px dotted #dd9944;color:#000000;text-decoration:none;">Affiliate Name</a>
<br>
<a href="/" style="border-bottom:1px dotted #dd9944;color:#000000;text-decoration:none;">Affiliate Name</a>

</div>

</div>

</div>

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

<div style="float:left;height:500px;width:300px;">

<img src="http://i.imgur.com/nXVJYVU.jpg" style="float:left;height:500px;width:300px;"/>

<div style="float:left;height:250px;margin-top:-250px;width:300px;">

<img src="http://i.imgur.com/ee0Dtvo.png" style="float:left;height:250px;width:300px;"/>

<div style="float:left;height:210px;margin-top:-250px;padding:20px;width:260px;">

<div style="color:#dd9944;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;text-align:left;text-decoration:none;text-transform:uppercase;width:260px;">About Us</div>

<div style="background:#dd9944;float:left;height:3px;margin-bottom:10px;margin-top:5px;width:30px;"></div>

<div style="float:left;height:175px;overflow:hidden;width:260px;">
<div style="height:175px;overflow:auto;padding-right:30px;width:290px;">
<div style="height:auto;width:260px;">

<div style="color:#dd9944;font-family:'Century Gothic';font-size:10px;letter-spacing:0px;text-align:justify;text-decoration:none;text-transform:uppercase;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
<br><br>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
<br><br>
Suspendisse ac pede. Cras tincidunt pretium felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.
</div>

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

</div>

</div>

</div>

<div style="float:left;height:500px;width:300px;">

<div style="background:#dd9944;float:left;height:210px;padding:20px;width:260px;">

<div style="color:#ffffff;font-family:'Century Gothic';font-size:10px;float:left;letter-spacing:0px;text-align:left;text-decoration:none;text-transform:uppercase;width:260px;">Rules & Guidelines</div>

<div style="background:#ffffff;float:left;height:3px;margin-bottom:10px;margin-top:5px;width:30px;"></div>

<div style="float:left;height:175px;overflow:hidden;width:260px;">
<div style="height:175px;overflow:auto;padding-right:30px;width:290px;">
<div style="height:auto;width:260px;">

<div style="color:#ffffff;font-family:'Century Gothic';font-size:10px;letter-spacing:0px;text-align:justify;text-decoration:none;text-transform:uppercase;">
01. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<br>
02. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
<br>
03. Aliquam mattis porta urna.
<br>
04. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi.
<br>
05. Aenean id massa ut lacus molestie porta.
<br>
06. Curabitur sit amet quam id libero suscipit venenatis.
<br>
07. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
<br>
08. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus.
<br>
09. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
</div>

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

</div>

<img src="http://i.imgur.com/gFRQ1qx.png" style="float:left;height:250px;width:300px;"/>

</div>

</div>

</div>

</div>