#4138 profile css

body{
background:url(http://img06.deviantart.net/3aa5/i/2012/139/4/a/the_ghost_nebula_by_tylercreatesworlds-d4zb5y3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#727272;
font:12px Segoe UI;
}

h1{
font-weight:normal;
background:#fff;
color:#25a09f;
padding:5px;
margin-bottom:5px;
font-weight:bold;
font-size:13px;
letter-spacing:1px;
border-bottom:1px solid #ddd;
}

#info-panel{
float:left;
left:200px;
position:relative;
top:-20px;
height:auto;
}

#info-panel dl{
margin-top:6px;
}

#info-panel dt{
text-align:left;
color:#444;
}

#info-panel dd{
text-align:right;
}

#link-panel{
float:left;
margin-top:7px;
position:relative;
left:200px;
height:140px;
width:290px;
top:-26px;
}

#about-panel{
margin-top:7px;
top:-26px;
position:relative;
text-align:center;
}

#link-panel li{
display:block;
text-align:center;
}

#link-panel a, a:visited, #info-panel a, #info-panel a:visited{
color:#58dbd3;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#link-panel a:hover, #info-panel a:hover{
color:#25a09f;
}

#equipped-panel{
margin-top:-17px;
position:relative;
height:108px;
overflow:visible;
}

#profile-nav, #profile-nav a{
opacity:0.5;
background:none;
border:none;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
color:#000;
}

#profile-nav a:hover{
opacity:1;
}

#custom-16-panel{
height:35px;
overflow:auto;
width:300px;
position:absolute;
background:#fff;
float:right;
top:145px;
text-align:justify;
line-height:15px;
margin-left:200px;
text-align:center;
padding:0;
z-index:5;
}

#custom-16-panel h1{
display:none;
}

#custom-16-panel a{
color:#333;
display:inline-block;
font-size:17px;
font-variant:small-caps;
letter-spacing:1px;
margin:-5px 9px;
padding:10px 6px;
float:center;
text-align:center;
   transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-16-panel a:hover{
color:#25a09f;
   transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#equipped-panel a, a:visited, #comment-panel a, a:visited{
color:#58dbd3;
}

#custom-15-panel{
height:170px;
overflow:auto;
width:290px;
position:absolute;
background:#fff;
float:right;
margin-top:193px;
line-height:17px;
margin-left:200px;
opacity:1;
}

#custom-8-panel, #comment-panel{
height:170px;
overflow:auto;
width:290px;
position:absolute;
background:#fff;
float:right;
margin-top:193px;
line-height:17px;
margin-left:200px;
opacity:0;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-15-panel, #comment-panel:target{
opacity:1;
}

#custom-15-panel, #custom-8-panel{
text-align:justify;
}

#comment-panel{
text-align:center;
}

#custom-15-panel{
z-index:3;
}

#custom-8-panel{
z-index:2;
}

#comment-panel{
z-index:1;
}

#custom-15-panel:target{
z-index:4;
}

#custom-8-panel:target{
z-index:5;
opacity:1;
}

#comment-panel:target{
z-index:6;
}

#equipped-panel a:hover, #comment-panel a:hover{
color:#25a09f;
}