Bardolph profile (Lock edit)

 <style type="text/css">
.pfor {
display: none;
}

#profile {
border: 0px;
background-color: transparent;
}

a:link, a:visited { text-decoration: bold; color:#000000; }

a.a2:link, a.a2:visited { text-decoration: none; font-style: italic; color:black; }
a.a2:hover { font-weight: 600; color:black; }

a.b2 { text-decoration: none; font-style:none; color: #000000;}

a.ooc:hover { text-decoration: none; font-style: italic; cursor: default; }

#whole {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
background-color: #484022;
font-family: "Times New Roman", Arial;
font-size: 13px;
color:   black;
background-image: url('http://i59.tinypic.com/2e2pjfb.jpg');
background-repeat: no-repeat;
background-position: right 30% bottom;
background-size: auto 100%;
}



#textstretch
{
margin-top: 100px;
background: transparent;
margin-left: 100px;
width: 450px;
height: 100px;
overflow: hidden;
border: 0px solid black;
position: fixed;
transition: height 1s;
left: 5%;
-webkit-transition: height 1s;
}

#textstretch:hover{
  height: 290px;
}

#text {
left: 0px;
position: absolute;
border: 0px solid black;
background-color:transparent;
text-align: left;
border-top: 1px solid black;
border-left: 1px solid black;
width: 400px;
height: 30px;
padding: 10px;
margin-left: 0px;
}


#text2 {

position: absolute;
bottom: 0px;
border: 0px solid black;
background-color:transparent;
text-align: left;
border-bottom: 1px solid black;
border-right: 1px solid   black;
height: 30px;
width: 400px;
padding: 10px;
}

#opentext {
float: left;
  margin-left: 10px;
border: 0px solid black;
background-color:transparent;
text-align: left;
width: 60px;
height: 100px;
margin-top: 100px;
padding-top: 0px;
}

#opentext2 {
text-align: left;
  float: left;
  width: 300px;
  border: 0px black solid;
  height: 100px;
  margin-top:100px;
  margin-left: 20px;
  padding-left: 5px;
  overflow: auto;
  padding-right: 13px;
}

h1.h0
{font-size:14px; font-style: oblique; font-weight:thick; margin: 0; padding: 0; display:inline;}

span.drop {border-bottom: none; color:black;}
span.drop:hover {text-decoration: none;  z-index: 6; font-style:italic;}
span.drop span {position: absolute; left: -9999px;
  margin: -205px 0 0 -5.8px; padding: 1px 1px 1px 5px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;
opacity: 0.1;
transition: opacity 1s;
-webkit-transition: opacity 1s;
  }
span.drop:hover span {left: 2%; background: #484022;
width: 80px;
height: 150px;
padding-top: 56px;
overflow: hidden;
border: 0px #7CF105 dashed;
text-align: left;
font-size: 13px;
opacity: 0.1;
font-family: Times New Roman, Verdana, Geneva, Arial, sans-serif;
opacity: 1.0;
}



#version {position: absolute;
background: transparent;
height: 20px;
width: 300px;
border: 0px;
color: black;
font-family: 'Times New Roman', Times;
font-size: 13px;
font-style: italic;
left: 20px;
bottom: 0px;
}


</style>



<div id="whole">

<div id="version">
<a href="http://roleplay.chat/profile.php?user=Exael" target="blank" class="a2" style="font-weight:800;" title="coding credit">
x</a>
</div>



<div id="textstretch">
<div id="text">
<b>Bardolph</b><br>
<i>Gardener</i>
<br>
</div>

<div id="opentext">
<b>Info</b> <font size=1>(hover)</font>
<br>
<a href="#OOC" class="a2"  title="Unknown."><i>Hometown</i></a><br>
<a href="#OOC" class="a2"  title="Bacon Quiche"><i>Fav. Food</i></a><br>
<a href="#OOC" class="a2"  title="Gaming, Motorcycles and Conversation."><i>Hobbies</i></a><br>
<a href="#OOC" class="a2" title="Cigarettes and Booze."><i>Vices</i></a><br>
</div>

<div id="opentext2">
<a href="#SectionOne" class="b2"></a>
<a href="#SectionTwo"class="b2"></a>
<a href="#SectionThree" class="b2"></a>
<a href="#OOC" class="b2"></a>

<a name="SectionTwo"></a>

<a name="SectionThree"></a>

<a name="OOC"></a>
<b>OOC</b><br>
IC/RP =/= OOC/RL. Don't mix the two and we'll be fine. PM friendly but don't start with a post. If I say no it means no, so you're more likely to have better luck with a brick wall.

</div>

<div id="text2">

<b>(</b> Male <b>)</b>
<b>(</b> Wolf <b>)</b>
<b>(</b> Late 20's <b>)</b>
 <b>(</b> <i>Lean</i> Build <b>)</b>
<b>(</b> Bisexual <font size=1><i>male lean</i></font> <b>)</b></span>
<br>
<b>(</b> Fur Color - <i>Mix of white, tan and black</i> <b>)</b>
 <b>(</b> Eye Color - <i>Blue</i> <b>)</b></span>
</div>
</div>


</div>