Wizards Chess Layout by Ruby

<style>
#blog {
	top: 150px;
	left: 30px;
	width: 500px;
	height: auto;
	background-color: #FFFFFF;
	padding: 15px;
	overflow: hidden;
	text-align: justify;
}
A:link, A:visited, A:active {
	color: #64696E;
	text-decoration: none;
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
}
A:hover {
	color: #46455B;
}
#blog img, #points img {
	display: inline !important;
}
.head {
	width: 350px;
	padding-bottom: 10px;
}
#links {
	top: 15px;
	left: 10px;
	width: 900px;
	padding: 5px 5px 10px 5px;
	text-align: center;
}
#links a {
	color: #C6774E;
	border-left: 1px dotted #909095;
	border-right: 1px dotted #909095;
	padding: 0px 20px 0px 20px;
}
#links a:hover {
	background: #F3F1F5;
}
#points {
	top: 80px;
	left: 60px;
}
#points td {
	font: bold 6pt Verdana;
	color: #3C5A78;
	text-align: center !important;
}
b {
	color: #19203F;
}
strong {
	text-decoration: none;
	font-weight: bold;
	color: #C6774E;
	border-bottom: #19203F dotted 1px;
}
i {
	font-family: Georgia;
	color: #C6774E;
	letter-spacing: 1px;
}
BODY {
	background-color: #111C35;
	overflow: hidden !important;
}
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;
}
blockquote {
	background: #F6EEDC;
	padding: 20px;
	width: 80%;
	margin: 0px;
	text-align: left;
}
</style><img src="http://imgur.com/Oc5P78v.png" class="layout" style="position: absolute;"><div style="position: absolute; border-radius: 30px;" id="blog">

<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><center><blockquote style="border-radius: 30px;"><a href="/~weezely"><img src="http://imgur.com/FM1XxqT.png" style="height: 90px; border-radius: 100px; padding: 5px; border: 5px solid #F3F1F5; float: left; margin-right: 30px; 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></blockquote></center>
<br></div>




<div style="position: absolute; letter-spacing: 1px;" id="links">
<a href="/guilds/guild_link.phtml?id=4180479"><b style="color: #595972;">Join</b></a>
<a href="/guilds/guild_board.phtml?id=4180479"><b style="color: #595972;">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>5130</td>
<td>7100</td>
<td>5605</td>
<td>3415</td>
<td width="150"></td>
<td rowspan="2"><br><br><a href="/browseshop.phtml?owner=slugclubguild"><img src="http://i.imgur.com/JWmEtYn.png" style="float: left;">7,593,190</a></td>
</tr><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></table></div>