Clue Layout

<style>
table, td {
	background: none;
}
#header, #footernifty, #footer, .sidebar, #ban, .content table table img, table table table table table, .contentheader, .contentmoduleheaderalt, table table table table table {
	display: none;
}
.content p {
	margin-top: -40px;
}
.content table p {
	display: block;
}
#main {
	background: none;
	margin-top: 0px;
	margin-left: 0px;
	border: none;
}
.content table .content table img {
	display: inline;
}
.codingbycheese_louise:donotremovethis {
	display: none;
}
table table table table {
	margin-left: 10px !important;
	margin-top: 10px;
	width: 180px;
}
table table table table font {
	font: 8pt verdana;
	color: #000;
	line-height: 13px;
}
table table table table font b {
	color: #221606;
}
body {
	background: url("https://i.imgur.com/VgUtGCB.png") left top no-repeat;
	background-attachment: absolute;
}
#textbox {
	top: 185px;
	left: 315px;
	overflow: auto;
	width: 470px;
	height: 400px;
	font: 9pt verdana;
	line-height: 11px;
	color: #000;
	text-align: left;
}
h1 {
	font: 14pt georgia;
	font-style: italic;
	letter-spacing: 3px;
	color: #221606;
	line-height: 10px;
	background: transparent;
	height: 20px;
	text-align: center;
}
a:link, a:visited {
	color: #ac9074;
	font: 9pt georgia;
	font-style: italic;
	letter-spacing: 1px;
}
a:hover {
	color: #553c27;
}
b {
	font: 10pt century gothic;
	color: #553c27;
	font-weight: bold;
}
i {
	font: 10pt century gothic;
	color: #e8b236;
        font-style: italic;
}
.points {
	top: 360px;
	left: 1015px;
}
#points a {
	color: #66645E;
	display: inline-block;
}
#points td {
	color: #5B5D61;
	text-align: center !important;
}
#blog ul {
	background: #EAEDF2;
	text-align: justify;
	padding: 20px;
	border-bottom: 10px solid #A7AFC4;
	margin: 0px 20px 0px 20px;
}
#blog img, #points img {
	display: inline !important;
}
#blog {
	width: 420px;
	height: auto;
	background-color: #FFFFFF;
	padding: 15px;
	overflow: hidden;
	text-align: justify;
	padding-bottom: 50px;
}
.head {
	width: 400px;
	padding-bottom: 10px;
}
</style>

<div id="textbox" style="position: absolute;">
<div id="blog"><br><center><img src="http://i.imgur.com/sTtGe29.png" class="head"></center>

<strong>May 1st:</strong> Our new term has started! Check out the details below for what's happening:

<br><br><center><ul>
<li>CLUE ANNOUNCEMENT</li>
<br>
<li>Check out the <a href="/~turoa">Recycle Center</a>, available during this term to earn some Galleons.</li>
<br>
<li>All of the buyable avatars at <a href="/~tehai">Honeydukes</a> will be retiring on May 28th. A new set will be available beginning on June 1st.</li>
<br>
<li>A few items at <a href="/~slugclubshops">Diagon Alley</a> will be retiring at the end of this term. Be sure to look for any items in red and snag them while you can!</li>
</ul></center></div> </div>








<div style="position: absolute;" class="points">
<br>
<table><tr align="center">
<td><a href="/~lions_commonroom"><img src="http://i.imgur.com/C7UY6Ex.png"></a></td>
<td><a href="/~badgers_commonroom"><img src="http://i.imgur.com/hY2ns7j.png"></a></td>
<td><a href="/~eagles_commonroom"><img src="http://i.imgur.com/IOmyM3g.png"></a></td>
<td><a href="/~snakes_commonroom"><img src="http://i.imgur.com/IvFpcKA.png"></a></td>
<td><a href="/~scg_staffroom"><img src="https://i.imgur.com/w9gmcUp.png" height="40"></a></td>
</tr>
<tr align="center">
<td>0000</td>
<td>0000</td>
<td>0000</td>
<td>0000</td>
</tr>
</table>

<br>
<center>
<a href="/browseshop.phtml?owner=slugclubguild"><img src="http://i.imgur.com/JWmEtYn.png"><br>19,192,933 NP</a></center>
<br>
<center>
<a href="/~thefloonetwork">Floo Network</a><br>
<a href="/~wbweekly">Witch Bi-Weekly</a><br>
<a href="/~Vanolea">Birthday Survey</a><br>
<a href="/neoboards/topic.phtml?topic=160278924">Advertise</a>
</center>

</div>

#553c27
#ac9074