Rowan

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

<style type="text/css">

body {
background-color: #ffffff;
background:url('http://orig04.deviantart.net/2ceb/f/2010/063/9/7/blue_and_grey_wallpaper_by_se8015.jpg');
background-change:100%;
background-position: fixed;
background-repeat:non-repeat;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

.Box1{
position:absolute;
top: 30px;
left:30px;
height:200px;
width:400px;
border-radius:0px;
background:url('http://imgfave-chat-herokuapp-com.global.ssl.fastly.net/image_cache/1327463144832823.jpg');
background-size: 80%
overflow:hidden;
border:4px solid black;
}

.Box2{
position:absolute;
bottom: 30px;
left: 30px;
height:200px;
width:400px;
border-radius:0px;
background:url('http://media.tumblr.com/tumblr_l3ngjiehWN1qazeho.jpg');
overflow:hidden;
border:4px solid black;
}


.Box3{
position:absolute;
top: 30px;
right:30px;
height:200px;
width:400px;
border-radius:0px;
background:url('http://i.imgur.com/tDCNsUV.jpg');
background-size: 80%
overflow:hidden;
border:4px solid black;
}

.Box4{
position:absolute;
bottom: 30px;
right: 30px;
height:200px;
width:400px;
border-radius:0px;
background:url('http://28.media.tumblr.com/tumblr_l6xzxdu9w31qd17lwo1_500.jpg');
overflow:hidden;
border:4px solid black;
}





.poke{
color:#505050;
font-size:12px;
text-align:center;
font-family:pixel;
margin: 2px;
}

.effect{
height:200px;
width:400px;
background-color:#fff;
filter: alpha(opacity=0);
opacity: 0;
border-radius:0px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

 .effect:hover{
border-radius:0px;
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
display: block;
float: left;
width: 86px;
margin-left: 7px;
-moz-border-radius: 5px;
border-radius: 2px;
font-family: consolas;
text-decoration: none;
font-size: 10px!important;
letter-spacing: 0px;
background-color: bbb;
color: 383838;
padding: 2px;
text-align: center!important;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.sinnoh:hover{background-color:f0e0b8;
color:353535;
text-decoration: none;}

a href {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

u {
text-decoration: underline;
font-family:consolas;
color: #505050;
letter-spacing: -1px;
}

b {
color: #493c23;
font-family:consolas;
text-transform:none;
letter-spacing: 2px;
}

a:active, a:link, a:visited{
color:#464f82;
text-transform:none;
font-family:consolas;
letter-spacing: 1px;
text-decoration:none;
transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #a8a8a8;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}

.Name{
position: fixed;
top: 300px;
left: 480px;
color: #8B9656;
font-size: 30px;
line-height: 80px;
letter-spacing: 3px;
font-family: lavanderia sturdy;
text-shadow: #ffd1f9 2px 3px 4px;

}


</style>

<div class="Name">We are but <big>ashes</big> and <i>dust.</i>
</div>

<div class="Box1">
<div class="effect">
<div class="poke">


 <center><big><i>OOC</i></big> </center>
<br><br>


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

<div class="Box2">
<div class="effect">
<div class="poke">


 <center><big><i>OOC</i></big> </center>
<br><br>


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

<div class="Box3">
<div class="effect">
<div class="poke">


 <center><big><i>OOC</i></big> </center>
<br><br>


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

<div class="Box4">
<div class="effect">
<div class="poke">


 <center><big><i>OOC</i></big> </center>
<br><br>


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