Bravado > Profile Layout

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>

<!- Graphics & coding (c) Owly 2014 -!>
<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;}

#boxli{
margin-top: 20px;
text-align: center;
width: 200px;
height:116px;
position:absolute;
top:150px;
left:30px;

}

#boxli a{
text-transform:uppercase;
font-size:10px;
display:block;
max-width:200px;
padding-top:3px;
text-decoration:none;
padding-bottom:5px;
margin-left:3px;
margin-top:2px;
background:#858585;
color:#fff;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#boxli a:hover{
background-color:#5E5E5E;
}

#boxli2{
margin-top: 20px;
text-align: center;
width: 200px;
height:116px;
position:absolute;
top:150px;
left:250px;

}

#boxli2 a{
max-width:100px;
text-transform:uppercase;
text-decoration:none;
font-size:10px;
display:block;
max-width:200px;
padding-top:3px;
padding-bottom:5px;
margin-left:3px;
margin-top:2px;
background:#858585;
color:#fff;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#boxli2 a:hover{
background-color:#5E5E5E;
}


#box{
height:362px;
width:468px;
position:fixed;
overflow:auto;
top:200px;
left:470px;
background:#fff;
opacity:.9;
padding:5px;
border:5px solid #858585;
}

#name{
text-shadow: -1px 0 #858585, 0 1px #858585,
      1px 0 #858585, 0 -1px #858585;
height:200px
width:400px;
position:fixed;
top:130px;
font-family: 'The Girl Next Door', cursive;
left:665px;
font-size:50px;
color:#fff;
}

#img{
position:absolute;
top:5px;
overflow:hidden;
left:165px;
height:150px;
width:150px;
-webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}


body{
background:url(http://i39.tinypic.com/208k9j9.png);
overflow:hidden;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

.head{
display:none;
}

#block1, #block6{
display:none;
}

#content #body, #content td, #content table{
background:none;
border:none;
}
</style>
<div id="name">River</div>


<div id="box">
<center>
<div id="img"><img src=http://i39.tinypic.com/ddmk2g.gif></div>
<br><br><br><br><br><br><div id="boxli"><a href="updates">home</a><a href="gallery">showroom</a>
</div>
<div id="boxli2">
<a href="usershops/viewshop.php?id=206395">merchant</a>
<a href="ranchershop">rancher</a>
</div>
<br><br><br><br><br><br><br><br>your information goes here -- the box automatically adds a scroll bar if the text happens to be too long.
</div>