— Hᴏɢᴡᴀʀᴛs.

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
background-color: #000000;
background-image: url('https://31.media.tumblr.com/0e4124ed3015b69636d2289d932363b4/tumblr_inline_mzy7ug34za1s6lbxn.png');
background-attachment: fixed;
background-position: bottom left;
background-repeat: no-repeat;
text-align: justify;
color: #888888;
cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #533034; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
big {color: #444444; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #533034 0px 0px 1px;}
small {font-size: 25px; font-variant: small-caps; color: #444444; text-transform: normal; letter-spacing: -1px; text-align: right; background-color: none; font-family: century gothic; text-shadow: #533034 2px 3px 4px; margin-top: 5px; margin-bottom: 8px; display: block; padding: 0px; font-weight: normal; line-height: 15px;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

@import url(http://fonts.googleapis.com/css?family=Lavanderia delicate);

h1{
font-size: 20px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: center;
font-family: century gothic;
text-shadow: #B8161C 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

h2{
font-size: 20px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: center;
font-family: century gothic;
text-shadow: #548695 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

h3{
font-size: 20px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: center;
font-family: century gothic;
text-shadow: #336633 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

h4{
font-size: 20px;
font-variant: small-caps;
color: #444444;
text-transform: lowercase;
letter-spacing: -1px;
text-align: right;
background-color: none;
line-height: 2px;
text-align: center;
font-family: century gothic;
text-shadow: #D89C00 2px 3px 4px;
margin-top: 5px;
margin-bottom: 8px;
display: block;
background-color: #151413;
border-right: 1px solid #4B4330;
padding: 0px;
font-weight: normal;
}

#hogwarts{
position: fixed;
z-index: 100;
left: 200px;
height: 480px;
width: 265px;
top: 100px;
z-index: 9;
border: 5px Solid #533034;
background-color: #212121;
}

.Pic {
position: fixed;
margin-top: 5px;
margin-left: 2px;
width: 250px;
height: 150px;
background-color: #EDEDEE;
background-image:url('http://i.cubeupload.com/C0xlA7.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 250px 150px;
border: #BCAF9E 5px solid;
z-index: 100;
}

.words{
position: fixed;
margin-top: 165px;
margin-left: 2px;
width: 260px;
height: 300px;
overflow: auto;
text-align: justify;
line-height: 15px;
font-size: 10px;
background-color: transparent;
font-face: verdana;
font-variant: small-caps;
color: #888888;
overflow: auto;
z-index:500;
}

#music{
position: fixed;
top: 590px;
left: 200px;
width: 275px;
height: 20px;
overflow: auto;
background-color: #533034;
color: #EDEDEE;
overflow: auto;
z-index: 999;
}

#marquee{
height: auto;
float: left;
background-color: transparent;
position: fixed;
margin-left: 0px;
height: 20px;
top: 548px;
width: 270px;
font-face: verdana;
font-variant: small-caps;
font-size: 10px;
z-index: 50;
}

#updates{
height: 20px;
float: left;
background-color: #BCAF9E;
position: fixed;
margin-left: 230px;
top: 545px;
text-align: center;
font-face: verdana;
line-height: 18px;
font-variant: small-caps;
font-size: 10px;
border: 1px solid #533034;
width: 50px;
color: #212121;
z-index: 55;
}

.snow {
height: 75px;
width: 75px;
margin: 2.7px;
border: #857E6C 2px solid;
opacity: 0.7;
}

.snow:hover {
height: 75px;
width: 75px;
margin: 2.7px;
border: #EDEDEE 2px solid;
opacity: 1;
}

#line {
position:fixed;
z-index: 100;
left: 200px;
height: 25px;
width: 275px;
top: 180px;
z-index: 650;
background-color: #533034;
}

#title{
position: fixed;
top: 125px;
left: 263px;
z-index: 550;
color: #533034;
font-size: 50px;
line-height: 80px;
letter-spacing: -2px;
font-family: Grand Hotel;
text-shadow: #BCAF9E 2px 3px 4px;
z-index: 600;
}

#Navi {
position: fixed;
margin-left: 0px;
margin-top: 30px;
width: auto;
z-index: 999;
}

a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 61.5px;
height: 20px;
color: #ededee;
background-color: #533034;
text-align: center;
line-height: 17px;
font-variant: small-caps;
border: 2px solid #BCAF9E;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;}

a.nav:hover{
background-color: #BCAF9E;
border: 2px solid #533034;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
}

.info{
position: absolute;
margin-left: 0px;
margin-top: 0px;
width: 545px;
height: 380px;
padding: 5px;
color: #EDEDEE;
font-family: verdana;
font-variant: small-caps;
text-align: justify;
font-size: 10px;
line-height: 13px;
overflow: auto;
border-left: 20px Solid #533034;
border-right: 20px Solid #533034;
background-color: #212121;
z-index: 200;
opacity: 1;
}

.lion{
position: absolute;
margin-left: 0px;
margin-top: 403px;
width: 80px;
height: 80px;
padding: 5px;
color: #B8161C;
font-family: century gothic;
font-variant: small-caps;
text-align: justify;
font-size: 50px;
line-height: 70px;
overflow: auto;
border-left: 20px Solid #533034;
border-right: 20px Solid #533034;
background-color: #212121;
z-index: 200;
opacity: 1;
}

.raven{
position: absolute;
margin-left: 145px;
margin-top: 403px;
width: 80px;
height: 80px;
padding: 5px;
color: #548695;
font-family: century gothic;
font-variant: small-caps;
text-align: justify;
font-size: 50px;
line-height: 70px;
overflow: auto;
border-left: 20px Solid #533034;
border-right: 20px Solid #533034;
background-color: #212121;
z-index: 200;
opacity: 1;
}

.snake{
position: absolute;
margin-left: 320px;
margin-top: 403px;
width: 80px;
height: 80px;
padding: 5px;
color: #336633;
font-family: century gothic;
font-variant: small-caps;
text-align: justify;
font-size: 50px;
line-height: 70px;
overflow: auto;
border-left: 20px Solid #533034;
border-right: 20px Solid #533034;
background-color: #212121;
z-index: 200;
opacity: 1;
}

.badger{
position: absolute;
margin-left: 466px;
margin-top: 403px;
width: 80px;
height: 80px;
padding: 5px;
color: #D89C00;
font-family: century gothic;
font-variant: small-caps;
text-align: justify;
font-size: 50px;
line-height: 70px;
overflow: auto;
border-left: 20px Solid #533034;
border-right: 20px Solid #533034;
background-color: #212121;
z-index: 200;
opacity: 1;
}

.box {
position: fixed;
left: 0px;
top: 100px;
width: autopx;
height: 600px;
padding: 5px;
color: #212121;
background-color: transparent;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

.box:target {
top: 100px;
left: 500px;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
z-index: 100;
}

a.craft:link, a.craft:active, a.craft:visited{
background-color: #669966;
display: block;
margin: 8px;
width: 110px;
height: 20px;
font-family: verdana;
font-variant: small-caps;
font-size: 10;
color: #EDEDEE;
text-decoration: none;
letter-spacing: 1px;
text-transform: normal;
text-align: center;
line-height: 21px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a.craft:hover{
background-color: #EDEDED;
color: #222;}

a {
color: #CCC;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

a:hover {
color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
}

#credit{
position:fixed;
bottom:0px;
left:0px;
z-index:450;}

</style>

<div id="title">Hogwarts</div>

<div id="hogwarts">
<div class="pic"></div>

<div class="words">
Welcome to the Hogwarts School of Witchcraft & Wizardry. A prestigious school located in that of Scotland where your wildest dreams come alive. There is no reason to be afraid, this school is by no means that of a violent one but a one of nourishment, laughter and most of all companionship. This is the school were you will face the toughest of trials and that's not even thinking about the homework. Not only that, you will learn from the best of the best on how to become the wizard (or witch) that you always wanted to be when you were younger or for anyone else, you will get to see the potential that you will unlock within yourself. So step right through that platform at nine and three quarters, board that train, and see what adventures and memories you can make at this school. You won't regret a day being here.
</div>

<div id="music">
<div style="margin-left: 35px; margin-top: 0px;">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#533034" />
    <param name="FlashVars" value="mp3=https%3A//dl-web.dropbox.com/get/The_Harry_Potter_Theme_Song_-_Performed_By_Richard_Clayderman_and_Orchestra.mp3%3F_subject_uid%3D136637714%26w%3DAACFkp2vuq5V2k3cB21hVJ4eWGVoP8WHqNgu7BoTYWunXg&autoplay=1&bgcolor=533034&loadingcolor=BCAF9E&buttoncolor=BCAF9E&slidercolor=BCAF9E" />
</object>
</div></div>

<div id="updates">Updates!</div>

<div id="marquee">
<marquee>Welcome to the group page, bla bla bla</marquee>
</div>

</div>

<div id="line">
<div class="navi">
<a class="nav" href="#rules">rules</a>
<a class="nav" href="#roster">roster</a>
<a class="nav" href="#events">events</a>
<a class="nav" href="#home">Home</a>
</div></div>

<div id="rules" class="box">
<div class="info">
<small>In Character rules</small><br>
<b>OO1</b>: All students are welcome to join as soon as they've alerted both admins so that they may sort out the roster.
<br><b>OO2</b>: People wishing to play teachers must alert both admins and also apply for their post, this is because teachers will be expected to teach lessons regularly for group Rp. Also this is due to the limit spaces of teaching slots.
<br><b>OO3</b>: We shall allow the following, though like teachers these must be applied for. This is to stop Mary-Sues and over powered characters cropping up. Please note that any student or teacher may ask to have these abilities, though we will most likely be limiting how many one character can have; Animagus, Werewolf, Vampire, Familiar outside of a cat/rat/owl/harmless snake, Occlumency, Legilimency, Half-Veela and Relation to a cannon character. We shall allow moderate combinations of the above.
<br><b>OO4</b>: Prefects, Captains and Quidditch players will be allowed on a first come, first served basis. Please ask an admin before putting these roles upon your character. Head boy/girl will be chosen by the admins.
<br><b>OO5</b>: Please do not make students who think they're gods gift to earth and then complain when they are punished. The teachers are there to teach and be respected ICly and like in real life, will not stand for insolence from their students.
<br><b>OO6</b>: For teachers and prefects, please make the admins aware when you deduct or add points so they may be subtracted or added to the scoreboard.

<small>Out of Character rules</small><br>
<b>OO1</b>: Please do not join expecting to be made a mod or becoming the 'alpha' male or female, these positions are already filled and you will be shot down hard.
<br><b>OO2</b>: No public sex. Take it to PMs.
<br><b>OO3</b>: All OOC chatter is to be taken to PM or restricted to /me during group Rp that exceeds paragraph length or three players.
<br><b>OO4</b>: Follow the instructions of a mod or admin or expect to be kicked, we ain't going to give you more then one warning.
<br><b>OO5</b>: Like to troll? I like to ban people.
<br><b>OO6</b>: Try to mirror post with one another, we do expect to see more than one line when typing here. Especially with the group RP's. Remember details are the substance of every post!
</div>

<div class="lion">-10</div> <div class="raven">10</div> <div class="snake">-05</div> <div class="badger">-35</div>
</div>

<div id="roster" class="box">
<div class="info">
<center><big>Hogwarts School of Witchcraft & Wizardry Members</big></center><br><br>
<a href="/profile.php?userid=269674" target="_blank" title="Layton Dashwood, Head Teacher of Ravenclaw, Defense Against the Dark Arts teacher, Deputy Headmaster. (ADMIN)"><img src="http://wac.450f.edgecastcdn.net/80450F/starcrush.com/files/2013/04/Matt-Smith-EW-Prev.jpg" class="snow"></a>
<a href="/profile.php?userid=271609" target="_blank" title="Whitney Stewart, Head Teacher of Slytherin and a teacher of Charms."><img src="http://24.media.tumblr.com/5770c02f1e8fd21a5cd251025ea08c1e/tumblr_mlfpv6SJgP1qgpng9o1_500.jpg" class="snow"></a>
<a href="/profile.php?userid=203598" target="_blank" title="Blaine Richardson, Former Gryffindor, Teacher of Transfiguration."><img src="http://i58.tinypic.com/16m58bo.jpg" class="snow"></a>
<a href="/profile.php?userid=203598" target="_blank" title="Adrian Barnett, Former Gryffindor, Flying instructor/quidditch ref."><img src="http://u.cubeupload.com/DevilRose/DAVEFRANCO.jpg" class="snow"></a>
<a href="/profile.php?userid=272613" target="_blank" title="Elizabeth Grey, Former Ravenclaw, Ex-Auror, Teacher of Potions."><img src="http://25.media.tumblr.com/d3eb13120e495423eea958a1565634fa/tumblr_mu8tolLsj31sy0ubeo3_250.jpg" class="snow"></a>

<h1>House of Gryffindor</h1>
<a href="/profile.php?userid=271497" target="_blank"><img src="http://th08.deviantart.net/fs70/PRE/f/2011/014/e/9/sam_winchester___6x09___by_lauren452-d375sen.jpg" class="snow"></a>
<a href="/profile.php?userid=272065" target="_blank"><img src="http://i.picpar.com/mgD.jpg" class="snow"></a>
<a href="/profile.php?userid=272087" target="_blank" title="Jay Ollivander, Gryffindor Quidditch Seeker."><img src="http://pagetopremiere.com/wp-content/uploads/2013/11/Adam-Gregory.png?9d7bd4" class="snow"></a>
<a href="/profile.php?userid=272787" target="_blank" title="Dillon Finnigan, Gryffindor Quidditch Beater."><img src="http://25.media.tumblr.com/tumblr_livogoic5x1qi5da5o1_500.png" class="snow"></a>

<h2>House of Ravenclaw</h2>
<a href="/profile.php?userid=269673" target="_blank" title="Tessa Krum, Ravenclaw prefect. (ADMIN)"><img src="https://24.media.tumblr.com/f54473dbb1bd976fe7a32fe161c441d7/tumblr_n2evrh8KWR1t133ddo1_500.jpg" class="snow"></a>
<a href="/profile.php?userid=269796" target="_blank" title="Benjamin Jennings, Ravenclaw Quidditch Keeper."><img src="http://u.cubeupload.com/DevilRose/89975garrettneffblan.jpg" class="snow"></a>
<a href="/profile.php?userid=271340" target="_blank"><img src="http://24.media.tumblr.com/999a5a66653054baf19cf77b712b79c1/tumblr_mvysfmRs821r06bmeo1_1280.jpg" class="snow"></img></a>
<a href="/profile.php?userid=272247" target="_blank"><img src="http://i1084.photobucket.com/albums/j407/brittybreakdowntm/Emily%20kinney/Emily-Kinney-Profile-Biography-Story-News-Hot-Pictures-8_zpsef98cb63.jpg?t=1395035368" class="snow"></img></a>

<h3>House of Slytherin</h3>
<a href="/profile.php?userid=174905" target="_blank" title="Remilia Hart, Slytherin Prefect & Head Girl. ( MOD )"><img src="https://31.media.tumblr.com/4df130be551a07476245974a774e2865/tumblr_inline_n2fo6tNmOH1szd6bw.png" class="snow"></a>
<a href="/profile.php?userid=271554" target="_blank"><img src="http://us.cdn281.fansshare.com/photos/alexpettyfer/alex-pettyfer-wallpaper-wallpaper-2137355333.jpg" class="snow"></a>
<a href="/profile.php?userid=155118" target="_blank"><img src="http://25.media.tumblr.com/tumblr_m7irbsPWAr1qaw7dbo1_500.jpg" class="snow"></a>

<h4>House of Hufflepuff</h4>
<a href="/profile.php?userid=271731" target="_blank" title="Austrene, Hufflepuff Quidditch Beater ( sub. )"><img src="https://31.media.tumblr.com/1880cfa2716d8b2a4d5af3ac0425a2fb/tumblr_mg89fzGZt41s0pdz7o4_500.jpg" class="snow"></a>

<a href="/profile.php?userid=272002" target="_blank" title="Kate Winslow, Hufflepuff prefect"><img src="http://31.media.tumblr.com/ebb459717bc2fcc6d9727b43f8fdfd6c/tumblr_n27cbaWmrz1srvxl9o1_500.jpg" class="snow"></a>

<a href="/profile.php?userid=272169" target="_blank" title="Jason Storm, Hufflepuff Quidditch Beater"><img src="http://handson.provocateuse.com/images/photos/ben_barnes_03.jpg" class="snow"></a>

</div>

<div class="lion">-10</div> <div class="raven">10</div> <div class="snake">-05</div> <div class="badger">-35</div>
</div>

<div id="events" class="box">
<div class="info">
under construction.
</div>

<div class="lion">-10</div> <div class="raven">10</div> <div class="snake">-05</div> <div class="badger">-35</div>
</div>

<div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>