#404 profile css

body{
background:#fff;
color:#727272;
font:12px helvetica;
}

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

#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:195px;
}

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

#link-panel a, a:visited, #info-panel a, #info-panel a:visited{
color:#93bdbf;
    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:#b7b7b7;
}

#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-5-panel{
height:35px;
overflow:auto;
width:300px;
position:absolute;
background:#fff;
float:right;
top:-20px;
text-align:justify;
line-height:15px;
margin-left:200px;
text-align:center;
padding:0;
z-index:5;
}

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

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

#custom-3-panel{
height:148px;
overflow:auto;
width:290px;
position:absolute;
background:#fff;
float:right;
margin-top:28px;
line-height:17px;
margin-left:200px;
opacity:1;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-4-panel{
height:148px;
overflow:auto;
width:290px;
position:absolute;
background:#fff;
float:right;
margin-top:28px;
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-4-panel, #comment-panel:target{
opacity:1;
}

#custom-3-panel, #custom-4-panel{
text-align:justify;
}

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

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

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

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

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

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

#custom-5-panel a:hover{
color:#b7b7b7;
}

.panel{
border:1px solid #b7b7b7;
}