ul#socialGrid {
    margin: 0 0 0 -7px !important;
}

ul#socialGrid:after {
    content: ".";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}

ul#socialGrid li {
    list-style-type: none !important;
    position: relative;
    float: left;
    margin: 0 0 7px 7px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: none !important;
}

/* fix for kubrick raquo's */
ul#socialGrid li:before {
    content: "" !important;
}
    
ul#socialGrid li a {
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999em;
    padding: 0 !important;
    margin: 0 !important;
}

ul#socialGrid li.delicious a { background-image: url(../img/icons/delicious.png); }
ul#socialGrid li.deviantart a { background-image: url(../img/icons/deviantart.png); }
ul#socialGrid li.digg a { background-image: url(../img/icons/digg.png); }
ul#socialGrid li.facebook a { background-image: url(../img/icons/facebook.png); }
ul#socialGrid li.flickr a { background-image: url(../img/icons/flickr.png); }
ul#socialGrid li.lastfm a { background-image: url(../img/icons/lastfm.png); }
ul#socialGrid li.linkedin a { background-image: url(../img/icons/linkedin.png); }
ul#socialGrid li.myspace a { background-image: url(../img/icons/myspace.png); }
ul#socialGrid li.rss a { background-image: url(../img/icons/rss.png); }
ul#socialGrid li.stumbleupon a { background-image: url(../img/icons/stumbleupon.png); }
ul#socialGrid li.tumblr a { background-image: url(../img/icons/tumblr.png); }
ul#socialGrid li.twitpic a { background-image: url(../img/icons/twitpic.png); }
ul#socialGrid li.twitter a { background-image: url(../img/icons/twitter.png); }
ul#socialGrid li.vimeo a { background-image: url(../img/icons/vimeo.png); }
ul#socialGrid li.youtube a { background-image: url(../img/icons/youtube.png); }


ul#socialGrid li div.tooltip {
    position: absolute;
    top: -25px;
    left: -10px;
    white-space: nowrap;
    display: none;
    z-index: 12000;
}

    ul#socialGrid li div.tooltip:hover {
        cursor: pointer !important;
    }

    ul#socialGrid li div.tooltip span.center {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.2em;
        background: url(../img/tooltipCenter.png) top center no-repeat;
        display: block;
        padding: 0 10px;
        line-height: 30px;
        color: #FFF;
        font-weight: bold;
        height: 35px;
        text-shadow: 0 1px 1px #000;
    }
    
    ul#socialGrid li div.tooltip span.left,
    ul#socialGrid li div.tooltip span.right {
        width: 6px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
    }
    
    ul#socialGrid li div.tooltip span.left {
        background: url(../img/tooltipLeft.png) top left no-repeat;
        left: -6px;
    }
    
    ul#socialGrid li div.tooltip span.right {
        background: url(../img/tooltipRight.png) top right no-repeat;
        right: -6px;
    }