novo código llCaram3ll

<center>


<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>



<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});
});

})(jQuery);

</script>

<script type="text/javascript">
 function unhide(searchbx) {
 var item = document.getElementById(searchbx);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
</script>
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Fjalla+One|Cuprum" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Poiret+One|Orbitron" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Voltaire" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Frijole" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Montserrat+Subrayada" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Bangers" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Lilita+One" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Molle:400italic" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Passero+One" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Erica+One" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Covered+By+Your+Grace" rel="stylesheet" type="text/css" />
 <link href="http://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo" rel="stylesheet" type="text/css" />
 <link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css" />
 <link href="http://fonts.googleapis.com/css?family=Bubbler+One" rel="stylesheet" type="text/css" />
<script type="text/javascript">
/* Code by Antonio82 */
/* Edit by gaf210 & AlbaX */
if (document.getElementById("mininav-avname")) {
   var username = document.getElementById("mininav-avname").innerHTML.toLowerCase();
   if (username.substr(0,6) == "guest_") {
      var username = username.substr(6);
   }
   var bannedusers = new Array("","","","");
   for (i = 0; i<bannedusers.length; i++) {
      if (username == bannedusers[i].toLowerCase()) {
         document.location.href = "http://nl.imvu.com/catalog/web_index.php";
      }
   }
}
</script>
 <link href="http://fonts.googleapis.com/css?family=Freckle+Face" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo" rel="stylesheet" type="text/css" />


<script type="text/javascript">
/* Code by Antonio82 */
/* Edit by gaf210 & AlbaX */
if (document.getElementById("mininav-avname")) {
   var username = document.getElementById("mininav-avname").innerHTML.toLowerCase();
   if (username.substr(0,6) == "guest_") {
      var username = username.substr(6);
   }
   var bannedusers = new Array("","","","");
   for (i = 0; i<bannedusers.length; i++) {
      if (username == bannedusers[i].toLowerCase()) {
         document.location.href = "http://nl.imvu.com/catalog/web_index.php";
      }
   }
}
</script>

<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
 <link href="http://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Baumans" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Butterfly+Kids" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Carrois+Gothic" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Aldrich" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Electrolize" rel="stylesheet" type="text/css" />
<link href="http://static.tumblr.com/qzpui9z/05Zmnfefb/font.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Leckerli+One" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Lora:400italic" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Medula+One" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Miniver" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Muli" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Orienta" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Patrick+Hand+SC" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Ropa+Sans" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Rouge+Script" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css" />

<link href="http://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet" type="text/css" />


<style>
body{margin-top:px;

    opacity:1; background-attachment:absolute; background-color:#000000;
 border-top:0px solid #fff ; opacity:1;   height:1200px;   border-bottom:0px solid #000;
background-position:left; box-shadow:1px 1px 10px #fff;}

div#collect_panel_body {
background:#333;
padding:10px;
display: inline-block;
overflow:hidden;
}

div#collect_panel_body:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden; }

div.collect-message {
background:#FFF;
border:1px solid #CCCCCC;
margin:30px 0px 16px 5px;
position:relative;
padding:5px;
text-align:left;
z-index:0;
}

div.collect-message a {
color:#015FA8;
font-weight:bold;
text-decoration:none;
}

div.collect-product {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
margin:8px 9px;
float:left;
height:100px;
margin:7px;
position:relative;
text-align:left;
width:109px;
z-index:0;
}

div.collect-product a {
color:#015FA8;
font-weight:bold;
text-decoration:none;
}

img.collect-product-img {
border:1px solid #CCCCCC;
margin:3px 3px 0pt;
}

div.collect-product p {
color:#5E5F5A;
font-size:10px;
height:13px;
line-height:11px;
margin:0pt;
overflow:hidden;
padding-left:3px;
padding-right:3px;
width:94px;
}



 ::-webkit-scrollbar-thumb:horizontal {background:#fff;-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
::-webkit-scrollbar {background:#fff; width:6px; height: 6px}
::-webkit-scrollbar-thumb:vertical {background:#fff;}


a, a:link, a:visited{
    text-decoration:none;
    color:#fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#badges_panel_header {margin-left: 50px;margin-top: 350px;}

#visitors_panel_header {margin-left: 50px;margin-top: 350px;}

#dev_panel_header {margin-left: -250px;margin-top: 450px;}

#url_panel_header {margin-left: 00px;margin-top: 0px;}

#side {
    position:absolute;
    margin-top:0px; border-radius:1px;
    margin-left:0px;}


img.cero {
    width:300px; border-radius:px; border:10px solid #; margin-left:0px; margin-top:320px; position:absolute;
    height:450px; opacity:1; border:0px solid #000; -webkit-filter: grayscale(30%);   -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;     box-shadow:1px 1px 10px #; -webkit-transform: rotate(0deg);
    transition: all 0.6s linear; z-index:9999; }

img.cero2 {
    width:300px; border-radius:px; border:10px solid #; margin-left:230px; margin-top:320px; position:absolute;
    height:450px; opacity:1; border:0px solid #000; -webkit-filter: grayscale(30%);   -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;     box-shadow:1px 1px 10px #; -webkit-transform: rotate(0deg);
    transition: all 0.6s linear; z-index:9999; }

img.cero3 {
    width:300px; border-radius:px; border:10px solid #; margin-left:470px; margin-top:320px; position:absolute;
    height:450px; opacity:1; border:0px solid #000; -webkit-filter: grayscale(30%);   -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;     box-shadow:1px 1px 10px #; -webkit-transform: rotate(0deg);
    transition: all 0.6s linear; z-index:9999; }




#ichi {
    position:absolute;
    width:100px;
    height:100px;
    padding:5px;
    border:1px solid {color:SidebarBoxBorders};
    background:#;}
.uno {
    position:absolute;
    margin-top:000px;
    margin-left:-150px;
    width:200px;
    height:300px;
    opacity:0;
    padding:10px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-webkit-transform: rotate(0deg); z-index:0;}
#ichi:hover .uno {opacity:1; z-index:0;}
a.pl {
    display:inline-block;
    width:20px; background-color:#;
    height:40px;
    margin-top:-1px;
    margin-left:15px;
    background:#fff;
    opacity:1;
-webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
img.pli {
    position:absolute; border-radius:999px;  padding:2px;
    margin-top:10px; -webkit-filter:invert(6%);
    margin-left:13px;
-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.plt {position:absolute;width:35px; padding:2px;font:8px trebuchet ms; text-transform:uppercase;color:#fff;text-align:center;opacity:0;margin-top:20px;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; background-color:#888; letter-spacing:2px; margin-left:45px; border-radius:999px; box-shadow:0px 1px 2px #444;  text-shadow: 0px 7px 7px #fff;  -webkit-filter:invert(100%);}
a.pl:hover img.pli{margin-top:10px; ;}
a.pl:hover .plt{opacity:1;margin-top:9px; margin-left:45px;  -webkit-filter:invert(0%);}
a.pl:hover {opacity:1;}

a:hover, a:active{
    color:#fff;
    -webkit-transition: all 0.3s  linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover {text-decoration:none; cf; color:#fff;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; }


a { text-decoration:none; color:#fff;}

p {margin: 6px 0 0 0}

body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), default !important;}






ol.notes{
    margin:-40px 0px 50px 0px;
    padding:20px;
    text-transform:uppercase; color:#fff;
    font-size:8px;
    letter-spacing:1px;
    background:#fff;

}

#cornerplayer:hover .gods {
    bottom:45px;
    -moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
}
    .gods {
position:fixed;
font-family:arma five;
font-size:8px;
line-height:56%;
letter-spacing:0px;
width:100px;
left:40px;
bottom:10px;
text-transform:uppercase;
text-align:center;
-moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
}

.gods a {
display:block;
width:85px;
height:5px;
padding:5px;
color:#000;  -webkit-filter:invert(100%);
  border-bottom: 1px double #eee;
-moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
}

.gods a:hover {
    color:#fff;  -webkit-filter:invert(90%);
    -moz-transition-duration:0.7s;
-webkit-transition-duration:0.7s;
-o-transition-duration:0.7s;
}

#cornerplayer
{z-index:999;
background-color:#fff;  -webkit-filter:invert(100%);
border:1px solid #eee;
width:28px;
height:23px;
position:fixed;
overflow:hidden;
bottom:10px;
left:10px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornericon
{margin-top:3px;
margin-bottom:22px;
margin-left:0px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornerplayer:hover
{width:130px;
background:#fff;
border-bottom:1px solid #fff;
-moz-border-radius:0px;
border-radius:0px;}

#cornerplayer:hover #cornericon
{margin-top:-25px;
margin-left:0px;
margin-bottom:4px;
opacity:0;}

#credit{
    position:fixed;border-left:39px double #;
    z-index:999; width:150px;
    bottom:2px;  opacity:0.9;
    right:7px; color:#000; opacity:1;  box-shadow:0px 1px 3px #;
line-height:5px;
    height:10px;  background-color:#fff;;
    padding-bottom:1px;
    overflow:hidden;
    text-align:center;
    font-size:8px;
    letter-spacing:1px;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.links{
    height:11px;
    font-size:8px;
    overflow:hidden;
    background:#000; color:#fff;
    border-top:3px solid {color:Sidebar Bg};
    border-bottom:3px solid {color:Sidebar Bg};
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.links_u{
    line-height:10px; color:#fff; letter-spacing:1px; background-color:#000; margin-top:-11px;
}

.links a:hover .links_u ,#credit a:hover .credit_u{
    margin-top:-13px;  color:#fff;
    -webkit-transition: all 0.3s linear; background-color:#fff;
    -moz-transition: all 0.3s linear; letter-spacing:1px;
    transition: all 0.3s linear;
}

.links_h{
    line-height:16px; color:#000; font-family:Calibri; opacity:0.9; font-size:8px; letter-spacing:1px; color:; text-shadow: 0px 0px 1px #; background-color:#fff;;}

.links a {
    color:#000;
    display:block;
}

.links a:hover{
    color:#000;  background-color:#fff;

}

.float:after{
    content:"";
    display:table;
    clear:both;
}





#credit a{
    color:#fff; font-family:'aldrich'; font-size:7px; opacity:0.9; background-color:#transparent;
}



.credit_u{
    line-height:10px; color:#000; font-size:8px; font-family:Calibri;
    -webkit-transition: all 0.3s linear;opacity:0.9; background-color:#;;
    -moz-transition: all 0.3s linear;  text-shadow: 0px 0px 1px #;
    transition: all 0.3s linear;
}


::-webkit-scrollbar-thumb{
background-color: #555;
border: 3px solid #555;
height:auto;
-moz-border-radius: 10px;
border-radius: 10px;
}

::-webkit-scrollbar {
height:auto;
width:9px;
background-color: #8B7355;
border: 4px solid #000;
}

#footerBanner { background-color:#; color:#; text-align: right; margin-top:-1550px; position:absolute; }


#footer_style {
;
text-transform: none;
text-decoration: none;
margin: 0;
padding: 0; margin-top:-1650px;
margin: 1550;
color: #444444;
line-height: 20px;
text-align: center;
}

.caption{
    margin-top:10px;
    padding:5px;
    background:{color:Captions Bg};
}

h1 {font-family: times; font-size: 14px; letter-spacing:0px; line-height: 12px; text-align: justify;  font-style:italic; margin-bottom:-5px; font-weight: normal;color: #000; margin-bottom:3px;}
h1 a {color: #000;}

h2 {font-family: Calibri; font-size: 12px; letter-spacing:1px; line-height: 12px; text-align: justify; margin-bottom:-5px; font-weight: normal;color: #000; margin-bottom:3px;}
h2 a {color: #000;}



@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}.MenuCurious{background-color:#000;border-bottom: 1px solid #;font-family: 'arma five';text-align: center; font-size: 8px; color: #fff;padding:10px;;text-shadow: 0px 0px 2px #000;-webkit-transition: all 0.50s ease; letter-spacing:1px; line-height:11px; }.MenuCurious:hover{background: #;border-bottom: 1px dotted #;font-family: 'Arma Five';font-size: 8px;color: #;text-shadow: 0px 0px 1px #333; color:#000; background-color:#fff;;text-align: center; -webkit-transition: all 0.50s ease; -webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg); }
 #updates {
width:70px;
height:20px;
text-align: center;
border:1px solid #;
font-size: 11px;
color:transparent;
position:absolute;
left:995px;
background:#;
top:-208px;
z-index:99999999;
padding:3px;
-webkit-transition: all .5s ease-in-out; font-size:8px; font-family:arma five;

-moz-transition: all .5s ease-in-out;

-o-transition: all .5s ease-in-out;
  text-align:justify;
z-index:999;

}

#updates:hover { border-radius:1px; border-top:2px solid #666;
    color:#eee; margin-top:10px; border-bottom:1px dotted #666;;  border:1px dotted #666;
    width:70px; background-color:#777; font-size:8px; font-family:arma five;
    height:116px; text-align:justify;
    -webkit-transition: all .5s ease-in-out;

-moz-transition: all .5s ease-in-out;

-o-transition: all .5s ease-in-out;

}

#updates:hover #updatestab{ margin-top:-114px;
    opacity:1;
    -moz-transition-duration:0.7s;
    -webkit-transition-duration:0.7s;
    -o-transition-duration:0.7s;
}

#updatestab {
color:#fff;
background:#888;
text-align: center;
width:60px;
height:10px;
opacity:1;
padding:5px;
line-height:80%;
margin-top:-141px;
z-index:9999999999999;
font-family:helvetica;
font-size:10px;
 -moz-transition-duration:0.7s;
    -webkit-transition-duration:0.7s;
    -o-transition-duration:0.7s;
}


 #top_links  {
-webkit-transition: .2s;border-radius:2px;; position:absolute;
                    -moz-transition: .2s;   text-shadow: 0px 0px 1px #111; padding:10px;
                    -ms-transition: .2s;-o-transition: .2s; text-transform:uppercase;  background-color:#transparent;
font-family:Baumans; padding:1px;   height:217px;  background-color:#    font-weight: normal;
font-size:11px; margin-top:-1868px; margin-left:807px; line-height:10px;  width:80px;; color:white; text-align:center; opacity:0.9; border-top:5px solid #000; border-bottom:5px solid #000;
}


#top_links a:hover { font-weight:normal;  color:#fff;
; -webkit-transition: .5s;border-radius:2px;  letter-spacing:1px;
                    -moz-transition: .5s; text-shadow: 0px 1px 4px #111;  font-family:'Baumans';
                    -ms-transition: .5s;-o-transition: .8s; text-align:center; font-size:11px; background-color:#;   background-color:#; padding:px; border-radius:1px;  font-weight: normal;
-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;
}

#s3 {
position: absolute;
margin-top: 125px;
opacity:1;
margin-left:547px; text-align: justify;
width: 510px; background:#fff;
height: 0px; font-size:9px; font-family:aldrich;
padding: 0px;
z-index: 999;
box-shadow: 1px 4px 10px #000;
}

.menu {
background: #111; box-shadow:0px 0px 2px #; border-radius:100%;
color: #000;
font: normal 8px Calibri;
text-shadow: 0 1px #;
width: 23px; line-height:19px;
height: 23px;
display: inline-block;
padding:15px;
margin: 0px;
margin-left:60px;
margin-top:-50px;
border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;
text-align: center;
  -webkit-transform: rotate(0deg); opacity:0.8;
position: absolute;
}
.menu:hover {
background: #fff; -webkit-transform: rotate(360deg);  opacity:0.5; border:1px dotted #; border-radius:100%; }

.menu2 {
background: #F8F8FF; ; -webkit-transform: rotate(0deg); border-radius:100%;
color: #000; border-radius:;  opacity:0.8;
font: normal 8px Calibri;
text-shadow: 0 1px #;
width: 23px; line-height:19px;
height: 23px;
display: inline-block;
padding:15px;
margin: 0px;
margin-left:100px;
margin-top:-50px;
border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;
text-align: center;

position: absolute; z-index:99999;
}

.menu2:hover {
background: #111; border-radius:; opacity:0.5;   -webkit-transform: rotate(-360deg); border:1px dotted #; border-radius:100%;}

.menu3 {
background: #8B5742;
color: #000;
font: normal 8px arma five; box-shadow:0px 0px 2px #111;
text-shadow: 0 1px #;
width: 43px; line-height:19px;
height: 23px;
display: inline-block;
padding:15px;
margin: 0px;
margin-left: -158px;
margin-top: 238px;
border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;
text-align: center;

position: absolute;
}
.menu3:hover {
background: #; -webkit-transform: rotate(360deg);  opacity:0.5; }

.menu4 {
background: #F8F8FF; border-radius:100%;
color: #000; box-shadow:0px 0px 2px #;
font: normal 8px Calibri;
text-shadow: 0 1px #;
width: 23px; line-height:19px;
height: 23px;
display: inline-block;
padding:15px;
margin: 0px;
margin-left:150px;
margin-top: -50px;
border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;
text-align: center; -webkit-transform: rotate(0deg);
 opacity:0.8;
position: absolute;
}
.menu4:hover {
background: #111; -webkit-transform: rotate(-360deg);  opacity:0.5;   border-bottom:1px dotted #;   border:1px dotted #;  border-radius:100% }

.menu5 {
background: #111;
color: #999; border-radius:100%; opacity:0.8;
font: normal 8px Calibri;
text-shadow: 0 1px #;
width: 23px; line-height:19px;
height: 23px;
display: inline-block;
padding:15px;
margin: 0px;
margin-left: 190px;
margin-top: -50px;
border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;
text-align: center;

position: absolute; -webkit-transform: rotate(0deg);
}
.menu5:hover {
background: #fff; -webkit-transform: rotate(360deg);  opacity:0.5; border-bottom:1px dotted #; border:1px dotted #;   border-radius:100%; }

.menu6 {
background: #;
color: #000;
font: normal 8px Calibri;
text-shadow: 0 1px #;
width: 43px; line-height:19px;
height: 23px;
display: inline-block;
padding:15px;
margin: 0px;
margin-left: 282px;
margin-top: 238px;
border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;
text-align: center;

position: absolute;
}
.menu6:hover {
background: #; -webkit-transform: rotate(360deg);  opacity:0.5; border-bottom:1px dotted #;  }

.menuilh01{float:left;padding:6px;text-align:center; height:auto;width:auto;margin-left:2px;cursor:pointer;webkit-transition-duration: .90s;font:italic 15px georgia;background:#b3a2c9;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;text-shadow: 0 1px 1px #8f7ca8;}

.menuilh{float:left;padding:6px;text-align:center; height:auto;width:auto;margin-left:2px;cursor:pointer;webkit-transition-duration: .90s;font:italic 15px georgia;background:transparent;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;text-shadow: 0 1px 1px #b3a2c9;}

.menuilh:hover{float:left;padding:6px;text-align:center; height:auto;width:auto;margin-left:2px;cursor:pointer;webkit-transition-duration: .90s;font:italic 15px georgia;background:#b3a2c9;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;text-shadow: 0 1px 1px #8f7ca8;}

#menuz {float:left;width:100px;margin-top:-20px;position:fixed;margin-left:920px; position:fixed;z-index:999;}
.menuz {width:80px;box-shadow:1px 1px 10px #aaa;margin:0px 0px 5px 0px; text-align:center;
padding:12px 30px 12px 30px;font-family:Calibri;text-transform:uppercase; font-size:10px; z-index:999;
border-right:0px solid #fff; border-left:0px solid #fff;display:inline-block;letter-spacing:1px;background-color:#fff;color:#777;width:50px;border-radius:0px;-moz-border-radius:1px;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menuz:hover {margin-left:0px;color:#000; background-color:#00F5FF;  -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    transition: all 0.7s linear;}

#menuz2 {float:left;width:100px;margin-top:130px;position:fixed;margin-left:610px;z-index:999;}
.menuz2 {width:80px;box-shadow:1px 1px 10px #aaa;margin:0px 0px 5px 0px; text-align:right;
padding:12px 30px 12px 30px;font-family:Calibri;text-transform:uppercase; font-size:10px; z-index:999;
border-right:0px solid #fff; border-left:0px solid #fff;display:inline-block;letter-spacing:1px;background-color:#333;color:#fff;width:50px;border-radius:0px;-moz-border-radius:1px;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menuz2:hover {margin-left:0px;color:#000; background-color:#CD2626;  -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    transition: all 0.7s linear;}


#menuz3 {float:left;width:100px;margin-top:130px;position:fixed;margin-left:390px; z-index:999;}
.menuz3 {width:80px;box-shadow:1px 1px 10px #aaa;margin:0px 0px 5px 0px; text-align:center;
padding:12px 30px 12px 30px;font-family:Calibri;text-transform:uppercase; font-size:10px; z-index:999;
border-right:0px solid #fff; border-left:0px solid #fff;display:inline-block;letter-spacing:1px;background-color:#333;color:#fff;width:50px;border-radius:0px;-moz-border-radius:1px;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menuz3:hover {margin-left:0px;color:#000; background-color:#CD2626;  -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    transition: all 0.7s linear;}

#menuz4 {float:left;width:100px;margin-top:30px;position:fixed;margin-left:740px; z-index:999;}
.menuz4 {width:80px;box-shadow:1px 1px 10px #aaa;margin:0px 0px 5px 0px; text-align:center;
padding:12px 30px 12px 30px;font-family:Calibri;text-transform:uppercase; font-size:10px; z-index:999;
border-right:0px solid #fff; border-left:0px solid #fff;display:inline-block;letter-spacing:1px;background-color:#fff;color:#777;width:50px;border-radius:0px;-moz-border-radius:1px;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menuz4:hover {margin-left:0px;color:#000; background-color:#00F5FF;  -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    transition: all 0.7s linear;}

#menuz5 {float:left;width:100px;margin-top:200px;position:fixed;margin-left:920px;z-index:999;}
.menuz5 {width:80px;box-shadow:1px 1px 10px #aaa;margin:0px 0px 5px 0px; text-align:center;
padding:12px 30px 12px 30px;font-family:Calibri;text-transform:uppercase; font-size:10px; z-index:999;
border-right:0px solid #fff; border-left:0px solid #fff;display:inline-block;letter-spacing:1px;background-color:#333;color:#fff;width:50px;border-radius:0px;-moz-border-radius:1px;    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menuz5:hover {margin-left:0px;color:#000; background-color:#00F5FF;  -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    transition: all 0.7s linear;}



#box {float:left;margin-top:00px;margin-left:0px; position:absolute;z-index:9;}
.box {box-shadow:px px 0px #;margin:0px 0px 0px 0px; text-align:center;
padding:12px 30px 12px 30px;font-family:Calibri;text-transform:uppercase; font-size:10px; z-index:9;
border-right:0px solid #fff; border-left:0px solid #fff;display:inline-block;letter-spacing:1px;background-color:#;}



 /* NAVIGATION */
.navigation { color:#fff;
list-style: none; box-shadow:0px 0px 0px #eee;
padding: 0px;
width: 200px;
height: 30px;
margin: 00px auto;
background:#000; margin-left:45px; margin-top:300px;
position: absolute;
z-index: 100;

border:1px solid #222;
}



.navigation, .navigation a.main {

border-radius: 2px;
-webkit-border-radius: 2px;

-moz-border-radius: 2px;
}



.navigation:hover, .navigation:hover a.main {

border-radius: 4px 4px 0 0;

-webkit-border-radius: 4px 4px 0 0;

-moz-border-radius: 4px 4px 0 0;
}



.navigation a.main {
display: block;  text-shadow: 0px 0px 1px #333;
height: 20px;  letter-spacing:6px;
font-family:century gothic; font-size:12px; margin-left:10px;
text-align: center; text-transform:uppercase; margin-top:12px;
text-decoration: none;color:#fff;
-webkit-transition: 0.2s ease-in-out;

-o-transition: 0.2s ease-in-out;

transition: 0.2s ease-in-out;

position: relative;
  z-index: 100;
}



.navigation:hover a.main {
color: #fff;

text-shadow: 36px 205px 1px #aaa;

}



.navigation li {
width: LARGURApx;
height: 30px;

background: #000; line-height:35px;

font-family:Calibri; font-size:8px;
color: #999;
 text-transform:uppercase;
text-align: center;
margin: 0;

-webkit-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;

-webkit-transform: perspective(350px) rotateX(-90deg);

-o-transform: perspective(350px) rotateX(-90deg);

transform: perspective(350px) rotateX(-90deg);

box-shadow: 0px 2px 10px rgba(0,0,0,0.05);

-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);

-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);

border:0px solid #222;
}



.navigation li:nth-child(even) { background: #000;
-webkit-transition: 0.2s linear 0.8s;

-o-transition: 0.2s linear 0.8s;

transition: 0.2s linear 0.8s;
}


.navigation li:nth-child(odd) { background: #000;
-webkit-transition: 0.2s linear 0.8s; color:#000;

-o-transition: 0.2s linear 0.8s;

transition: 0.2s linear 0.8s;

}



.navigation li.n1 {

-webkit-transition: 0.2s linear 0.8s; color:#000;

-o-transition: 0.2s linear 0.8s;

transition: 0.2s linear 0.8s;
background: #000;
border-top:1px solid #222; border-bottom:1px solid #222;
margin-top:5px;
}

.navigation li.n1:hover {
opacity:0.8; background-color:#000; padding:2px;   -webkit-transition: 0.2s linear 0.6s;

-o-transition: 0.2s linear 0.6s;

transition: 0.2s linear 0.6s; border:1px solid #222;

  color:#000;
}

.navigation li.n2 {
  -webkit-transition: 0.2s linear 0.6s;

-o-transition: 0.2s linear 0.6s;

transition: 0.2s linear 0.6s;
border-top:1px solid #222; border-bottom:1px solid #222;
background-color: #000;
}

.navigation li.n2:hover {
opacity:0.8; background-color:#000; padding:2px;
-webkit-transition: 0.2s linear 0.8s; color:#000;
   border:1px solid #222;
-o-transition: 0.2s linear 0.3s;

transition: 0.2s linear 0.3s;
}

.navigation li.n3 {

-webkit-transition: 0.2s linear 0.4s;

-o-transition: 0.2s linear 0.4s;

transition: 0.2s linear 0.4s;

border-top:1px solid #222; border-bottom:1px solid #222;
background-color: #000;
}

.navigation li.n3:hover {
opacity:0.8; background-color:#000; padding:2px;
-webkit-transition: 0.2s linear 0.8s; color:#000;
   border:1px solid #222;
-o-transition: 0.2s linear 0.3s;

transition: 0.2s linear 0.3s;
}

.navigation li.n4 {
  -webkit-transition:0.2s linear 0.2s;

-o-transition:0.2s linear 0.2s;
  transition:0.2s linear 0.2s;
border-top:1px solid #222; border-bottom:1px solid #222;
background-color: #000;
}

.navigation li.n4:hover {
opacity:0.8; background-color:#000; padding:2px;
-webkit-transition: 0.2s linear 0.8s; color:#000;
   border:1px solid #222;
-o-transition: 0.2s linear 0.3s;

transition: 0.2s linear 0.3s;
}

.navigation li.n5 {

border-radius: 0px 0px 4px 4px;

-webkit-transition: 0.2s linear 0s;

-o-transition: 0.2s linear 0s;

transition: 0.2s linear 0s;

border-top:1px solid #222; border-bottom:1px solid #222;
background-color: #000;
}

.navigation li.n5:hover {
opacity:0.8; background-color:#000; padding:2px;
-webkit-transition: 0.2s linear 0.8s; color:#000;
   border:1px solid #222;
-o-transition: 0.2s linear 0.3s;

transition: 0.2s linear 0.3s;
}

.navigation:hover li { margin-top:1px;
   background-color:#000;
-webkit-transform: perspective(350px) rotateX(0deg);

-o-transform: perspective(350px) rotateX(0deg);

transform: perspective(350px) rotateX(0deg);

-webkit-transition:0.2s linear 0s;

-o-transition:0.2s linear 0s;

transition:0.2s linear 0s;
}


.navigation:hover .n2 {
  -webkit-transition-delay: 0.2s;

-o-transition-delay: 0.2s;

transition-delay: 0.2s;
}


.navigation:hover .n3 {
  -webkit-transition-delay: 0.4s;

-o-transition-delay: 0.4s;

transition-delay: 0.4s;
}


.navigation:hover .n4 {
  transition-delay: 0.6s;

-o-transition-delay: 0.6s;

transition-delay: 0.6s;
}


.navigation:hover .n5 {
  -webkit-transition-delay: 0.8s;

-o-transition-delay: 0.8s;

transition-delay: 0.8s;
}


/* DON'T TOUCH */
#content {
position: absolute;
width:560px;
height: 215px;
background: none;
margin-left: 150px;
margin-top: 0px;
border-radius: 5px;
overflow: hidden;}
/* DON'T TOUCH */

/* CIRCLE SIDEBAR */

.picbg {
z-index:999;
position: absolute;
width: 145px;
height: 145px;
background: white;
margin-left: 35px;
margin-top: 35px;
border-radius: 500px;
 background-image: url(http://media.tumblr.com/tumblr_mex6qbS3q71rbvno1.png); /* MAKE THIS BACKGROUND THE SAME AS YOUR GENERAL BACKGROUND */
overflow: hidden;}

.picall {
position: absolute;
width: 125px;
height: 125px;
background: #A020F0; /* BACKGROUND COLOR OF CIRCLE (CHANGE THE "255" TO "0" MAKE IT A TRANSPARENT BLACK OR REPLACE WITH A HEX CODE FOR A SOLID COLOR) */
margin-left: 10px;
margin-top: 10px;
border-radius: 500px;
overflow: hidden;}

.in1, .in2, .in3, .in4 {
cursor: help;
position: absolute;
width: 41px;
height: 41px;
border: 3px solid #000; /* CIRCLE LINK ONE BORDER COLOR */
background: none;
margin-left: 12px;
margin-top: 12px;
border-top-left-radius: 100px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-transition: opacity .8s linear;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;}

.in1:hover {
background: #000; /* CIRCLE LINK ONE BACKGROUND COLOR (I SUGGEST YOU MAKE IT THE SAME AS ITS BORDER COLOR) */}

.in2 {
border: 3px solid #000; /* CIRCLE LINK TWO BORDER COLOR */
margin-left: 65px;
margin-top: 12px;
border-top-left-radius: 5px;
border-top-right-radius: 100px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}

.in2:hover {
background: #000; /* CIRCLE LINK TWO BACKGROUND COLOR (I SUGGEST YOU MAKE IT THE SAME AS ITS BORDER COLOR) */ }

.in3 {
border: 3px solid #000; /* CIRCLE LINK THREE BORDER COLOR */
margin-left: 12px;
margin-top: 66px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 5px;}

.in3:hover {
background: #000; /* CIRCLE LINK THREE BACKGROUND COLOR (I SUGGEST YOU MAKE IT THE SAME AS ITS BORDER COLOR) */}

.in4 {
border: 3px solid #000; /* CIRCLE LINK FOUR BORDER COLOR) */
margin-left: 65px;
margin-top: 66px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 100px;}

.in4:hover {
background: #000; /* CIRCLE LINK FOUR BACKGROUND COLOR (I SUGGEST YOU MAKE IT THE SAME AS ITS BORDER COLOR) */}

.infont1, .infont2, .infont3, .infont4 {
text-align: center;
color: #000; /* CIRCLE LINK ONE FONT COLOR (I SUGGEST YOU MAKE IT THE SAME AS THE CIRCLE LINK'S BORDER COLOR) */
font-family: Calibri;
font-style: none;
font-size: 13px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: right;
margin-top: -2px;
margin-left: 0px;
padding: 17px;
-webkit-transition: opacity .8s linear;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;}

.in1:hover .infont1 {
color: #000; /* CIRCLE LINK ONE FONT COLOR HOVER (SUGGESTION: TRY TO MATCH IT WITH THE BG COLOR) */}

.infont2 {
color: #000; /* CIRCLE LINK TWO FONT COLOR (I SUGGEST YOU MAKE IT THE SAME AS THE CIRCLE LINK'S BORDER COLOR) */
margin-top: 5px;
margin-left: 0px;
padding: 10px;
}

.in2:hover .infont2 {
color: #000; /* CIRCLE LINK TWO FONT COLOR HOVER (SUGGESTION: TRY TO MATCH IT WITH THE BG COLOR) */}

.infont3 {
color: #000; /* CIRCLE LINK THREE FONT COLOR (I SUGGEST YOU MAKE IT THE SAME AS THE CIRCLE LINK'S BORDER COLOR) */
margin-top: 0px;
margin-left: 6px;
padding: 10px;}

.in3:hover .infont3 {
color: #000; /* CIRCLE LINK THREE FONT COLOR HOVER (SUGGESTION: TRY TO MATCH IT WITH THE BG COLOR) */}

.infont4 {
color: #000; /* CIRCLE LINK FOUR FONT COLOR (I SUGGEST YOU MAKE IT THE SAME AS THE CIRCLE LINK'S BORDER COLOR) */
margin-top: -4px;
margin-left: -10px;
padding: 12px;}

.in4:hover .infont4 {
color: #000; /* CIRCLE LINK FOUR FONT COLOR HOVER (SUGGESTION: TRY TO MATCH IT WITH THE BG COLOR) */}

.picout {
position: absolute;
width: 125px;
height: 125px;
background: black; /* IMAGE BG COLOR (IF YOU CHOOSE NO IMAGE) */
margin-left: 0px;
margin-top: 0px;
border-radius: 500px;
overflow: hidden;
-webkit-transition: opacity .9s linear;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;}

.picbg:hover .picout {
margin-left: 62.5px;
margin-top: 62.5px;
height: 0px;
width: 0px;
}

.pic {
position: absolute;
width: 125px;
height: 125px;
background: none;
border-radius: 100%;
margin-left: 0px;
margin-top: 0px;
overflow: hidden;
    -webkit-transition: opacity .9s linear;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
}

.pic img {
width: 100%;
height: 125px;}

.picbg:hover .pic {
margin-left: -62.5px;
margin-top: -62.5px;
}


/* DESCRIPTION AND HEADER */

.descbg {
z-index:999;
position: absolute;
width: 315px;
height: 145px;
background: #000;
margin-left: 210px;
margin-top: 35px;
border-radius: 5px;
background-image: url(http://media.tumblr.com/tumblr_mex6qbS3q71rbvno1.png); /* MAKE THIS BACKGROUND THE SAME AS YOUR GENERAL BACKGROUND */}


.header {
position:absolute;
background-color: #000; /* BACKGROUND COLOR OF HEADER (CHANGE THE "255" TO "0" MAKE IT A TRANSPARENT BLACK OR REPLACE WITH A HEX CODE FOR A SOLID COLOR) */
width:295px; height:15px;
margin-top: 10px; margin-left: 10px;
border-radius: 5px;
overflow: hidden;}

.headerfont {
text-align: left;
color: #fff; /* COLOR OF HEADER TEXT */
font-family: consolas;
font-style: none; /* OBLIQUE, NORMAL, BOLD */
font-size: 10px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: right;
margin-top: 0px;
margin-right: 58px;
padding: 1px;}

.circlebox {
position: absolute;
right: 0px;
top: 0px;
width: 57px;
height: 15px;
background: none;}

.c1, .c2, .c3, .c4 {
cursor: help;
position: absolute;
margin-left: -200px;
margin-top: 3px;
width: 5px;
height: 5px;
border: 2px solid #fff; /* COLOR OF LITTLE HEADER CIRCLE ONE */
border-top-left-radius: 500px;
border-top-right-radius: 225px;
border-bottom-left-radius: 500px;
border-bottom-right-radius: 225px;
background: none;
-webkit-transition: opacity .5s linear;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;}

.c1:hover {
background: #fff; /* COLOR OF LITTLE HEADER CIRCLE ONE */}

.c2 {
margin-left: -185px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border: 2px solid #fff; /* COLOR OF LITTLE HEADER CIRCLE TWO */}

.c2:hover {
background: #fff; /* COLOR OF LITTLE HEADER CIRCLE TWO */}

.c3 {
margin-left: -160px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border: 2px solid #fff; /* COLOR OF LITTLE HEADER CIRCLE THREE */}

.c3:hover {
background: #fff; /* COLOR OF LITTLE HEADER CIRCLE THREE */}

.c4 {
margin-left: -145px;
border-top-left-radius: 225px;
border-top-right-radius: 500px;
border-bottom-left-radius: 225px;
border-bottom-right-radius: 500px;
border: 2px solid #fff; /* COLOR OF LITTLE HEADER CIRCLE FOUR */}

.c4:hover {
background: #fff; /* COLOR OF LITTLE HEADER CIRCLE FOUR */}

.stuff {
position:absolute;
width:295px;
height:100px;
margin-top: 35px;
margin-left: 10px;
overflow: auto;
overflow-x: hidden;
background: #000; /* BACKGROUND COLOR OF DESCRIPTION (CHANGE THE "255" TO "0" MAKE IT A TRANSPARENT BLACK OR REPLACE WITH A HEX CODE FOR A SOLID COLOR) */
border-radius: 5px;}

.font {
text-align: justify; /* JUSTIFY, CENTER, LEFT, RIGHT */
color: #fff; /* COLOR OF DESCRIPTION TEXT */
font-family: consolas;
font-style: oblique; /* OBLIQUE, NORMAL, BOLD */
font-size: 10px;
letter-spacing: 2px;
text-transform: none; /* UPPERCASE, LOWERCASE */
margin-top: 0px;
padding: 7px;}

i, em{color:#fff; /* COLOR OF ITALIC FONT */ }
b{color: #fff; /* COLOR OF BOLD FONT */ }
ul,ol{margin:0px;margin-left:-10px;}
p{padding:0px;margin:10px;}
u {
color: #fff; /* COLOR OF UNDERLINE FONT */
letter-spacing: 1px;
}

/* LINK BARS */

.link1, .link2, .link3, .link4, .link5 {
cursor: help;
position: absolute;
margin-top: 0px;
margin-left: 0px;
width: 140px;
height: 215px;
background: #111; /* BACKGROUND COLOR OF FIRST LINK BAR */
text-align: center;
font-family: calibri;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 5px;
-webkit-transition: opacity .6s linear;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
overflow: hidden;}

.link1:hover {
background: #222; /* BACKGROUND COLOR OF FIRST LINK BAR (HOVER) */}

.link2 {
margin-left: 140px;
background: #444; /* BACKGROUND COLOR OF SECOND LINK BAR */}

.link2:hover {
background: #555; /* BACKGROUND COLOR OF SECOND LINK BAR (HOVER) */}

.link3 {
background: #777; /* BACKGROUND COLOR OF THIRD LINK BAR */
margin-left: 280px;}

.link3:hover {
background: #888; /* BACKGROUND COLOR OF THIRD LINK BAR (HOVER) */}

.link4 {
background: #999; /* BACKGROUND COLOR OF FOURTH LINK BAR */
margin-left: 420px;}

.link4:hover {
background: #fff; /* BACKGROUND COLOR OF FOURTH LINK BAR (HOVER) */}

.navbar {
position: fixed;
width: 125px;
height: 20px;
margin: 0px;}


.c img {
padding-left: 2.5px;
padding-top: 2px;
border-radius: 250px;
opacity: 0;
width:25px;
height: 25px;
-webkit-transition: 0.5s ease;transition: 0.5s ease;
-o-transition: 0.5s ease;-moz-transition: 0.5s ease;}

.c {
z-index: 99999;
overflow: hidden;
position:fixed;
right:7px;
bottom:7px;
background-color: rgba(0,0,0,0.2);
width: 30px;
height: 30px;
border-radius: 250px;}

.c img:hover {  opacity: 1;}



</style>

<font face="verdana" size="1" color="white">


<div id="side">
<div id="ichi">
<img class="cero" src="http://userimages-akm.imvu.com/userdata/50/19/92/62/userpics/Snap_iLTS2gGOok1592061710.png" />
<img class="cero2" src="http://userimages-akm.imvu.com/userdata/50/19/92/62/userpics/Snap_QDG8FG956x183981167.png" />
<img class="cero3" src="http://userimages-akm.imvu.com/userdata/50/19/92/62/userpics/Snap_eN8bOzCtUC1067471122.png" />
<div class="uno">


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

<div id="content">

<div class="descbg">

<div class="header">

<div class="circlebox">

<!--HEADER CIRCLE LINKS-->
<a href="http://pt.imvu.com/catalog/web_add_contact.php?contact=llCaram3ll" title="ADD"><div class="c1"></div></a>

<a href="/catalog/web_send_message_widget.php?recipient_id=50199262" title="MSG"><div class="c2"></div></a>

<a href="http://pt.imvu.com/catalog/web_flag_homepage.php?flag_homepage=50199262" title="FLAG"><div class="c3"></div></a>

<a href="http://pt.imvu.com/catalog/web_blocked_list.php?blocked=50199262" title="BLOCK"><div class="c4"></div>
</a></div>
<!--HEADER CIRCLE LINKS-->

<div class="headerfont">
<!--HEADER TITLE-->
About me
<!--HEADER TITLE-->
</div></div>

<div class="stuff">
<div class="font">
<!--DESCRIPTION-->

<p><u>Name</u>: Caramel</p>
<p><u>Age</u>: 31 years </p>
<p><u>Ig</u>: carameltyler_imvu</p>
<p> <u> Shop me </u> </p>

<!--DESCRIPTION-->
</div>
</div>

</div>

<div class="picbg">
<div class="picall">

<!--CIRCLE ICON LINKS-->
<a href="http://pt.imvu.com/members/llCaram3ll/" title="Photo Stream">
<div class="in1">
<div class="infont1"><span class="fontawesome-home"></span></div>
</div>
</a>

<a href="http://pt.imvu.com/shop/web_search.php?manufacturers_id=50199262" title="My Shop">
<div class="in2">
<div class="infont2"><span class="fontawesome-envelope"></span></div>
</div>
</a>

<a href="/catalog/web_send_message_widget.php?recipient_id=50199262" title="MESSAGE">
<div class="in3">
<div class="infont3"><span class="fontawesome-heart"></span></div>
</div>
</a>

<a href="http://pt.imvu.com/catalog/web_add_contact.php?contact=llCaram3ll" title="ADD">
<div class="in4">
<div class="infont4"><span class="fontawesome-calendar"></span></div>
</div>
</a>
<!--CIRCLE ICON LINKS-->

<!--REPLACE URL (WITHIN THE QUOTATIONS) WITH THE SAME URL-->
<div class="picout">
<div class="pic"><img src="http://www.imvu.com/catalog/web_av_pic.php?av=llCaram3ll" /></div>
</div>

<!--REPLACE URL (WITHIN THE QUOTATIONS) WITH THE SAME URL-->

</div><!--picall-->
</div><!--picbg-->


</div>

 <div id="credit"><a href="http://pt.avatars.imvu.com/Uslas"><div class="credit_u">LAYOUT BY USLAS </div><div class="links_h">DO NOT STEAL.</div></a></div>

 <div id="LINHA" style="width:100%;  color:#a3a3a3; opacity:1; height:230px; left:-100px; letter-spacing:11px; top:50px; font-size:21px; font-family:'voltaire'; z-index:9; padding:6px; background-color:#A020F0; border:1px solid #; opacity:1; text-shadow: 0px 0px 0px #; line-height:55px; border-top:px solid #fff; text-align:center; -webkit-transform: rotate(0deg); width=100%; ">
<table border="2" bgcolor="#A020F0" width="100%" height="230px"></table>
</div>


 <div id="DOPS_BOX" class="box" style="position:absolute; background-color:; opacity:0.8; color:#000; width:200px; height:55px; padding:7px; font-family: 'Open Sans Condensed', sans-serif;; z-index:99999; left:310px; top:230px; background-color:#; line-height:22px; border:1px dotted #;  color:#; border-radius:; border-radius:px; font-size: 22px;  text-shadow: 0px 0px 1px #; border-top:-50px; text-align:justify; letter-spacing:2px; text-transform:uppercase;">
USLAS LAYOUTS
</div>

<div id="DOPS_BOX2" class="box" style="position:absolute; background-color:; opacity:0.8; color:#000; width:120px; height:55px; padding:7px;font-family: 'Cuprum', sans-serif; z-index:99999; left: 313px; top:270px; background-color:#; line-height:10px; border:1px dotted #;  color:#; border-radius:; border-radius:px; font-size: 9px;  text-shadow: 0px 0px 1px #; border-top:-50px; text-align:center; letter-spacing:2px; text-transform:uppercase;">
Layout Made Uslas and Owned by llCaram3ll
</div>



<div id="PAINEL_REDONDO" style="width:150px;  color:#000; opacity:1; height:150px; position:absolute; left:280px; letter-spacing:11px; top:180px; font-size:21px; font-family:'voltaire'; z-index:999; padding:20px; background-color:#fff; border:1px solid #; overflow:auto; opacity:1; text-shadow: 0px 0px 0px #aaa; line-height:55px; border:10px solid #000; text-align:center; -webkit-transform: rotate(0deg); border-radius:100%;">

</div>


















 </font></center>


<style type="text/css">
   #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
   #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
   #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
   #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel,
   #special_panel,#outfits_panel {
      width:900px !important;
   }
   #rightColumn {
      display:none !important;
   }
</style>

<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
<style type="text/css">
.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }


</style>