ul.s2_blogs
{
    float: left;

    width: 99%;
}

ul.s2_blogs li
{
    position: relative;

    display: block;
    float: left;

    width: 47%;
    margin: 3px;
    padding: .5em;

    white-space: nowrap;

    border: 1px solid #e0e0e0;
    background-color: #e3e3e3;
}

ul.s2_blogs li:hover
{
    border-color: #666;
}

ul.s2_blogs li .name
{
    display: block;
    float: left;
}

ul.s2_blogs li .buttons
{
    font-size: .8em;

    display: block;
    float: right;

    margin-left: -6px;

    white-space: nowrap;
}

ul.s2_blogs li .buttons a
{
    display: block;
    float: left;

    margin: 0 0 0 1em;
    padding: .1em .5em;

    color: white;
    background-color: #666;
}

ul.s2_blogs li .buttons a:hover
{
    color: #666;
    background-color: whitesmoke;
}

ul.s2_blogs div.additional_info
{
    font-style: italic;

    position: absolute;
    z-index: 9;
    bottom: 2.4em;
    left: -2px;

    display: none;

    width: 75%;
    margin-bottom: 2px;
    padding: .5em 1em;

    color: #fff;
    border: 1px solid white;
    border-bottom: medium none;
    -moz-border-radius-topleft: .5em;
    -moz-border-radius-topright: .5em;
    background-color: #666;
}

ul.s2_blogs li:hover div.additional_info
{
    display: block;
}
