#rsidebar {
    position: fixed;
    bottom: 38px;
    left: 170px;
    width: 360px;
    background-color: #0f0f0f;
    font-family: Helvetica;
}
#rsidebar .content {
    height: 100%;
    padding: 0%;
    font-size: 11px;
    overflow: scroll;
}
#rsidebar .dark {
    position: relative;
    display: inline-block;
    background: black;
}
#rsidebar .dark img {
    width: 100%;
    height: auto;
    opacity: 1;
    display: block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#rsidebar .dark .cap {
display: block;
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
color: white;
text-align: center;
font-weight: bold;
font-size: 40px;
text-transform: uppercase;
font-family: dinalt;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;

}
#rsidebar .dark:hover img {
    opacity: 0.5;
}
#rsidebar .dark:hover .cap {
    opacity: 0.7;
}