Dirigible Plums by Ruby

<style>
#blog {
    width: 750px;
    margin-left: 0px;
    height: 340px;
    overflow: auto;
    font: 8pt Tahoma;
    text-align: justify;
    padding: 15px;
}
A:link, A:visited, A:active {
    color: #8F8F8F;
    text-decoration: none;
    font-size: 7pt;
    font-weight: bold;
    text-transform: uppercase;
}
A:hover {
    color: #ECC23A;
}
#blog img, #points img {
    display: inline !important;
}
.head {
    width: 350px;
    padding: 10px;
}
#links {
    top: 510px;
    left: 0px;
    width: 100%;
    padding: 5px 5px 10px 5px;
    text-align: center;
    color: #000000;
}
#links a {
    color: #C6774E;
    border-left: 1px dotted #909095;
    border-right: 1px dotted #909095;
    padding: 0px 14px 0px 14px;
}
#links a:hover {
    background: #F3F1F5;
}
#points {
    background: #F7F8F7;
    float: right;
    padding: 0px 30px 0px 30px;
    width: 140px;
    margin: 10px 30px 30px 10px;
}
#points td {
    font: bold 6pt Verdana;
    color: #6F6F6F;
    text-align: center !important;
}
blockquote {
    background-color: #ECF1EC;
    padding: 30px;
    width: 535px;
    text-align: left;
    margin-left: 0px;
}
b {
    color: #69BBAE;
}
strong {
    text-decoration: none;
    font-weight: bold;
    color: #DF3D26;
    border-bottom: #C0C0C0 dotted 1px;
}
i {
    font-family: Georgia;
    color: #809280;
    letter-spacing: 1px;
}
BODY {
    background: #809280;
}
BODY, font, p, td, table {
    font: 8pt Arial;
    color: #404143;
}
.sf, #header, #footer, #ban, #template_nav, .sidebar, #superfooter {
    display: none !important;
}
hr {
    border: 0;
    height: 0;
}
#main, .content p {
    margin-top: 0px;
    border: 0px;
}
tr, table, td {
    background: none;
}
.layout {
    top: 0px;
    left: 0px;
    width: 100%;
}
#main {
    background: none;
    border: none;
}
</style><div class="layout" style="position: absolute; background: url('http://i.imgur.com/a1kya8y.png') no-repeat top center; width: 100%; height: 1000px;"></div>



<div style="position: absolute; top: 540px; left: 0px; width: 100%; height: 370px; overflow: hidden;">
<center>

<div id="blog">

<div id="points"><br><br><table><tr><td><a href="/~thefatlady_"><img src="http://i.imgur.com/C7UY6Ex.png"></a></td>
<td><a href="/~nearthekitchens"><img src="http://i.imgur.com/hY2ns7j.png"></a></td>
<td><a href="/~ravenclawtower"><img src="http://i.imgur.com/IOmyM3g.png"></a></td>
<td><a href="/~inthedungeons"><img src="http://i.imgur.com/IvFpcKA.png"></a></td>
</tr><tr><td>3135</td>
<td>5940</td>
<td>4566</td>
<td>1810</td>
</tr></table><br><br><br><center>
<a href="/browseshop.phtml?owner=slugclubguild"><img src="http://i.imgur.com/aIBq9Rk.png" style="font: 10pt arial;"><br><br>
7,593,190</a></center>
<br><br></div>


<center><img src="http://imgur.com/u4nYaCC.png" class="head"></center>

<strong>June 29th:</strong><br><br><b>Congratulations, Hufflepuff and Elle!</b><br><br><center>
<img src="http://i.imgur.com/nxugQtZ.png"><img src="http://i.imgur.com/fcYino1.png"></center>
<br><br><li>Hufflepuff takes term 4 in a huge victory! Gryffindor came in second, followed by Ravenclaw with Slytherin trailing at the end of the pack. Better luck next term!</li><br><br><li>Term 5 will start on Monday, July 1.</li>


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




<div style="position: absolute; letter-spacing: 1px;" id="links">
<a href="/guilds/guild_link.phtml?id=4180479"><b>Join</b></a>
<a href="/guilds/guild_board.phtml?id=4180479"><b>Chat</b></a>
<a href="/~thefloonetwork">The Floo Network</a>
<a href="/~shophogsmeade">Hogsmeade</a>
<a href="/~sonaeko">AC Prize Shop</a>
<a href="/~Vanolea">Birthday Survey</a>
<a href="/~naashie">Witch Bi-Weekly</a>
</div>