Mei adjustment

<style>
@import url(http://fonts.googleapis.com/css?family=Flamenco) ;
.pfor {display: none;}
#profile {background: transparent; border: 0px;}

body {background: white; }


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

#whole {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
color: #F9B7FF;
background-color: 7F5A58;
  bottom: 0px;
}

#bigbody{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  margin: auto;
  height: 600px;
  width: 820px;
background-color: 7F5A58;
  border: 0px solid black;}

#smallbody {
  z-index: 4;
  position: absolute;
  left: 20px;
  top: 20px;
  height: 555px;
  width: 385px;
  background-image:url(http://i58.tinypic.com/28thuup.jpg);
  background-repeat: no-repeat;
  border: 3px solid #C48189;
  border-radius: 10px;
}

#linktab{
  position: absolute;
  bottom: 558px;
  top: -20px;
  left: 5px;
  right: 5px;
  border-radius: 10px 10px 0px 0px;
  background: #C48189;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 1;
  color: white;
  overflow: hidden;
}

#smallbody:hover #linktab, #linktab:hover{
  top: -70px;
  border-radius: 10px 10px 0px 0px;
}

#tabshere{
  height: 25px;
  width: 50px;
  border: 1px solid white;
  border-radius: 10px;
  float: left;
  margin: 20px;
}

.slider{
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  height: 485px;
  color: #F9B7FF;
  font-family:flamenco;
font-size: 18px;
  width: 385px;
  padding: 2px;
  border: 3px solid #C48189;
  border-radius: 10px;
  transition: all 1s, opacity 1.5s;
  -webkit-transition: all 1s, opacity 1.5s;
  opacity: 0;
  right: 400px;
  color: black;
}

.slider:target{
  right: 10px;
  opacity: 1;
}

#dualboxes{
  margin: auto;
  margin-top: 60px;
  height: 150px;
  width: 250px;
  padding: 2px;
font-family:flamenco;
border: 3px solid #C48189;
border-radius: 10px;
}


h1 {
color: #EDC9AF;
border-bottom: 2px;
text-shadow: 1px 1px 0px #F6358A ;
font-size: 26px;


}


.blood {
margin-top: 1px;
height: 50px;
width: 50px;
margin-left: 5px;
border: #FC6C85 2px solid;
opacity: 1;
}

a:active, a:link, a:visited{
color:#82296D;
text-decoration:none;
}

a:hover{
cursor:help;
color:#FAE5DC;
text-decoration:line-through;
}


i {
        color: #FBBBB9;}


u {
        color: #FC6C85;
        font-size: 15px;
        letter-spacing:3px;}

b {
        font-weight: bold;
        color: #EDC9AF;
        letter-spacing: 1px;}


</style>






<div id="whole">
<div id="bigbody">
 <div style="position: absolute; top: 180px; left: -257px; width:500; transform: rotate(-90deg); font: italic bold normal 90px 'Flamenco'; color: #C48189; text-align: left; letter-spacing: .50px; height: ; z-index: 99 ;">Mei Xiang</div>
  <div id="smallbody">
    <div id="linktab">

      <a href=#tab1>
      <div id="tabshere">

        </div></a>
      <a href=#tab2>
    <div id="tabshere">

        </div></a>
      <a href=#tab3>
    <div id="tabshere">

        </div></a>
      <a href=#tab4>
    <div id="tabshere">

        </div></a>


    </div>
  </div>

  <div id="tab1" class="slider">
  </div>

  <div id="tab2" class="slider">
  </div>

<div id="tab3" class="slider">
  </div>

<div id="tab4" class="slider">
  </div>

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