<style>
table {
    background: none;
}
table a img, .sf {
    display: none;
}
body, font, td, th, p, .medText {
    font-family: tahoma;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    cursor: default;
}
body {
    background: url("http://i.imgur.com/RP6Lavw.png") top center;
}
td {
    text-align: center;
}
th img {
    width: 200px;
    height: 60px;
}
.look {
    width: 239px;
    height: 142px;
}
.ups {
    width: 88px;
    height: 142px;
}
h1 {
    color: #ebe832;
    font: 15pt constantia;
    margin-top: 0px;
    margin-bottom: -1px;
    padding: 1px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-style: italic;
}
h1:hover {
    color: #000;
}
h2 {
    color: #000;
    font: 10pt georgia;
    margin-top: 0px;
    margin-bottom: 2px;
    padding: 1px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}
h3 {
    letter-spacing: 1px;
    color: #ebe832;
    font: 15pt constantia;
    margin-top: 0px;
    margin-bottom: -1px;
    padding: 1px;
    text-align: left;
    text-transform: lowercase;
}
h3:hover {
    color: #000;
}
b {
    color: #f2bc5f;
    font-weight: bold;
}
i {
    font-style: italic;
    font-family: georgia;
}
textarea {
    border: 1px solid #000;
    background-color: #363636;
    font-family: courier new;
    font-size: 10px;
    color: #bbbbbb;
    height: 31px;
    width: 88px;
}
textarea:hover {
    background-color: #494949;
    color: #d4911c;
}
a:link, a:active, a:visited {
    color: #c5bf68;
    font: 10px tahoma;
    text-decoration: none;
    letter-spacing: 1px;
}
.profile:link {
    font: 40pt arial;
}
a:hover {
    color: #f2bc5f;
    text-decoration: none;
}
.nav:link, .nav:active, .nav:visited {
    color: #000;
    font: 9px arial;
    background: #faf9c8;
    border-bottom: 3px solid #ffffff;
    display: block;
    padding: 10px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 3px;
}
.nav:hover, .top:hover {
    color: #b7ac18;
    font-style: italic;
    background: #ffffff;
    border-right: 40px solid #faf9c8;
}
img {
    margin: 3px;
    background: transparent;
    padding: 2px;
    border: 1px transparent solid;
}
#headerimg {
    background: url("http://i.imgur.com/8PbqY2W.png") no-repeat top center;
    width: 100%;
    height: 662px;
    top: 0px;
    left: 0px;
    z-index: -1;
}
#main {
    text-align: justify;
    width: 920px;
    overflow: auto;
    background: #ffffff;
    padding: 20px;
    height: 500px;
}
#container {
    margin-top: 530px;
    left: 0px;
    width: 100%;
    height: 580px;
    overflow: hidden;
}
.sidebar {
    height: 500px;
    width: 200px;
    float: left;
    overflow: hidden;
}
.anchors {
    overflow: hidden;
    height: 500px;
    padding-left: 15px;
}
.part {
    padding-right: 10px;
    height: 500px;
    overflow: auto;
}
.bg {
    padding: 5px;
    overflow: hidden;
    width: 70%;
    text-align: center;
    background: #fefef1;
}
</style><div id="headerimg" style="position: absolute;"> </div>

<div id="container" style="position: absolute;"><center>

<div id="main" style="border-radius: 30px;">




<div class="sidebar">
<h3>common room</h3>
<p><a href="#clear" class="nav">Clear</a>
<a href="#activities" class="nav">Activities</a>
<a href="#graphics" class="nav">Graphics</a>
<a href="#userprofiles" class="nav">Profiles</a>
<a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=icanhaskaila" class="nav">Neomail HOH</a><br><br><b>Head of House: </b> None currently!;<br><br>As we're currently lacking a Hufflepuff Head of House, Kayla (<a href="http://www.neopets.com/userlookup.phtml?user=icanhaskaila">icanhaskaila</a>) will be filling in and responding to any concern or submission from our beloved Hufflepuffs c:
<br><br></p><h3>guild</h3>
<a href="/guilds/guild.phtml?id=4176524" class="nav">Castle</a>
<a href="/~Joesln" class="nav">Grounds</a>
</div>



<div class="anchors">
<div id="clear" class="part">
<h1>Welcome</h1>
Welcome to the Hufflepuff Common Room! As you can see, our common room is round and earthy with a low-ceiling; it always feels sunny, and its circular windows have a view of rippling grass and dandelions. There is a lot of burnished copper about the place, and many plants, which either hang from the ceiling or sit on the windowsills.<br><br>

Please remember that in order to enter our common room, you must find your way to the base ment, and then proceed to look for a tiny nook on the right hand side of the kitchen corridor. It is concealed behind a stack of barrels. In order to reveal the entrance, no code is required. Instead, just tap the barrel two from the bottom, middle of the second row, in the rhythm of 'Helga Hufflepuff', which will make the lid swing open, exposing a passageway that will lead to the base ment when crawled through. However, if the wrong lid is tapped or the wrong rhythm is used, the intruder will be doused in vinegar and barred access. I would hate to see that happen to one of you.<br><br>

Our Head of house, Professor Pomona Sprout, is Head of Herbology, and she brings the most interesting specimens (some of which dance and talk) to decorate our room – one reason why Hufflepuffs are often very good at Herbology. Our overstuffed sofas and chairs are upholstered in yellow and black, and our dormitories are reached through round doors in the walls of the common room. Copper lamps cast a warm light over our four-posters, all of which are covered in patchwork quilts, and copper bed warmers hang on the walls, should you have cold feet.<br><br>

You can find all of our house exclusive content on this very page. Our activities are a very easy way to earn house points that will add up over the month. At the very end of the month, the house cup will be announced and us Hufflepuffs will reign as champions! Er, wait, did I say that out loud? I meant to say that the, um, best house will come out on top. Which, is us (laughs), of course.
<br><br>


<h1>House Trophies</h1>
<center>

<div class="bg">
<img src="http://i.imgur.com/r5S52fl.png" title="House Cup - Year One, Term One">
</div>
</center>
</div>






<div id="activities" class="part">

<h1>Activities</h1>
All of our activities are worth <b>5 house points</b> and <b>1 Hogwarts Coin</b> when completed correctly. If you resubmit an incorrect activity you will receive only <i>2 house points</i> for a corrected answer. <i>Last updated: Sunday March 5th for Term 2!</i><br><br><h3>Confundus</h3>
You don't know who it was, or why for that matter! Another classmate has placed a confundus charm on you as you are completing your <i>Potions</i> homework. You are attempting to answer one of Professor Nova Belle's questions when one of the words appears to be a bit jumbled. If you concentrate hard enough, you should be able to figure out what it is...right? You sure hope so, at least.<br><br><center><b style="text-transform: uppercase; letter-spacing: 10px;">cnrudola</b></center>


<br><h3>Fat Friar's Challenge</h3>
<div class="bg" style="text-align: justify; float: right; width: 200px; margin-top: -10px;"><img src="http://images.neopets.com/neoboards/avatars/spottedgelert.gif" style="float: left;"><b style="line-height: 20px;">Spotted Gelert</b><br>
Unlocked by visiting the pet lookup of any Spotted Gelert.</div>
The Fat Friar challenges you to earn an avatar, either from <a href="/~Nyaxin">Hogsmeade</a> or just on Neopets.com!<br>Once you have earned the avatar to the right, neomail me saying that you have done so, and I'll check your Trunk! If it is a Neopets avatar, post on the board with it and send me the the time and date you posted that message :)

<br><br><br><h3>House Elf Help</h3>
As you are leaving your common room, you notice that a house elf appears to be very upset and crying right outside of the kitchen doors. Concerned, you go up and ask the poor thing what's wrong. She tells you that she was responsible for taking the Headmistress's order to her office-- but panicked and is not sure what the names of the items are that she had ordered. You offer to help her out. Can you name the items that are below for her? Perhaps then she can figure out which item it was that the Headmistress had ordered... <b>Theme:</b> Ducks
<center>
<img src="http://images.neopets.com/items/sch_battleduck_pad.gif">
<img src="http://images.neopets.com/items/toy_box_duck.gif">
<img src="http://images.neopets.com/items/negg_yellowmallard.gif"></center>


<br><h3>Trivia Time</h3>
It's after dinner and everyone's gathered in the Common Room with their warm soup bellies, just having a jolly ol' time. Someone issues a trivia challenge. Can you tell me the answer to this semi-obscure question?<br><b>What is (at least) one thing Hagrid should not have told Harry, Ron and/or Hermione but did?</b>


<br><br><h3>Who am I?</h3>
Can you tell me what Harry Potter character I'm referring to from the three clues below?<br><br>
　　　　　　<b>1)</b> Ate a pound of poisonous Doxy eggs　　　　　　<b>2)</b> He's a Keeper　　　　　　<b>3)</b> Name rhymes with <i>Swiggity Swaggin'</i>
<br><br></div>






<div id="graphics" class="part">

<h1>Graphics</h1>
Feel free to show off your 'Puff Pride with these Hufflepuff-related graphics. Submitting buttons, banners, or fonts will earn you <b>10 house points</b>, and submitting a coded userlookup earns you <b>15 house points</b>! To submit, put your graphic(s) on a petpage and send them to Kayla. Not all entries may be added to the page, but any submissions will earn you points!<br><br><center><b>Drag and drop the previews of the graphics or fonts to your URL bar to view them larger!</b></center><br><br><h3>Banners</h3>
<center>
<div class="bg">
Currently, nothing.
</div>
</center>




<br><br><h3>Buttons</h3>
<center>
<div class="bg">
Currently, nothing.
</div>
</center>




<br><br><h3>Signatures</h3>
<center>
<table width="660"><tr><th width="200">
<img src="http://i.imgur.com/nc3wMb6.png"><br>Submitted by Hanna (<a href="/randomfriend.phtml?user=musicboxwaltz5">musicboxwaltz5</a>)
</th><td width="88"><textarea>[center]*witch* [br][fonts=1c=0][i]you might belong in [/i][/font][p][center][fontf=tahoma=2]neoHTML[/font][p][b][i] [</textarea><textarea>] ⚡[fontf=georgias=2c=yellow]HUFFLEPUFF[/font]⚡ [br][sup]in [br][b] Patronus [/b][/sup] [/font][/center] </textarea></td>



<th width="200">
<img src="http://i.imgur.com/7aeRYt1.png"><br>Submitted by Kayla (<a href="/randomfriend.phtml?user=icanhaskaila">icanhaskaila</a>)<br><b>Requires a Neoboard Pen</b>
</th><td width="88">
<textarea>[center][fontc=0]neoHTML[/font][p][fontc=ecb939]【　[/font][fonts=1f=arialc=726255]N A M E[/font][fontc=ecb939f=georgia]　】[</textarea><textarea>]　　　　　[br]　　　[i]hufflepuff student[/i] [/font][br]　　　　　　　[fontc=f0c75e][b]⚡　[/b][/font][fonts=3f=georgiac=372e29]in [i]Patronus[/i][/font][p][/center]</textarea></td>
</tr></table></center>




<br><br><h3>Userlookups</h3>
<center>
<table width="100%"><tr><td><img class="look" src="http://i.imgur.com/Cb50Sbu.png"></td><td><textarea class="ups"><style>
body {
    background: #1a1a1a url("http://i.imgur.com/HBQqhh7.png") no-repeat bottom center fixed;
    text-transform: lowercase;
    overflow: hidden;
}
td {
    font: 8pt tahoma;
    color: #000000;
}
.sf, .copyright, hr, #footer, .footerNifty, #userneohome, #ncmall, #header, #ban, #usercollections img {
    display: none;
}
.contentModuleTable, .contentModule {
    border: none;
    background: none;
}
#main {
    font: 7pt tahoma;
    margin-top: 0px;
    width: 700px;
    height: 380px;
    border: none;
    border-top: 30px solid #f8df10;
}
#content {
    width: 700px;
    height: 380px;
    overflow: auto;
    border: none;
    margin-top: 0px;
    font: 7pt tahoma;
}
#userinfo {
    width: 300px;
    font: 7pt tahoma;
}
#usertrophies {
    width: 650px;
}
h1, .contentModuleHeader, .contentModuleHeaderAlt {
    border: none;
    color: #f8df10;
    text-align: left;
    font: 10pt georgia;
    background: none;
}
b, i {
    color: #111111;
    font-family: georgia;
    font-weight: normal;
}
a:active, a:link, a:visited, a b {
    color: #f8df10;
    text-decoration: none;
}
a:hover, a b:hover {
    color: #111111;
}
</style><div style="text-align: justify;"><h1>everyday i'm hufflin' </h1>
You can write things about yourself here, maybe throw in a link to the guild or it's pages. This lookup was made by Kayla (<a href="/userlookup.phtml?user=icanhaskaila">icanhaskaila</a>), so if you have any questions or problems with it, please let me know! <a href="/">link</a> <b>bold</b> <i>italic</i>
</div></textarea></td>
<td class="look"></td><td class="ups"></td>
</tr></table></center>


</div>







<div id="userprofiles" class="part">

<h1>User Profiles</h1><br><center>
We currently do not have anyone who has set up a profile yet. Neomail Kayla once you have yours up to be listed here!


<table width="100%"><tr><td width="20%">
<a href="#profiles" class="profile">❃</a><br>Andi (<a href="http://www.neopets.com/randomfriend.phtml?user=andrathia">andrathia</a>)</td>
<td width="20%">
<a href="#profiles" class="profile">❂</a><br>Constance (<a href="http://www.neopets.com/randomfriend.phtml?user=southernlight">southernlight</a>)</td>
<td width="20%">
<a href="/~ivarasong" class="profile">✱</a><br>Nova Belle (<a href="http://www.neopets.com/randomfriend.phtml?user=lumasong">lumasong</a>)</td>
</tr><tr><td width="20%">
<a href="#profiles" class="profile">✿</a><br>Scarlett (<a href="http://www.neopets.com/randomfriend.phtml?user=jinx_the_psychic">jinx_the_psychic</a>)</td>
<td width="20%">
<a href="#profiles" class="profile">❁</a><br>Stacie (<a href="http://www.neopets.com/randomfriend.phtml?user=lesindy">lesindy</a>)</td>
<td width="20%">
<a href="#profiles" class="profile">❀</a><br>Tor (<a href="http://www.neopets.com/randomfriend.phtml?user=slave_to_the_grind">slave_to_the_grind</a>)</td>
</tr></table></center>

<br><br><br><h3>Templates</h3>

<center><div class="bg">
<img src="http://i.imgur.com/oQYcLQR.png" style="float: left;"><br><textarea style="height: 126px; width: 235px; margin-top: -8px;"><style>
table {
    background: none;
}
table a img, .sf {
    display: none;
}
body, font, td, p, .medText {
    color: #070e2a;
    cursor: default;
}
body {
    background-color: #efefef;
    background-image: url("http://i.imgur.com/UD5dlPi.jpg");
    background-attachment: fixed;
}
h1 {
    color: #fff;
    font: 28px arial;
    font-weight: bold;
}
h2 {
    color: #000;
    font: 20px arial;
    margin-bottom: 5px;
    padding: 1px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px;
}
h3 {
    color: #575757;
    font: 14px arial;
    font-weight: -blocked-;
}
b {
    color: #3c1361;
    font-weight: bold;
}
i {
    color: #20608d;
    font-family: times new roman;
    font-size: 13px;
    font-style: italic;
    text-transform: lowercase;
    letter-spacing: 2px;
    margin-left: 1px;
    margin-right: -2px;
}
textarea {
    border: 1px solid #000;
    background-color: #000;
    font-family: courier new;
    font-size: 7.5pt;
    color: #fff;
    height: 40px;
    width: 70%;
}
a:link, a:active, a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #343434;
    text-decoration: none;
}
.nav:link, .nav:active, .nav:visited {
    color: #000;
    display: block;
    padding: 9px;
    text-transform: uppercase;
    text-align: left;
    width: 180px;
    margin-bottom: 10px;
    background-color: #f3f1c0;
    border-bottom: 2px solid #dbcf0b;
}
.nav:hover {
    color: #000;
    background-color: #f9f8e0;
    border-bottom: 2px solid #e6de5d;
}
img {
    margin: 3px;
    background: transparent;
    padding: 2px;
    border: 1px transparent solid;
}
#container {
    width: 1017px;
    margin: auto;
    margin-top: 0;
    background-color: #fff;
}
#headerimage {
    width: 1000px;
    height: 416px;
    margin-top: -20px;
    margin-left: 0px;
    background-image: url("http://i.imgur.com/Nos70Qs.png");
    background-repeat: repeat;
}
#cover {
    width: 1042px;
    height: 416px;
    margin-top: -416px;
    margin-left: -9px;
    background-image: url("http://i.imgur.com/clXSs36.png");
    background-repeat: repeat;
}
#profileimage {
    width: 180px;
    height: 150px;
    margin-top: -160px;
    margin-left: 76px;
    background-image: url("http://i.imgur.com/1GQIvSS.png");
    background-repeat: repeat;
}
#nameheader {
    width: 735px;
    height: 50px;
    margin-top: -80px;
    margin-left: 270px;
}
#side {
    font-family: arial;
    font-size: 14px;
    margin-top: 10px;
    margin-left: -0px;
    width: 250px;
    height: auto;
    overflow: auto;
    border-left: 10px solid #fff;
    background-color: #fff;
}
#main {
    font-family: arial;
    font-size: 14px;
    margin-top: -345px;
    margin-left: 252px;
    width: 760px;
    height: auto;
    overflow: auto;
    border-right: 10px solid #fff;
}
.bg {
    padding: 2px;
    margin-bottom: 15px;
    overflow: auto;
    width: 95%;
    text-align: center;
}
.stats {
    padding: 2px;
    margin-bottom: 15px;
    margin-left: 10px;
    overflow: auto;
    width: 90%;
    height: auto;
    text-align: left;
    background-color: #e7e7e7;
}
.avatars {
    padding: 2px;
    margin-bottom: 15px;
    overflow: auto;
    width: 90%;
    height: 165px;
    text-align: center;
    background-color: #e7e7e7;
}
.trophies {
    padding: 2px;
    margin-bottom: 15px;
    overflow: auto;
    width: 90%;
    height: 165px;
    text-align: center;
    background-color: #e7e7e7;
}
</style><div id="container">

<div id="headerimage"></div>
<div id="cover"></div>
<div id="profileimage" style="border-radius: 9px;"></div>
<div id="nameheader"><h1>Your Name of Hufflepuff</h1></div>
<div id="side">
<center><h3><a href="/userlookup.phtml?user=yourusername">@username</a></h3>
<div class="bg">Add a small description of yourself here. You can customize all of the images on this page if you choose to. Just try to keep to the original layout style when editing!
</div>
<br><br><br><a href="/~Joesln" class="nav" style="border-radius: 10px;">Grounds</a>
<a href="/~Thumbeliina" class="nav" style="border-radius: 10px;">Common Room</a>
<a href="/guilds/guild.phtml?id=4176524" class="nav" style="border-radius: 10px;">Guild</a>

</center></div>


<div id="main">
<center>
<h2>Stats</h2>
<div class="stats">
<img src="http://i.imgur.com/px7LMc0.png" width="90" height="130" title="Place your choice of image here. Should be 90x130" style="float: left;"><br>
Birth Day: Enter info here<br>
Gender: Enter info here<br>
Wand: Enter info here<br>
Blood type: Enter info here<br>
House: Hufflepuff<br>
Timezone: NST+/-<br>
Joined On: 00/00/2016

</div>

<h2>Avatars</h2>
<div class="avatars">
<img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"><img src="http://i.imgur.com/px7LMc0.png" width="50" height="50" style="padding: 9px;"></div>


<h2>Trophies</h2>
<div class="trophies">
<img src="http://i.imgur.com/yMwnsWF.png"><img src="http://i.imgur.com/ovFoVND.png"><img src="http://i.imgur.com/iMDcBuw.png"><img src="http://i.imgur.com/yMwnsWF.png"></div>


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





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