SIGMA-009 (Woman)

<style type="text/css">
.pfor {display: none;}
#profile {background-color: transparent;}
#profile {border: 0px;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur824.cur), progress !important;}
body {background-color: #FBBBB9;}


::-webkit-scrollbar {width: 3px;
        background-color: #111111; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
        background-color: #d1becd; }
::-webkit-scrollbar-thumb { background-color: #d485c4;background-image: url("");
        border: 1px solid #d485c4; }

::selection {
  background: #d1becd; /* WebKit/Blink Browsers */
}



.left-side {
  float: left;
  width: 30%;
  height: 300px;
  background: #FCDFFF;
}

.right-side {
  float: left;
  width: 50%;
  height: 562px;
  background: #FCDFFF;
}


.pic-info h1 {
  font-weight: 200;
  color: lightpink;
  text-align: center;
  border-bottom: 2px dotted white;
  width: 90%;
  margin: 0 auto;
  line-height: 2em;
}

li {
  line-height: .7em;
  background-color: #C48793;
  margin-bottom: 1px;
height: 15px;
}

li:hover {
  background-color: rgba(0,0,0,.2);
  curser: pointer;
  color: lightpink;
  transition: .5s;
}
.active {
  background-color: rgba(0,0,0,.8);
  curser: pointer;
  color: lightpink;
  transition: .5s;
}

a {
  display: block;
  text-decoration: none;
  color: white;
  font-weight: 200;
  width: 100%;
  height: 100%;
}

a:hover {
  color: lightpink;
  transition: .5s;
}

ul {
  margin-top: 25px;
  padding: 0;
  text-align: center;
}



.about {
  width: 90%;
  min-height: 88%;
  margin: 0 auto;
  background-color: white;
  padding: 0 15px 15px 15px;
  position: relative;
}

.about h1 {
  border-bottom: 1px dotted pink;
   -webkit-text-stroke: 1px  #990000;

  padding-top: 5px;
  line-height: 1.5em;
}

</style>

<DIV style="position: fixed; top:10px; left:593px;height:25px">
<div class="left-side">

  <div class="pic-info">
    <h1><font face="Futura MdCn BT"color="E8ADAA">Veronica</font></h1>
  </div>
  <div class="nav">
    <ul class="nav-list"><small>
      <li><a id="#tabs1" href="#"><font face="Futura MdCn BT">Friend1</a></li>
      <li><a id="#tabs2" href="#">Friend2</a></li>
      <li><a id="#tabs3"href="#">Friend3</a></li><br></font></small>
<img src="http://68.media.tumblr.com/01d9bbcc01529cc3cc3b183c7dbbafb2/tumblr_nrqszzE7Gq1thmf65o1_250.gif" width="220"height="136"></br>
    </ul>
  </div>
</div>
<div class="right-side">
  <div class="about">
    <h1><font face="Monotype Corsiva"color="E8ADAA">The Woman Inside</font></h1>
   <font face="Futura MdCn BT "color="555555" size="1">

<div style="width:105%; height:290px; overflow:auto;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore accusamus dolorem alias ipsa eligendi molestias inventore eius voluptatum maiores quas hic quisquam fugit eveniet necessitatibus delectus accusantium quidem iusto neque. </br>
<br>Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. <i>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.Nam quam nunc, blandit vel, luctus pulvinar, </i>hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc.<br>

<br>Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, <b>hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.Nam quam nunc, blandit vel,</b> luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc.

    <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit sit iusto alias eveniet libero harum commodi amet praesentium repudiandae eum voluptatibus dicta distinctio earum sequi nam laboriosam fugiat asperiores ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias et quisquam magni eos hic quas quam! Vitae praesentium dolores reiciendis aut voluptatibus enim numquam ipsam earum explicabo sit. Debitis consequatur.</br>

<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore accusamus dolorem alias ipsa eligendi molestias inventore eius voluptatum maiores quas hic quisquam fugit eveniet necessitatibus delectus accusantium quidem iusto neque. </br>
    <br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit sit iusto alias eveniet libero harum commodi amet praesentium repudiandae eum voluptatibus dicta distinctio earum sequi nam laboriosam fugiat asperiores ratione. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias et quisquam magni eos hic quas quam! Vitae praesentium dolores reiciendis aut voluptatibus enim numquam ipsam earum explicabo sit. Debitis consequatur.</br></div>

<center><br><img style="border:2px solid #d1becd" src="https://media.giphy.com/media/Lkp0zEpx3CYRq/giphy.gif" width="350"height="134"title="IMG 3"></center>
  </div>
</div>
</div>

<DIV style="position: fixed; top:312px; left:592px;">

<div style="background-color: #ffffff; font-face: catriel; font-size: 7px; width: 220px; height: 250px; padding: 2px; border: 3px double #f4c9eb; overflow: auto">
<div align="right"><div class="maintitle">OOC</div>
<font face="arial"color="#555555">
OOC Here


</div>
</div>
</table>
</DIV>