CHERRYSUMMER8 - - Custom Profile v2

<style type="text/css">
#header, #search, #main-navbar, #sidebar, #sidetabs, #alerts, #navigation, #chatroom_mini,#chatroom, #footer_bg, #breadcrumbs, #footer_bg, .wrapper{display: none;}div.wraper{ background:none;}

div.sidenav {

overflow: none;

width: 90px;

height: px;

position: absolute;

top: ;

left: -90px;

backgound: transparent;

border: none;

}

div.buttonbox {

overflow: none;

width: 90px;

height: 40px;

position: relative;

background: transparent;

border: none;

transition: background 2s;

-moz-transition: background 2s;

-webkit-transition: background 2s;

-o-transition: background 2s;

}



div.buttonbox:hover {

background: #3ca0d0

}

div.navtop{

overflow: auto;

position: absolute;

height: 75px;

width: 630px;

top: 120px;

left: 10px;

background: transparent;
}


#box1{
border-radius:3px;
border:5px solid #557788;
height:200px;
width:300px;
position:absolute;
top:635px;
right:-320px;
overflow:auto;
background-color:#aaccdd;
}
#box4{
border-radius:3px;
border:5px solid #557788;
height:200px;
width:300px;
position:absolute;
top:190px;
right:-320px;
overflow:auto;
background-color:#aaccdd;
}

#box3{
border-radius:3px;
border:5px solid #557788;
height:200px;
width:300px;
position:absolute;
top:410px;
right:-320px;
overflow:auto;
background-color:#aaccdd;
}

#box2{
border-radius:3px;
border:5px solid #557788;
height:200px;
width:300px;
position:absolute;
top:-30px;
right:-320px;
overflow:auto;
background-color:#aaccdd;
}

#prefs{
height:49px;
width:137px;
position:absolute;
top:-25px;
left:490px;
}

#blo{
height:56px;
width:71px;
position:absolute;
top:-30px;
left:420px;
}

#upd{
height:54px;
width:101px;
position:absolute;
top:-30px;
left:315px;
}

#for{
height:56px;
width:92px;
position:absolute;
left:220px;
top:-31px;
}

#birdy{
z-index:9999;
height:149px;
width:147px;
position:fixed;
bottom:0px;
right:2px;
}

#mail{
width:95px;
height:51px;
position:absolute;
top:-30px;
left:125px;
}

.head{
font-size:large;
color:#0066FF;
}

#content table, #content td{
border:1px solid #aaccdd;
background-color:#aaccdd;
border-radius:10px;
}

#content #body{
border:5px solid #557788;
background-color:#aaccdd;
height:883px;
border-radius:3px;
}


#content{
left:190px;
top:70px;
-webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#content:hover{
-webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

body{
background:url(http://imageshack.us/a/img90/6690/prometheusstars.jpg);
background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
font-family: Baskerville, "Baskerville Old Face";
text-transform:lowercase;
}

a:link{
color:#3333CC;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
a:visited{
color:#3333CC;
}
a:hover{
color:#0066FF;
font-style:italic;
text-decoration:none;
}

div.ex {

overflow: hidden;

position: absolute;

top: -45px;

left: 10px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}



div.gms {

overflow: hidden;

position: absolute;

top: -45px;

left: 100px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}



div.avtr {

overflow: hidden;

position: absolute;

top: -45px;

left: 190px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}



div.trds {

overflow: hidden;

position: absolute;

top: -45px;

left: 280px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: background 2s;

-moz-transition: background 2s;

-webkit-transition: background 2s;

-o-transition: background 2s;

}



div.shps {

overflow: hidden;

position: absolute;

top: -45px;

left: 370px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}



div.actns {

overflow: hidden;

position: absolute;

top: -45px;

left: 460px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}



div.info {

overflow: hidden;

position: absolute;

top: -45px;

left: 550px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}

div.info {

overflow: hidden;

position: absolute;

top: -45px;

left: 550px;

height: 40px;

width: 90px;

color: #fff;

font: 10pt Georgia;

transition: height 2s, background 2s;

-moz-transition: height 2s, background 2s;

-webkit-transition: height 2s, background 2s;

-o-transition: height 2s, background 2s;

}


<div class="info"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_info.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/petinfo/">Species</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petcolors/">Colors</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petlog/">Creatu Log</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petsearch/">Search</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/itemdb/">Item DB</a></p2></p>

</div>

</div>


div.ex:hover {

height: 200px;

background: #3ca0d0;

}



div.gms:hover {

height: 230px;

background: #3ca0d0;

}



div.avtr:hover {

height: 200px;

background: #3ca0d0;

}



div.trds:hover {

background: #3ca0d0;

}



div.shps:hover {

height: 230px;

background: #3ca0d0;

}



div.actns:hover {

height: 110px;

background: #3ca0d0;

}



div.info:hover {

height: 200px;

background: #3ca0d0;

}



div.navtop {

overflow: auto;

position: absolute;

height: 75px;

width: 630px;

top: -120px;

left: 10px;

bacground: transparent;

}



div.padbox {

overflow: auto;

position: relative;

text-align: center;

padding 2px;

}



div.sidenav {

overflow: none;

width: 90px;

height: px;

position: absolute;

top: ;

left: -90px;

backgound: transparent;

border: none;

}



div.buttonbox {

overflow: none;

width: 90px;

height: 40px;

position: relative;

background: transparent;

border: none;

transition: background 2s;

-moz-transition: background 2s;

-webkit-transition: background 2s;

-o-transition: background 2s;

}



div.buttonbox:hover {

background: #3ca0d0

}

</style>
<font color=#3333CC><center>

<div id="box1"><br>box number oooone</div>

<div id="box2"><br>box number twooo</div>

<div id="birdy"><img src=http://i1205.photobucket.com/albums/bb428/cherrysummer8/123wj1u.png></div>

<div id="box3">
<br>box number threeee
</div>

<div id="box4">
<br>box number foooour
</div>

<div class="ex"><a href="http://www.rescreatu.com/explore.php"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_ex.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/relcore/">Relcore</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/scria/">Scria</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/reiflem/">Rieflem</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/atquati/">Atquati</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/uldavi/">Uldavi</a></p2></p>

</div>

</div>

<div class="navtop">

<img src="http://i588.photobucket.com/albums/ss330/Twiggers/cherrysummer_navbartop.png"></div>


<div class="gms"><a href="http://www.rescreatu.com/games/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_gms.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/games/?cat=1">Quest</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/games/?cat=2">Luck</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/games/?cat=3">Casino</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/games/?cat=4">Skill</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/games/?cat=6">Knowledge</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/games/flash/">Flash</a></p2></p>

</div>

</div>



<div class="avtr"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_avtr.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/character/">Body</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/character/clothing/">Wardrobe</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/character/dream/">Dream</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/charcater/closet/">Closet</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/clothingrack/">Cloth Rack</a></p2></p>

</div>

</div>



<div class="trds"><a href="http://www.rescreatu.com/trades/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_trds.png"></a></div>



<div class="shps"><a href="http://www.rescreatu.com/shops/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_shps.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/shops/">NPC Shops</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/usershops/">Merchant</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/itemgallery/">Gallery</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/ranchershop/">Rancher</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/gallery">Showroom</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/market/eggs/">Egg Market</a></p2></p>

</div>

</div>



<div class="actns"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_actns.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/auction/">Items</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petauction">Pets</a></p2></p>

</div>

</div>

<div class="info"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_info.png"></a>

<div class="padbox">

<p><p2><a href="http://www.rescreatu.com/petinfo/">Species</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petcolors/">Colors</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petlog/">Creatu Log</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/petsearch/">Search</a></p2></p>

<p><p2><a href="http://www.rescreatu.com/itemdb/">Item DB</a></p2></p>

</div>

</div>

<div class="sidenav">

<div class="buttonbox"><a href="http://www.rescreatu.com/rmail/box/inbox/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_rmail.png"></a></div>

<div class="buttonbox"><a href="http://www.rescreatu.com/forum/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_frms.png"></a></div>

<div class="buttonbox"><a href="http://www.rescreatu.com/updates"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_updts.png"></a></div>

<div class="buttonbox"><a href="http://www.rescreatu.com/blogs/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_blgs.png"></a></div>

<div class="buttonbox"><a href="http://www.rescreatu.com/preferences"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_prfrncs.png"></a></div></div>