/*
Styles for Memphis Simple Social Widget
*/
    .widget.FollowWidget ul {
        border-top:1px solid #ddd;
    }
    .widget.FollowWidget li{
        border:none; 
    }
    .widget.FollowWidget li {
        clear:none;
        float:left;
    }
   
    nav#social ul li a {
    background: url('images/simple-social.png') no-repeat;
    border-radius:3px;
    display:inline;
    float:left;
    width: 32px;
    height: 30px;
    margin:.2em .3em .1em; 
    opacity:.8;
    text-decoration:none;
    text-indent:-9000px;
    transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    }
    nav#social ul:hover li a{
    border:none;
    opacity:.3;
    position:relative;
    transition: opacity 1s;
    -ms-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    }
    nav#social ul li a:hover {
    border:none;
    opacity:1;
    transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    }
    nav#social a.twitter, nav#social a.twitter:hover, nav#social a.twitter:active {
     background-position: -247px 0;
    }
    nav#social a.facebook, nav#social a.facebook:hover, nav#social a.facebook:active {
     background-position: -30px 0;
    }
    nav#social a.mail, nav#social a.mail:hover, nav#social a.mail:active {
     background-position: -307px 0;
    }
    nav#social a.rss, nav#social a.rss:hover, nav#social a.rss:active {
     background-position: -185px 0;
    }
    nav#social a.pinterest, nav#social a.pinterest:hover, nav#social a.pinterest:active {
     background-position: 0 0;
    }
    nav#social a.goodreads, nav#social a.goodreads:hover, nav#social a.goodreads:active {
     background-position: -62px 0;
    }
    nav#social a.gplus, nav#social a.gplus:hover, nav#social a.gplus:active {
     background-position: -92px 0;
    }
    nav#social a.linkedin, nav#social a.linkedin:hover, nav#social a.linkedin:active {
     background-position: -123px 0;
    }
    nav#social a.flickr, nav#social a.flickr:hover, nav#social a.flickr:active {
     background-position: -154px 0;
    }