#related-posts {
float: left;
width: 580px;
margin-top: 20px;
height:28px;
font-size: 12px;
margin-bottom: 10px;
padding: 9px;
min-height:28px;
color:#fff;
background:#2a0b38 url(#) no-repeat
center;
border:4px solid rgb(10,11,13);
border-radius: 5px;
overflow:hidden;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;}
#related-posts:hover {
height:280px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h5, #related-posts h5 { font-size :18px; font-weight : normal;text-align:center; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none;color:#fff; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { border : medium none; margin:10px; padding : 0; }
#related-posts ul li {width:540px;
float: left;
display: block;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
margin-bottom: 5px;
line-height: 2em;
border: 2px solid #222;
border-radius: 5px;-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;}
#related-posts ul li a:active{color:#fff;text-decoration:line-through}