Ian -WIP-

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

<style type="text/css">

body {

background-color: #000000;
background-image: url(http://i.picpar.com/w99.png);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

.Box1{
position:absolute;
bottom: 20px;
left:20px;
height:185px;
width:400px;
border-radius:0px;
background:url('http://img1.wikia.nocookie.net/__cb20140722201036/degrassi/images/f/f4/Ian_Gallagher_(2).gif');
background-size: 100%;
overflow:hidden;
border:4px solid black;
}

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

.effect{
height:200px;
width:385px;
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;
}

</style>

<div class="Box1">
<div class="effect">
<div class="poke">
 <big><i>OOC</i></big>
<br><br>

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