css caixinhas hover

#sidebar {
position:fixed !important;
width: 180px;
height: 180px;
background-color:white;
margin-top: 100px;
margin-left:100px;
overflow: hidden;
border: 1px solid #eee;
}

#sidebar img {
width: 180px;
position: absolute;
margin-top: 0px;
margin-left: 0px;
min-height: 180px;
}

#sidebar .desc {
opacity: 1;
position: absolute;
margin-top: 190px;
border: 1px solid #eee;
margin-left: -12px;
background: white;
padding: 10px;
width: 180px;
z-index: 1000;
overflow: hidden;
height: 180px;
opacity: .0;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar:hover .desc {
opacity: 1;
margin-top:0px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar2 {
position:fixed !important;
width: 180px;
height: 180px;
background-color:white;
margin-top: 100px;
margin-left:285px;
overflow: hidden;
border: 1px solid #eee;
}

#sidebar2 img {
width: 180px;
position: absolute;
margin-top: 0px;
margin-left: 0px;
min-height: 180px;
}

#sidebar2 .desc {
opacity: 1;
position: absolute;
margin-top: -190px;
border: 1px solid #eee;
margin-left: -12px;
background: white;
padding: 10px;
width: 180px;
z-index: 1000;
overflow: hidden;
height: 180px;
opacity: .0;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar2:hover .desc {
opacity: 1;
margin-top:0px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}


#sidebar3 {
position:fixed !important;
width: 180px;
height: 180px;
background-color:white;
margin-top: 285px;
margin-left:285px;
overflow: hidden;
border: 1px solid #eee;
}

#sidebar3 img {
width: 180px;
position: absolute;
margin-top: 0px;
margin-left: 0px;
min-height: 180px;
}

#sidebar3 .desc {
opacity: 1;
position: absolute;
border: 1px solid #eee;
margin-left: -12px;
background: white;
padding: 10px;
width: 180px;
z-index: 1000;
overflow: hidden;
height: 180px;
opacity: .6;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar3:hover .desc {
opacity: 1;
margin-top:190px;
maring-left:190;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar4 {
position:fixed !important;
width: 180px;
height: 180px;
background-color:white;
margin-top: 285px;
margin-left:100px;
overflow: hidden;
border: 1px solid #eee;
}

#sidebar4 img {
width: 180px;
position: absolute;
margin-top: 0px;
margin-left: 0px;
min-height: 180px;
}

#sidebar4 .desc {
opacity: 1;
position: absolute;
margin-top: 0px;
border: 1px solid #eee;
margin-left: -12px;
background: white;
padding: 10px;
width: 180px;
z-index: 1000;
overflow: hidden;
height: 180px;
opacity: .6;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar4:hover .desc {
opacity: 1;
margin-top:-210px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar6 {
position:fixed !important;
width: 180px;
height: 180px;
background-color:white;
margin-top: 285px;
margin-left:470px;
overflow: hidden;
border: 1px solid #eee;
}


#sidebar6 img {
width: 180px;
position: absolute;
margin-top: 0px;
margin-left: 0px;
min-height: 180px;
}

#sidebar6 .desc {
opacity: 1;
position: absolute;
margin-top: 10px;
border: 1px solid #eee;
margin-left: 10px;
background: white;
padding: 10px;
width: 138px;
z-index: 1000;
overflow: hidden;
height: 138px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar6:hover .desc {
opacity: 0;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar5 {
position:fixed !important;
width: 180px;
height: 180px;
background-color:white;
margin-top: 100px;
margin-left:470px;
overflow: hidden;
border: 1px solid #eee;
}


#sidebar5 img {
width: 180px;
position: absolute;
margin-top: 0px;
margin-left: 0px;
min-height: 180px;
}

#sidebar5 .desc {
opacity: 0;
position: absolute;
margin-top: 10px;
border: 1px solid #eee;
margin-left: 10px;
background: white;
padding: 10px;
width: 138px;
z-index: 1000;
overflow: hidden;
height: 138px;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#sidebar5:hover .desc {
opacity: 1;
transition: all 0.5s ease-out;
-o-transition-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.blogtitle a{
font-size: 12px;
line-height: 12px;
font-family: georgia;
letter-spacing: 2px;
text-transform: lowercase;
font-style: italic;
color: {color:blog title};
}