Saturday 7 June 2014

Hufflepuff -- Hufflepuff

<html>

<head>
<title>Hufflepuff's Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://i1320.photobucket.com/albums/u529/SyndicateNovelist/HuffProfileB_zps51ea1731.png') repeat-y #e5d3cc;
padding: 0px;
margin: 0px;
left: 0px;
}

#header {
background: url('http://fc07.deviantart.net/fs70/f/2014/158/6/1/foundation_stones_by_prettyyetdangerous-d7kaio3.png') no-repeat #e5d3cc;
overflow: auto;
width: 850px;
height: 400px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #b77058;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: center;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #b77058 dotted 2px;
}

h3 {
color: #b77058;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: center;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #b77058 dotted 2px;
}

p {
font-family: arial;
color: #855021;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
text-transform: none;
}

p.left {
font-family: ;
color: #b77058;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #ceaf6f;
text-decoration: none;
}

a:hover {
color: #b77058;
letter-spacing: 1px;
text-decoration: none;
text-transform: bold;
}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
text-decoration: none;
text-transform: bold;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #855021;
display: block;
letter-spacing: 1px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

a.nav:hover {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: bold;
font-size: 12px;
line-height: normal;
color: #855021;
display: block;
letter-spacing: 1px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 142px; height: auto; top: 380px; left: 10px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Links</h3>
<p><a href="/userinfo/Hufflepuff Store">Back to HEX</a><br>
<a href="/userinfo/Hufflepuff Store">Huffie Store</a><br>
<a href="/userinfo/Hufflepuff Store">Wishlist</a><br>

<h3>staff</h3>
<p>
Admin: <a href="/userinfo/Alice Rosebud">Lu-Marie</a><br>
Asst. Admin: <a href="/userinfo/Anushree">Anu</a><br>
HoH: <a href="/userinfo/Crystal Nymph">KD</a><br>
AHoH: <a href="/userinfo/Merri Patil">Merri</a><br>
HB: <a href="/userinfo/ccswimmer57">Matt</a><br>
HG: <a href="/userinfo/Riri_Chan">Sam</a><br>
Pre: <a href="/userinfo/Chrissy May">Chrissy</a><br>
Pre: <a href="/userinfo/Harryfan09">Jamie</a><br>
</p>

<h3>Retired</h3>
<p>
Admins:
<a href="/userinfo/hermionepotter">hermionepotter</a>, <a href="/userinfo/Aarony02">Aarony02</a>, <a href="/userinfo/HeatherMonique005">HeatherMonique005</a><br>
Asst. Admins:
<a href="/userinfo/"></a><br>
HoHs: <br>
AHoHs: <br>
HBs: <br>
HGs: <br>
Pres: <br>

</div>


<div style="overflow: auto; width: 478px; height: auto; top: 380px; left: 160px; position: absolute; padding: 1px; margin-bottom: 40px;">



<h1>Loyal Hufflepuffs</h1>
<p>
<img src="http://img.hexrpg.com/Jyri/Loyal1.png" width=235><img src="http://img.hexrpg.com/Jyri/Loyal2.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/Loyal3.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLo1.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLo2.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLo3.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLo4.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLo5.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLo6.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLo7.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLo8.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLoHu1.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLoHu2.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLoHu3.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLoHu4.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLoHu5.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoHuLo1.png" width=235><img src="http://img.hexrpg.com/Jyri/LoHuLo2.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoHuLo3.png" width=235><img src="http://img.hexrpg.com/Jyri/LoHuLo4.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoHuLo5.png" width=235><img src="http://img.hexrpg.com/Jyri/LoHuLo6.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoHuLo7.png" width=235><img src="http://img.hexrpg.com/Jyri/UlHu.gif" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoLoHu1.png" width=235><img src="http://img.hexrpg.com/Jyri/LoLoHu2.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoLoHu3.png" width=235><img src="http://img.hexrpg.com/Jyri/LoLoHu4.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoLoHu5.png" width=235><img src="http://img.hexrpg.com/Jyri/UlHu2.gif" width=235><br>
<img src="http://img.hexrpg.com/Jyri/HuLu1.png" width=235><img src="http://img.hexrpg.com/Jyri/LoRP2.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoRP1.png" width=235><img src="http://img.hexrpg.com/Jyri/HuLu2.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/UlHu1.gif" width=235><img src="http://img.hexrpg.com/Jyri/LoHu1.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoHu2.png" width=235><img src="http://img.hexrpg.com/Jyri/LoHu3.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/LoHu4.png" width=235><img src="http://img.hexrpg.com/Jyri/LoHu5.png" width=235><br>
<img src="http://img.hexrpg.com/Jyri/UlHu3.gif" width=235><img src="" width=235><br>
</p>

</div>

<div style="overflow: auto; width: 142px; height: auto; top: 380px; left: 649px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Teams</h3>
<p>
<a href="/f/">Debate: </a><br>
<a href="/f/">Dueling: </a><br>
<a href="/f/17">Quidditch: </a><br>
</p>

</div>

<div style="overflow: auto; width: 100px; height: auto; top: 3000px; left: 695px; position: absolute; padding: 1px; margin-bottom: 0px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>

</body>
</html>

Monday 26 May 2014

MadiIsBeast -- Maya Mitchell

<html>

<head>
<title>Alone But Free</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://i1320.photobucket.com/albums/u529/SyndicateNovelist/MadiIsBeastProfileB_zps134aaff1.png') repeat-y #e6d9b0;
padding: 0px;
margin: 0px;
left: 0px;
position: absolute;
}

#header {
background: url('http://fc08.deviantart.net/fs71/f/2014/146/8/d/maia_mitchell_profile_by_prettyyetdangerous-d7jvsuf.png') no-repeat #e6d9b0;
overflow: auto;
width: 800px;
height: 430px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #d89f6d;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #8571a3 dotted 2px;
}

h3 {
color: #d89f6d;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #8571a3 dotted 2px;
}

p {
font-family: candara;
color: #d18469;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}

p.left {
font-family: candara;
color: #d18469;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #d18469;
font-family: candara;
font-size: 9px;
text-decoration: none;
letter-spacing: 2px;
}

a:hover {
color: #e22747;
text-decoration: underline overline;
letter-spacing: 2px}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 135px; height: auto; top: 400px; left: 17px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Links</h3>
<p><b>
<a href="LINK HERE">Text Here</a> |
<a href="LINK HERE">Text Here</a><br>
<a href="LINK HERE">Text Here</a> |
<a href="LINK HERE">Text Here</a></b></p>
<br>

<h3>Section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>

</div>


<div style="overflow: auto; width: 465px; height: auto; top: 400px; left: 167px; position: absolute; padding: 1px; margin-bottom: 40px;">

<h1>Friendly Commentary</h1>
<p><b>This is Bold</b> | <i>This is Italics</i> | <u>This is Underlining</u> | <s>This is Strike-Through</s><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare, tellus ac fermentum porta, mi lectus varius leo, et mattis orci augue eu nulla. Donec non sagittis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br><br>
Curabitur commodo in justo nec dignissim. Vivamus condimentum sagittis consequat. Nunc nibh nulla, egestas fermentum urna ac, consectetur iaculis velit. Aliquam vel mollis ante, in cursus ligula. Donec quis elementum lorem, ut tempor libero. Duis enim turpis, adipiscing a neque sed, imperdiet elementum elit. Sed et erat gravida, accumsan nisl ac, scelerisque dolor. Aenean aliquet mauris eu urna vulputate auctor. Phasellus rutrum nunc ligula, ac consectetur ipsum interdum non. Etiam pharetra leo vitae elit commodo, in ornare lorem porta. Sed et ultricies arcu. Nulla in arcu mollis, fermentum enim eget, interdum velit.
<br><br>
Duis vitae hendrerit libero. Praesent vitae condimentum neque, ac vehicula diam. Donec non lorem molestie tortor pharetra dignissim eget non enim. Duis vehicula odio nisi, vitae dignissim dolor faucibus et. Integer rutrum pharetra lorem, ut gravida sapien ultrices et. Duis fringilla sodales vehicula. Curabitur nec risus pretium, aliquam ipsum ut, dictum tellus.
</p>
</div>


<div style="overflow: auto; width: 134px; height: auto; top: 400px; left: 651px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Section IV</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p><p>

<h3>Section V</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>

</div>

<div style="overflow: auto; width: 100px; height: auto; top: 1450px; left: 689px; position: absolute; padding: 1px; margin-bottom: 1px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>

</body>
</html>

CNAAmelia -- Vintage

<html>

<head>
<title>Alone But Free</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://i1320.photobucket.com/albums/u529/SyndicateNovelist/CNAAmeliaProfileB_zpsadd46e1e.png') repeat-y #a9c5f8;
padding: 0px;
margin: 0px;
left: 0px;
position: absolute;
}

#header {
background: url('http://fc05.deviantart.net/fs71/f/2014/143/3/9/love_profile_by_prettyyetdangerous-d7ji59u.png') no-repeat #090e2a;
overflow: auto;
width: 800px;
height: 430px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #906875;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #8571a3 dotted 2px;
}

h3 {
color: #906875;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #8571a3 dotted 2px;
}

p {
font-family: candara;
color: #9a6687;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}

p.left {
font-family: candara;
color: #a4bcff;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #bc86a4;
font-family: candara;
font-size: 13px;
text-decoration: none;
letter-spacing: 1px;
}

a:hover {
color: #373146;
text-decoration: none;
letter-spacing: 1px}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 149px; height: auto; top: 372px; left: 3px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Links</h3>
<p><b>
<a href="LINK HERE">Text Here</a> |
<a href="LINK HERE">Text Here</a><br>
<a href="LINK HERE">Text Here</a> |
<a href="LINK HERE">Text Here</a></b></p>
<br>

<h3>Section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>

</div>


<div style="overflow: auto; width: 338px; height: auto; top: 372px; left: 159px; position: absolute; padding: 1px; margin-bottom: 40px;">

<h1>Friendly Commentary</h1>
<p><b>This is Bold</b> | <i>This is Italics</i> | <u>This is Underlining</u> | <s>This is Strike-Through</s><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare, tellus ac fermentum porta, mi lectus varius leo, et mattis orci augue eu nulla. Donec non sagittis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br><br>
Curabitur commodo in justo nec dignissim. Vivamus condimentum sagittis consequat. Nunc nibh nulla, egestas fermentum urna ac, consectetur iaculis velit. Aliquam vel mollis ante, in cursus ligula. Donec quis elementum lorem, ut tempor libero. Duis enim turpis, adipiscing a neque sed, imperdiet elementum elit. Sed et erat gravida, accumsan nisl ac, scelerisque dolor. Aenean aliquet mauris eu urna vulputate auctor. Phasellus rutrum nunc ligula, ac consectetur ipsum interdum non. Etiam pharetra leo vitae elit commodo, in ornare lorem porta. Sed et ultricies arcu. Nulla in arcu mollis, fermentum enim eget, interdum velit.
<br><br>
Duis vitae hendrerit libero. Praesent vitae condimentum neque, ac vehicula diam. Donec non lorem molestie tortor pharetra dignissim eget non enim. Duis vehicula odio nisi, vitae dignissim dolor faucibus et. Integer rutrum pharetra lorem, ut gravida sapien ultrices et. Duis fringilla sodales vehicula. Curabitur nec risus pretium, aliquam ipsum ut, dictum tellus.
</p>
</div>



<div style="overflow: auto; width: 138px; height: auto; top: 372px; left: 505px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Section III</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p><p>
</div>



<div style="overflow: auto; width: 146px; height: auto; top: 372px; left: 650px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Section IV</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p><p>

<h3>Section V</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>

</div>

<div style="overflow: auto; width: 100px; height: auto; top: 1450px; left: 689px; position: absolute; padding: 1px; margin-bottom: 1px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>

</body>
</html>

Tuesday 13 May 2014

Elsa21 -- Elsa

<html>

<head>
<title>Alone But Free</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://fc07.deviantart.net/fs71/f/2014/133/f/2/__by_prettyyetdangerous-d7i8dn8.png') repeat-y #090e2a;
padding: 0px;
margin: 0px;
left: 0px;
}

#header {
background: url('http://fc01.deviantart.net/fs71/f/2014/133/f/7/elsa_profile_by_prettyyetdangerous-d7i64ml.png') no-repeat #090e2a;
overflow: auto;
width: 800px;
height: 430px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #8571a3;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #8571a3 dotted 2px;
}

h3 {
color: #8571a3;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #8571a3 dotted 2px;
}

p {
font-family: arial;
color: #373146;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}

p.left {
font-family: candara;
color: #a4bcff;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #113cc5;
font-family: candara;
font-size: 13px;
text-decoration: none;
letter-spacing: 1px;
}

a:hover {
color: #373146;
text-decoration: none;
letter-spacing: 1px}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 159px; height: auto; top: 372px; left: 20px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Links</h3>
<p><b>
<a href="LINK HERE">Text Here</a> |
<a href="LINK HERE">Text Here</a><br>
<a href="LINK HERE">Text Here</a> |
<a href="LINK HERE">Text Here</a></b></p><p>

<h3>Section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>

</div>


<div style="overflow: auto; width: 418px; height: auto; top: 372px; left: 191px; position: absolute; padding: 1px; margin-bottom: 40px;">



<h1>Friendly Commentary</h1>
<p><b>This is Bold</b> | <i>This is Italics</i> | <u>This is Underlining</u> | <s>This is Strike-Through</s><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare, tellus ac fermentum porta, mi lectus varius leo, et mattis orci augue eu nulla. Donec non sagittis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br><br>
Curabitur commodo in justo nec dignissim. Vivamus condimentum sagittis consequat. Nunc nibh nulla, egestas fermentum urna ac, consectetur iaculis velit. Aliquam vel mollis ante, in cursus ligula. Donec quis elementum lorem, ut tempor libero. Duis enim turpis, adipiscing a neque sed, imperdiet elementum elit. Sed et erat gravida, accumsan nisl ac, scelerisque dolor. Aenean aliquet mauris eu urna vulputate auctor. Phasellus rutrum nunc ligula, ac consectetur ipsum interdum non. Etiam pharetra leo vitae elit commodo, in ornare lorem porta. Sed et ultricies arcu. Nulla in arcu mollis, fermentum enim eget, interdum velit.
<br><br>
Duis vitae hendrerit libero. Praesent vitae condimentum neque, ac vehicula diam. Donec non lorem molestie tortor pharetra dignissim eget non enim. Duis vehicula odio nisi, vitae dignissim dolor faucibus et. Integer rutrum pharetra lorem, ut gravida sapien ultrices et. Duis fringilla sodales vehicula. Curabitur nec risus pretium, aliquam ipsum ut, dictum tellus.
</p>
</div>

<div style="overflow: auto; width: 159px; height: auto; top: 372px; left: 623px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Section III</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p><p>

<h3>Section IV</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>

</div>

<div style="overflow: auto; width: 100px; height: auto; top: 1450px; left: 689px; position: absolute; padding: 1px; margin-bottom: 1px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>

</body>
</html>

Monday 12 May 2014

tapdeb -- Regina Mills

<html>

<head>
<title>Evil Queen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://i1320.photobucket.com/albums/u529/SyndicateNovelist/ReginaProfileB_zpsb8b07884.png') repeat-y #3d0202;
padding: 0px;
margin: 0px;
left: 0px;
}

#header {
background: url('http://fc08.deviantart.net/fs71/f/2014/132/1/6/regina_mills_profile_by_prettyyetdangerous-d7i4iyx.png') no-repeat #3d0202;
overflow: auto;
width: 850px;
height: 400px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #000000;
font-family: arial;
font-size: 24px;
font-style: none;
text-align: right;
line-height: normal;
text-transform: lowercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #000000 dotted 2px;
}

h3 {
color: #000000;
font-family: arial;
font-size: 24px;
font-style: none;
text-align: right;
line-height: normal;
text-transform: lowercase;
padding: 0px;
margin: 2px;
border-bottom: #000000 dotted 2px;
}

p {
font-family: arial;
color: #a16152;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}

p.left {
font-family: arial;
color: #7c4445;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #a16152;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #a16152;
display: block;
letter-spacing: 1px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

a.nav:hover {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: bold;
font-size: 12px;
line-height: normal;
color: #000000;
display: block;
letter-spacing: 3px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 195px; height: auto; top: 372px; left: 23px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e;">

<h3>Section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet interdum nisl, ac porta arcu. Proin id orci bibendum, bibendum tellus vel, pretium turpis. Nullam fringilla, libero at ornare condimentum, arcu urna porta odio, eget consequat justo ipsum sed tellus. Nulla tortor magna, lacinia ut pharetra a, rhoncus sit amet nisl. Aliquam ultrices at sapien quis bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean consequat libero non mauris suscipit venenatis.<p><p>

<h3>Section II</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur purus erat, vitae semper nisi posuere at. Cras purus mauris, sodales sit amet velit non, euismod placerat mi. Pellentesque eget pulvinar sapien, in condimentum arcu. Sed scelerisque libero vitae elit consectetur tempor. Quisque viverra facilisis mauris eget facilisis. Praesent porttitor rhoncus ultricies. Nunc non nisi eget sem porttitor euismod feugiat eu nulla. Nunc sit amet pulvinar sem, iaculis lacinia nibh. Vivamus pulvinar, quam in euismod imperdiet, dui felis mollis quam, tempor malesuada libero tellus vel nisl. Fusce rhoncus tortor id augue auctor, in venenatis elit pellentesque.<p></p>

</div>


<div style="overflow: auto; width: 530px; height: auto; top: 372px; left: 243px; position: absolute; padding: 1px; margin-bottom: 40px;">

<h1>Links</h1>
<p><b><center><nav class>
<a href="">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a>
<br></b></nav></center></p>

<h1>Section III</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in. Pellentesque lacinia cursus sapien sed tempor. Aliquam in sodales erat, a gravida ante. Quisque et sem mollis, convallis nisi eget, tristique felis.<p><p>

Nulla malesuada lorem non justo cursus vulputate. Etiam vestibulum dolor quis augue gravida, at semper lorem condimentum. Nullam consequat est et diam adipiscing, vehicula consectetur turpis aliquet. Vivamus dignissim dui at enim malesuada eleifend. Donec venenatis ligula nibh, a ornare massa volutpat ac. Cras sodales eget enim sit amet accumsan. Cras vitae justo congue, molestie mauris non, sollicitudin est. Curabitur elementum varius lacus, nec tempus urna sodales eget. Pellentesque velit ligula, rhoncus sed rhoncus non, molestie sed justo. Duis quis felis sed urna dignissim fringilla. Nunc suscipit risus vel velit vestibulum tincidunt in sagittis arcu.</p>

<h1>Section IV</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit vestibulum purus, et pulvinar nisi volutpat quis. Nunc ut leo varius, porttitor enim adipiscing, dapibus elit. Suspendisse potenti. Nunc id placerat ipsum. Etiam sodales urna tortor, ac congue eros pretium sed. Morbi congue eget enim vel vestibulum. Fusce vel magna eget mi mollis accumsan non vitae magna. Donec facilisis placerat nunc, eget tempor odio placerat at. Praesent urna magna, tempor id nisi eu, sagittis hendrerit ipsum. In ac neque ac arcu bibendum semper. Sed neque nibh, fermentum in fringilla sagittis, posuere eget velit. Vivamus tristique quam in odio posuere interdum. Aliquam nec erat vel ante volutpat interdum eu sit amet nunc. Nunc egestas, libero eu laoreet placerat, turpis dui fringilla tellus, ac blandit elit orci at elit. Pellentesque facilisis congue nunc nec ultricies.<p><p>

Sed consequat, magna nec vulputate convallis, lorem est molestie nisl, ut venenatis mauris lectus non ligula. Donec dapibus luctus purus sit amet convallis. Donec a dolor ut arcu vehicula vehicula sed vitae sem. Proin felis tellus, faucibus interdum gravida id, malesuada id nibh. Mauris congue mauris nisl, nec consequat erat viverra eget. Nunc eget metus nunc. Morbi lobortis sed diam quis accumsan. Pellentesque lacinia lectus eget nulla suscipit suscipit. Etiam sit amet dolor sit amet orci rutrum mattis. Quisque gravida tincidunt metus eget auctor. Nam varius lorem sit amet nibh posuere, vitae cursus nulla mattis. Phasellus ac elementum nisi. Nullam aliquam mattis nisi vel volutpat. Proin commodo dui nec justo fringilla congue eu quis eros.<p><p>

Aenean ac eros gravida elit viverra pretium. Vestibulum fringilla tellus a varius condimentum. Quisque ac risus non ante bibendum pretium non quis massa. Aenean vulputate pharetra augue, quis egestas justo vehicula id. In dictum leo non rhoncus tincidunt. Suspendisse non magna eu justo tincidunt consectetur. Cras malesuada mollis felis sit amet fermentum. Nulla ornare est justo, nec mollis arcu cursus id. Donec sed justo quis augue faucibus mollis vitae ac turpis. Phasellus eget urna porttitor, varius velit a, consequat justo. Phasellus vitae nunc orci. Sed sed adipiscing leo.<p><p>

Mauris non purus a orci varius hendrerit quis non purus. Nunc ac porta lectus. Etiam eu ornare odio. Pellentesque augue augue, congue vitae tincidunt vitae, congue ac purus. Nullam imperdiet bibendum adipiscing. Aliquam ac leo mi. Nunc ultricies, felis vitae euismod varius, mauris lacus blandit nulla, ut vulputate enim odio vel dolor.</p>
</div>

<div style="overflow: auto; width: 100px; height: auto; top: 1650px; left: 685px; position: absolute; padding: 1px; margin-bottom: 0px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>

</body>
</html>

Sunday 11 May 2014

Crystal Nymph -- Little Red

<html>

<head>
<title>May You Always Run Free</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://fc02.deviantart.net/fs71/f/2014/131/c/4/c42bdb7ccd96d49b4b6b7d1ae4389503-d7i1rll.png') repeat-y #1f0e02;
padding: 0px;
margin: 0px;
left: 0px;
}

#header {
background: url('http://fc01.deviantart.net/fs70/f/2014/131/1/d/1d744839a2567e63439d3e84cdca8bee-d7i1ret.png') no-repeat #1f0e02;
overflow: auto;
width: 850px;
height: 400px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #ceaf6f;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #b99751 solid 4px;
}

h3 {
color: #ceaf6f;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #b99751 solid 4px;
}

p {
font-family: candara;
color: #855021;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}

p.left {
font-family: verdana;
color: #a4bcff;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #855021;
text-decoration: none;
}

a:hover {
color: #ceaf6f;
text-decoration: none;
}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #855021;
display: block;
letter-spacing: 1px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

a.nav:hover {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #855021;
display: block;
letter-spacing: 3px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 205px; height: auto; top: 372px; left: 15px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>Section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet interdum nisl, ac porta arcu. Proin id orci bibendum, bibendum tellus vel, pretium turpis. Nullam fringilla, libero at ornare condimentum, arcu urna porta odio, eget consequat justo ipsum sed tellus. Nulla tortor magna, lacinia ut pharetra a, rhoncus sit amet nisl. Aliquam ultrices at sapien quis bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean consequat libero non mauris suscipit venenatis.<p><p>

<h3>Section II</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur purus erat, vitae semper nisi posuere at. Cras purus mauris, sodales sit amet velit non, euismod placerat mi. Pellentesque eget pulvinar sapien, in condimentum arcu. Sed scelerisque libero vitae elit consectetur tempor. Quisque viverra facilisis mauris eget facilisis. Praesent porttitor rhoncus ultricies. Nunc non nisi eget sem porttitor euismod feugiat eu nulla. Nunc sit amet pulvinar sem, iaculis lacinia nibh. Vivamus pulvinar, quam in euismod imperdiet, dui felis mollis quam, tempor malesuada libero tellus vel nisl. Fusce rhoncus tortor id augue auctor, in venenatis elit pellentesque.<p><p>

Integer congue neque eget arcu suscipit, vel rhoncus velit venenatis. Fusce sed metus semper, placerat quam sit amet, auctor libero. In interdum ligula nec risus pellentesque, non tempor libero commodo. Integer ultricies magna vulputate dolor malesuada, eget cursus augue pulvinar. Vestibulum in posuere risus. Pellentesque accumsan varius eros, a euismod dolor suscipit at. Nulla risus metus, molestie eu libero et, semper aliquam justo. Nulla facilisi. Sed vestibulum augue sapien, at molestie justo iaculis in. Aenean non enim a leo rutrum bibendum. Fusce leo risus, fringilla vitae dictum porta, consequat vel ante. Etiam accumsan ac dolor eu ultrices. Donec justo purus, consectetur ac pulvinar ac, porta imperdiet lorem. Nam facilisis iaculis commodo. Aenean id ultrices mi.<p>

</div>


<div style="overflow: auto; width: 545px; height: auto; top: 372px; left: 240px; position: absolute; padding: 1px; margin-bottom: 40px;">

<h1>Links</h1>
<p><b><nav class a href="Link Here"><font face=candara>Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a><br></font></p>

<h1>Section III</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in. Pellentesque lacinia cursus sapien sed tempor. Aliquam in sodales erat, a gravida ante. Quisque et sem mollis, convallis nisi eget, tristique felis.<p><p>

Nulla malesuada lorem non justo cursus vulputate. Etiam vestibulum dolor quis augue gravida, at semper lorem condimentum. Nullam consequat est et diam adipiscing, vehicula consectetur turpis aliquet. Vivamus dignissim dui at enim malesuada eleifend. Donec venenatis ligula nibh, a ornare massa volutpat ac. Cras sodales eget enim sit amet accumsan. Cras vitae justo congue, molestie mauris non, sollicitudin est. Curabitur elementum varius lacus, nec tempus urna sodales eget. Pellentesque velit ligula, rhoncus sed rhoncus non, molestie sed justo. Duis quis felis sed urna dignissim fringilla. Nunc suscipit risus vel velit vestibulum tincidunt in sagittis arcu.</p>

<h1>Section IV</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit vestibulum purus, et pulvinar nisi volutpat quis. Nunc ut leo varius, porttitor enim adipiscing, dapibus elit. Suspendisse potenti. Nunc id placerat ipsum. Etiam sodales urna tortor, ac congue eros pretium sed. Morbi congue eget enim vel vestibulum. Fusce vel magna eget mi mollis accumsan non vitae magna. Donec facilisis placerat nunc, eget tempor odio placerat at. Praesent urna magna, tempor id nisi eu, sagittis hendrerit ipsum. In ac neque ac arcu bibendum semper. Sed neque nibh, fermentum in fringilla sagittis, posuere eget velit. Vivamus tristique quam in odio posuere interdum. Aliquam nec erat vel ante volutpat interdum eu sit amet nunc. Nunc egestas, libero eu laoreet placerat, turpis dui fringilla tellus, ac blandit elit orci at elit. Pellentesque facilisis congue nunc nec ultricies.<p><p>

Sed consequat, magna nec vulputate convallis, lorem est molestie nisl, ut venenatis mauris lectus non ligula. Donec dapibus luctus purus sit amet convallis. Donec a dolor ut arcu vehicula vehicula sed vitae sem. Proin felis tellus, faucibus interdum gravida id, malesuada id nibh. Mauris congue mauris nisl, nec consequat erat viverra eget. Nunc eget metus nunc. Morbi lobortis sed diam quis accumsan. Pellentesque lacinia lectus eget nulla suscipit suscipit. Etiam sit amet dolor sit amet orci rutrum mattis. Quisque gravida tincidunt metus eget auctor. Nam varius lorem sit amet nibh posuere, vitae cursus nulla mattis. Phasellus ac elementum nisi. Nullam aliquam mattis nisi vel volutpat. Proin commodo dui nec justo fringilla congue eu quis eros.<p><p>

Aenean ac eros gravida elit viverra pretium. Vestibulum fringilla tellus a varius condimentum. Quisque ac risus non ante bibendum pretium non quis massa. Aenean vulputate pharetra augue, quis egestas justo vehicula id. In dictum leo non rhoncus tincidunt. Suspendisse non magna eu justo tincidunt consectetur. Cras malesuada mollis felis sit amet fermentum. Nulla ornare est justo, nec mollis arcu cursus id. Donec sed justo quis augue faucibus mollis vitae ac turpis. Phasellus eget urna porttitor, varius velit a, consequat justo. Phasellus vitae nunc orci. Sed sed adipiscing leo.<p><p>

Mauris non purus a orci varius hendrerit quis non purus. Nunc ac porta lectus. Etiam eu ornare odio. Pellentesque augue augue, congue vitae tincidunt vitae, congue ac purus. Nullam imperdiet bibendum adipiscing. Aliquam ac leo mi. Nunc ultricies, felis vitae euismod varius, mauris lacus blandit nulla, ut vulputate enim odio vel dolor.</p>

</p>

</div>
</body>
</html>

Brit -- True Gryffindor

<html>

<head>
<title>True Gryffindor</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}

body {
background: url('http://fc08.deviantart.net/fs70/f/2014/131/d/d/____by_prettyyetdangerous-d7i0xar.png') repeat-y #000000;
padding: 0px;
margin: 0px;
left: 0px;
}

#header {
background: url('http://fc08.deviantart.net/fs70/f/2014/131/b/9/dumbledore_quote_ii_by_prettyyetdangerous-d7i0w6w.png') no-repeat #000000;
overflow: auto;
width: 850px;
height: 400px;
top: 0px;
left: 0px;
position: absolute;
}

h1 {
color: #d8a2a2;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #8c0404 solid 4px;
}

h3 {
color: #d8a2a2;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #8c0404 solid 4px;
}

p {
font-family: candara;
color: #d83b1e;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}

p.left {
font-family: verdana;
color: #a4bcff;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}

a:link, a:visited {
color: #d83b1e;
text-decoration: none;
}

a:hover {
color: #d83b1e;
text-decoration: none;
}

a.nav, a.nav:link, a.nav:active, a.nav:visited {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #f3f4ff;
display: block;
letter-spacing: 1px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

a.nav:hover {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #f3f4ff;
display: block;
letter-spacing: 3px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}

</style>
</head>


<body>

<div id="header"></div>

<div style="overflow: auto; width: 190px; height: auto; top: 372px; left: 31px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">

<h3>section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in.</p>
<p>
<p>

<h3>Section II</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in.</p>

</div>


<div style="overflow: auto; width: 510px; height: auto; top: 372px; left: 255px; position: absolute; padding: 1px; margin-bottom: 40px;">

<h1>links</h1>
<p><center><font face=candara size=2><b><a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> <br>
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> <br>
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a></b></center></p>

<h1>Section III</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in. Pellentesque lacinia cursus sapien sed tempor. Aliquam in sodales erat, a gravida ante. Quisque et sem mollis, convallis nisi eget, tristique felis.<p><p>

Nulla malesuada lorem non justo cursus vulputate. Etiam vestibulum dolor quis augue gravida, at semper lorem condimentum. Nullam consequat est et diam adipiscing, vehicula consectetur turpis aliquet. Vivamus dignissim dui at enim malesuada eleifend. Donec venenatis ligula nibh, a ornare massa volutpat ac. Cras sodales eget enim sit amet accumsan. Cras vitae justo congue, molestie mauris non, sollicitudin est. Curabitur elementum varius lacus, nec tempus urna sodales eget. Pellentesque velit ligula, rhoncus sed rhoncus non, molestie sed justo. Duis quis felis sed urna dignissim fringilla. Nunc suscipit risus vel velit vestibulum tincidunt in sagittis arcu.</p>

<h1>Section IV</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit vestibulum purus, et pulvinar nisi volutpat quis. Nunc ut leo varius, porttitor enim adipiscing, dapibus elit. Suspendisse potenti. Nunc id placerat ipsum. Etiam sodales urna tortor, ac congue eros pretium sed. Morbi congue eget enim vel vestibulum. Fusce vel magna eget mi mollis accumsan non vitae magna. Donec facilisis placerat nunc, eget tempor odio placerat at. Praesent urna magna, tempor id nisi eu, sagittis hendrerit ipsum. In ac neque ac arcu bibendum semper. Sed neque nibh, fermentum in fringilla sagittis, posuere eget velit. Vivamus tristique quam in odio posuere interdum. Aliquam nec erat vel ante volutpat interdum eu sit amet nunc. Nunc egestas, libero eu laoreet placerat, turpis dui fringilla tellus, ac blandit elit orci at elit. Pellentesque facilisis congue nunc nec ultricies.<p><p>

Sed consequat, magna nec vulputate convallis, lorem est molestie nisl, ut venenatis mauris lectus non ligula. Donec dapibus luctus purus sit amet convallis. Donec a dolor ut arcu vehicula vehicula sed vitae sem. Proin felis tellus, faucibus interdum gravida id, malesuada id nibh. Mauris congue mauris nisl, nec consequat erat viverra eget. Nunc eget metus nunc. Morbi lobortis sed diam quis accumsan. Pellentesque lacinia lectus eget nulla suscipit suscipit. Etiam sit amet dolor sit amet orci rutrum mattis. Quisque gravida tincidunt metus eget auctor. Nam varius lorem sit amet nibh posuere, vitae cursus nulla mattis. Phasellus ac elementum nisi. Nullam aliquam mattis nisi vel volutpat. Proin commodo dui nec justo fringilla congue eu quis eros.<p><p>

Aenean ac eros gravida elit viverra pretium. Vestibulum fringilla tellus a varius condimentum. Quisque ac risus non ante bibendum pretium non quis massa. Aenean vulputate pharetra augue, quis egestas justo vehicula id. In dictum leo non rhoncus tincidunt. Suspendisse non magna eu justo tincidunt consectetur. Cras malesuada mollis felis sit amet fermentum. Nulla ornare est justo, nec mollis arcu cursus id. Donec sed justo quis augue faucibus mollis vitae ac turpis. Phasellus eget urna porttitor, varius velit a, consequat justo. Phasellus vitae nunc orci. Sed sed adipiscing leo.<p><p>

Mauris non purus a orci varius hendrerit quis non purus. Nunc ac porta lectus. Etiam eu ornare odio. Pellentesque augue augue, congue vitae tincidunt vitae, congue ac purus. Nullam imperdiet bibendum adipiscing. Aliquam ac leo mi. Nunc ultricies, felis vitae euismod varius, mauris lacus blandit nulla, ut vulputate enim odio vel dolor.

<h1>Achievements</h1>

</p>

</div>

<div style="overflow: auto; width: 100px; height: auto; top: 1650px; left: 685px; position: absolute; padding: 1px; margin-bottom: 0px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>


</body>
</html>