liquidlifeH

<style>
table {
	background: none;
}
table a img, .sf {
	display: none;
}
body, td, font {
	font: 8pt Tahoma;
	color: #000;
	text-align: justify;
	letter-spacing: 1.5px;
	overflow: auto;
}
body {
	background: url("https://i.imgur.com/NrvRRvo.png");
	background-repeat: repeat;
}
#holder {
	background-color: #fff;
	width: 1200px;
	margin: auto;
}
#header {
	width: 1112px;
	height: 280px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: -1;
}
#temp {
	margin-top: -5px;
	margin-left: 0px;
	z-index: -1;
}
#header {
	width: 1112px;
	height: 280px;
	margin-top: 50px;
	margin-left: 44px;
}
#icon {
	margin-top: 280px;
	margin-left: 185px;
	width: 150px;
	height: 150px;
}
#intro {
	margin-top: 250px;
	margin-left: 345px;
	width: 670px;
	height: 400px;
}
#field {
	margin-top: 490px;
	margin-left: 225px;
	width: 230px;
	height: 25px;
}
#house {
	margin-top: 490px;
	margin-left: 515px;
	width: 230px;
	height: 25px;
}
#rank {
	margin-top: 490px;
	margin-left: 790px;
	width: 230px;
	height: 25px;
}
#awards {
	margin-top: 525px;
	margin-left: 50px;
	width: 745px;
	height: 395px;
	overflow: hidden;
}
#awards:hover {
	overflow: auto;
}
#awards td {
	font: 8pt Tahoma;
	color: #000;
	text-align: right;
	letter-spacing: 1.5px;
	vertical-align: top;
	padding-bottom: 5px;
	border-bottom: 3px dashed #75426e;
}
.one {
	color: #000;
	width: auto;
	padding: 3px;
}
#pages {
	margin-top: 740px;
	margin-left: 815px;
	width: 340px;
	height: 240px;
	overflow: hidden;
}
#pages:hover {
	overflow: auto;
}
#pages a.image {
	display: block;
}
#pages th {
	font: 8pt Tahoma;
	color: #000;
	text-align: justify;
	letter-spacing: 1.5px;
	vertical-align: top;
}
#memberinfo {
	margin-top: 535px;
	margin-left: 815px;
	width: 340px;
	height: 225px;
	overflow: hidden;
}
#memberinfo:hover {
	overflow: auto;
}
#feed {
	margin-top: 922px;
	margin-left: 50px;
	width: 590px;
	height: 40px;
}
#lolone {
	margin-top: 946px;
	margin-left: 660px;
	width: 125px;
	height: 25px;
}
#comhold {
	background: #8a84d7;
	margin-top: 985px;
	margin-left: 42px;
	width: 755px;
	height: auto;
	padding: -blocked-;
}
#here {
	background: #dadada;
	width: 755px;
	height: auto;
	padding: 2px;
}
#here th {
	font: 8pt Tahoma;
	color: #000;
	text-align: justify;
	letter-spacing: 1.5px;
	vertical-align: top;
}
blockquote {
	background: #fff;
	margin-left: -2px;
	width: 755px;
	height: auto;
	border-bottom: 5px solid #ceb333;
}
#links {
	margin-top: 10px;
	margin-left: 60px;
	width: 1112px;
	height: 25px;
}
h1 {
	font: 24pt tahoma;
	color: #2a2a2b;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	margin-bottom: -2px;
}
h2 {
	font: 16pt tahoma;
	color: #101016;
	font-weight: bold;
	text-transform: lowercase;
	margin-bottom: -2px;
}
h3 {
	font: 13pt tahoma;
	color: #101016;
	font-weight: bold;
	text-transform: lowercase;
	margin-bottom: -2px;
}
h4 {
	font: 13pt tahoma;
	color: #101016;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-align: right;
	margin-bottom: -2px;
	padding-right: 65px;
}
a {
	display: block;
	font: 17pt tahoma;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	text-decoration: none;
}
a:hover {
	color: #ceb333;
}
a.nav:link, a.nav:visited, a.nav:active {
	display: inline-block;
	color: #000;
	font-size: 18pt;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing: -2px;
	text-transform: uppercase;
}
a.nav:hover {
	color: #000;
	cursor: se-resize;
}
</style><div id="holder">
<div id="header" style="position: absolute;"><img src="https://i.imgur.com/CrXfgIM.png"></div>

<div id="temp" style="position: absolute;"><img src="https://i.imgur.com/8ilBmZx.png"></div>

<div id="icon" style="position: absolute;"><img src="https://i.imgur.com/auXIA0c.png"></div>

<div id="field" style="position: absolute;">HOUSE</div>
<div id="house" style="position: absolute;">STUDENT/HEAD OF HOUSE</div>
<div id="rank" style="position: absolute;">PHILOSOPHER'S STONE</div>

<div id="feed" style="position: absolute;"><h1>my feed</h1></div> <div id="lolone" style="position: absolute;"><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=sheerliquidluck&subject=liquidLIFE">INTERACT</a></div>

<div id="intro" style="position: absolute;"><h1>your username</h1> you can write about yourself in here. there's a pretty decent chunk of space, so don't worry about being worried. if you don't know what to type up about yourself tell us your favorite movies/shows/books and/or talk about the amount of prepping you've done for the zombie apocalypse, the first job you wanted to have "when you grew up", and an atypical accomplishment you're proud of. that should fill in this space. c:
</div>

<div id="awards" style="position: absolute;">
<h1>ACHIEVEMENTS</h1>
<table><tr><th class="one"><img src="http://i.imgur.com/gidda8D.png"></th>
<th class="one"><img src="https://i.imgur.com/2WPm2Js.png"></th><th class="one"><img src="http://i.imgur.com/iHMcoOP.png"></th>
<th class="one"><img src="http://i.imgur.com/iHMcoOP.png"></th><th class="one"><img src="http://i.imgur.com/iHMcoOP.png"></th>
<th class="one"><img src="http://i.imgur.com/iHMcoOP.png"></th>
</tr></table></div>

<div id="memberinfo" style="position: absolute;">
<h1>About Me</h1>
<b>name:</b> your name here
<br><b>gender:</b> your gender
<br><b>bday</b>: day/month
<br><b>star sign:</b> cancer/leo/virgo/etc
<br><br><b>Amortentia:</b> link to quiz coming soon
<br><b>Animagus:</b> link to quiz coming soon
<br><b>Blood Status:</b> muggle-born, half-blood, pure-blood
<br><b>Boggart:</b> link to quiz coming soon
<br><b>Patronus:</b> link to quiz coming soon
<br><b>Wand:</b> if you didn't take your quiz for this yet, visit ollivander's</div>


<div id="pages" style="position: absolute;">
<h1>Member Pages</h1>
<table width="100%"><tr><th><br><img src="http://i.imgur.com/GZHuOFT.gif"></th>
<th width="230">
<a href="/" class="nave">shop name</a> info about page.
<br>last updated: 02272018
</th></tr><tr><th><br><img src="http://i.imgur.com/JrA1FY8.gif"></th>
<th width="230">
<a href="/" class="nave">club name</a> info about page
<br>last updated: 02272018
</th></tr><tr><th><br><img src="http://i.imgur.com/JoXbKxE.gif"></th>
<th width="230">
<a href="/" class="nave">class name</a> info about page
<br>last updated: 02272018
</th></tr><tr><th><br><img src="http://i.imgur.com/GZHuOFT.gif"></th>
<th width="230">
<a href="/" class="nave">shop name</a> info about page.
<br>last updated: 02272018
</th></tr></table></div>






<div id="comhold" style="position: absolute;">
<div id="here" style="position: absolute;">
<blockquote>
<table width="100%"><tr><th><img src="http://i.imgur.com/RUYHcNW.png"></th>
<th width="650">
<h2>Year 1</h2>
You will put the updates we give you <p>
in like this.</p><p>
The newest go on the bottom.</p><p>
So it reads like a little story</p><p>
of your time at Hogwarts in Liquid Luck.</p><p>
</p></th></tr></table></blockquote>









</div></div>
<div id="links" style="position: absolute;"><center><a href="/guilds/guild.phtml?id=4174717" class="nav">LIQUID LUCK</a> <a href="/~liquidluckguild" class="nav">THE WEBBIE</a> <a href="/~llgreathall" class="nav">THE GREAT HALL</a> <a href="/~sorcerpher" class="nav">THE PLOT PAGE</a> <a href="/~sorcerpher" class="nav">THE EXPRESS</a>
</center></div>
</div>