Buckbeak Layout by Ruby

<style>
#blog {
	top: 60px;
	left: 30px;
	width: 600px;
	height: 200px;
	background-color: #FFFFFF;
	padding: 15px;
	overflow: hidden;
}
#blog2 {
	width: 550px;
	height: 160px;
	font: 8pt Tahoma;
	padding: 20px;
	overflow: auto;
}
A:link, A:visited, A:active {
	color: #5D7587;
	text-decoration: none;
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
}
A:hover {
	color: #ADADAD;
}
#blog img, #points img {
	display: inline !important;
}
.head {
	width: 350px;
	padding-bottom: 10px;
}
#links {
	top: 20px;
	left: 10px;
	width: 900px;
	padding: 5px 5px 10px 5px;
	text-align: center;
	color: #FFFFFF;
}
#links a {
	color: #FFFFFF;
	border-left: 1px dotted #EEEEEE;
	border-right: 1px dotted #EEEEEE;
	padding: 0px 20px 0px 20px;
}
#links a:hover {
	background: #678499;
}
#points {
	background: #FFFFFF;
	padding: 20px;
	top: 60px;
	left: 700px;
	height: 200px;
}
#points td {
	font: bold 6pt Verdana;
	color: #3C5A78;
	text-align: center !important;
}
b {
	color: #617C93;
}
strong {
	text-decoration: none;
	font-weight: bold;
	color: #B6D2CC;
	border-bottom: #C0C0C0 dotted 1px;
}
i {
	font-family: Georgia;
	color: #696969;
	letter-spacing: 1px;
}
BODY {
	background-color: #000000;
}
BODY, font, p, td, table {
	font: 8pt Arial;
	color: #000000;
}
.sf, #header, #footer, #ban, #template_nav, .sidebar, #superfooter {
	display: none !important;
}
hr {
	border: 0;
	height: 0;
}
.content p {
	margin-top: -55px;
}
tr, table, td {
	background: none;
}
.layout {
	top: 0px;
	left: 0px;
	display: inline !important;
}
</style><div id="close" style="position: absolute; top: 0px; left: 0px;"> </div>


<img src="http://i.imgur.com/UaihgHG.png" class="layout" style="position: absolute;"><div style="position: absolute; border-radius: 30px;" id="blog">
<div id="blog2">

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

<strong>June 23rd:</strong><br><b>New avatars for posting on the guild board!</b> They can be seen at Honeydukes. <br>
We have <i>so much</i> going on this term, so to make sure you don't miss out on anything, here's a little guide:<br><br><a href="/~weezely"><img src="http://imgur.com/FM1XxqT.png" style="height: 90px; border-radius: 100px; padding: 5px; border: 5px solid #CED3AF; float: left; margin-right: 50px; margin-left: 20px; background: #FFFFFF;"></a>

<li>Monthly Event (click the luggage to start)</li>
<li>AC Prize Shop</li>
<li>Impromptu AC Gaming hosted by staff</li>
<li> You have until the 25th to get your <a href="/~thecastle#auctions">Auction License</a>.
</li><li>Birthday Survey</li>
<li>Tons of classes, clubs, and activities</li>
<li>Petpet-themed auctions coming later this term</li>
<li>DTI Voting has started! <a href="/~maccarooon">Click Here to Vote</a>.

</li>

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









































<div style="position: absolute; letter-spacing: 1px;" id="links">
<a href="/guilds/guild_link.phtml?id=4180479"><b style="color: #FFFFFF;">Join</b></a>
<a href="/guilds/guild_board.phtml?id=4180479"><b style="color: #FFFFFF;">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>
</div>


<div style="position: absolute; border-radius: 30px;" 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>5130</td>
<td>7100</td>
<td>5605</td>
<td>3415</td>
</tr><tr><td colspan="4"><br><br><br><a href="/browseshop.phtml?owner=slugclubguild"><img src="http://i.imgur.com/aIBq9Rk.png" style="font: 10pt arial; border-radius: 20px;"><br>
7,593,190</a></td>
</tr></table></div>