For Roro~

<style type="text/css">

body {

background-color: #FFFFFF;
background-image:url(http://img59.imageshack.us/img59/4902/tvnw.jpg);
background-attachment: fixed;
background-position: center right;
background-repeat: no-repeat;
font-family: Arial;
font-variant: normal;
font-size: 70%;
color: #000000;}

body, a, a:hover { cursor:url(http://www151.lunapic.com/do-not-link-here-use-hosting-instead/137202149951729?9892404951); auto; }

.pfor { display: none; }

#profile {

background-color: #FFFFFF;
border: 0px;
position: fixed;
right: 600px;
bottom: 200px;
height: 200px;
width: 400px;}

#bordertop {

position: fixed;
left: 0px;
top: 0px;
background-color: #000000;
height: 100px;
width: 100%;}

#borderbottom {

position: fixed;
left: 0px;
bottom: 0px;
background-color: #000000;
height: 100px;
width: 100%;}

#navigation {

background-color: #FFFFFF;
position: absolute;
left: 0px;
top: 0px;}

.navigation th {

height: 10px;
width: 100px;
background-color: #000000;
font-family: Arial;
font-weight: normal;
font-variant: small-caps;
font-size: 65%;
line-height: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

.navigation th:hover {

background-color: #FFFFFF;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}

#navigation a:link { color: #000000; }
#navigation a:visited { color: #000000; }
#navigation a:hover { color: #FFFFFF; }
#navigation a:active { color: #FFFFFF; }

#navigation a:link { text-decoration:none; }
#navigation a:visited { text-decoration:none; }
#navigation a:hover { text-decoration:none; }
#navigation a:active { text-decoration:none; }

#navigation a:link { display: block; }

a:link, visited, hover, active {

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; }

#padding { padding: 25px; }

#banner {

border: 1px solid #000000;
position: absolute;
left: 0px;
top: -150px;
transition: all 3.0s ease-in-out;
-moz-transition: all 3.0s ease-in-out;
-webkit-transition: all 3.0s ease-in-out;
-o-transition: all 3.0s ease-in-out;}

#banner:hover {

left: 200px;
transition: all 3.0s ease-in-out;
-moz-transition: all 3.0s ease-in-out;
-webkit-transition: all 3.0s ease-in-out;
-o-transition: all 3.0s ease-in-out;}

p.one {

background-color: #transparent;
border-right: 5px solid #91BF74;
font-family: Century Gothic;
text-align: right;
letter-spacing: 5px;
font-weight: normal;
font-variant: small-caps;
font-size: 150%;}

p.one:first-letter { font-weight: bold; }

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { background-color: #000000; }

.information td {

width: 200px;
text-align: left;
font-family: Arial;
font-variant: normal;
font-size: 65%;
letter-spacing: 1px;
line-height: 10px;
color: #000000;}

.information b { font-family: Century Gothic; }

a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }

ul {

position: fixed;
background-color: #000000;
height: 100%;
width: 100px;
left: 100px;
top: -15px;
padding: 25px;}

li {

width: 100px;
height: 20px;
background: #FFFFFF;
font-variant: small-caps;
font-size: 75%;
letter-spacing: 1px;
text-align: center;
list-style-type: none;
margin-bottom: 10px;
line-height: 20px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;}

li:hover {

background-color: #91BF74;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;}

li a:link { display: block; }

h1 {

position: fixed;
right: 10px;
bottom: 0px;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}

b { font-variant: small-caps; }

i { color: #666666; }

</style>

<div id="bordertop"></div>

<div id="borderbottom"></div>

<div id="navigation">

<table class="navigation">
<th><a href="#01">Irelands ~</a></th>
<th><a href="#02">Emerald~</a></th>
<th><a href="#03">Gem~</a></th>
<th><a href="#04">Mother~</a></th>
<th><a href="#05">Fuckers~</a></th>
<th><a href="#06">.....~</a></th>
<th><a href="#07">OOC~</a></th>
</table>

</div>

<h1>Layout © <a href="http://roleplaychat.org/profile.php?user=Lais%20Petralia" target="_blank">Lais Petralia</a></h1>

<div id="banner">

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLvQLAxQ-iKUxv_BLZhudT-vhwu6hlQxlkpkAB8reIgFZeDyph" width="200" height="140">

</div>


<div style="height: 200px; overflow-y: hidden;">
<a name="01"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The Head~</p>

<table class="information">
<tr><td><b>Name:</b></td> <td>Liam Keeler</td></tr>

</table>

</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="02"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The body~</p>

<div align="justify">



 </div>

</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="03"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The tail~</p>




</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="04"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The Allies & The Foes~</p>







 </div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="05"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">The true form~</p>




</div>

</div>


<div style="height: 200px; overflow-y: hidden;">
<a name="06"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">Gallery~</p>
<br><br>
<img src="http://25.media.tumblr.com/3f410b5178939be0ce7d9922aefa4e13/tumblr_mfd17qqEwk1qaozevo1_500.gif" width="250">
<br>
<img src="http://24.media.tumblr.com/tumblr_m50dh5BFmu1rwqat6o1_500.gif" width="250">
<br>
<img src="http://25.media.tumblr.com/3dc1c2f8b7237799cfea807cf744ba14/tumblr_mkfx5q0Dm01s9n3gpo1_400.gif" width="250">
<br>
<img src="http://25.media.tumblr.com/75e45a99ebd545026f5f3488960bf275/tumblr_mkfx7gl0JF1s9n3gpo1_500.gif" width="250">
<br>
<img src="http://24.media.tumblr.com/tumblr_mdt9wkds3J1rd8nq0o1_500.gif" width="250">
<br>
<img src="http://24.media.tumblr.com/d3adb637ee428a8b1dd8dff86edd0793/tumblr_mo37nd13nJ1qdewcyo3_r1_250.gif" width="250">
<br>
<img src="http://25.media.tumblr.com/95a2fe6468300e450b1eafc0e2325b5d/tumblr_mn66gispoQ1rjrbn5o2_r1_500.gif" width="250">
<br>
<img src="http://24.media.tumblr.com/0ed0eef0feb95e8b815f8366eea34b9f/tumblr_mkccskzkmF1qf9fr7o2_250.gif" width="250">
<br>
<img src="http://24.media.tumblr.com/f89be6a86a5a0d09f117614e90ebc9e3/tumblr_mka16cMAUX1qd02ldo1_250.gif" width="250">

</div>

</div>

<div style="height: 200px; overflow-y: hidden;">
<a name="07"></a>
<div style="height: 200px; overflow: auto;" align="center">

<div id="padding">

<p class="one">Out of Character~</p>

<p>• As for Rp. If the writing is bold, Keeler is speaking. If italics it's Liam speaking. If it's normal, then they are either in one body or speaking at the same time.</p>

<p>• I am not 'Liam Murphy' I understand there was someone on this group before me with the same name and FC, but we are not one and the same. It is simply a coincidence.</p>

<p>• PM friendly, just don't be stupid about it.</p>

<p>• Long Term beats Short Term, though if the story's good both are good.</p>

<p>• No smut, unless you are a love interest.</p>

<p>• Don't steal the code, simply ask Lais herself about it as I have no problem sharing.</p>

<p>• Don't piss me off? Come on, I'm a nice guy.</p>

<p>• Ask for my Alt.</p>

<p>• I have Skype, just ask for it.</p>

<p>• Am always OOC, unless I state I am in RP Via status.</p>

<p>• Pictures are not mine and shall be removed if the owner asks with proof of ownership. So fuck off unless your Robert Sheehan.</p>

</div>

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