Social media Icon Menu for Genesis Theme Framework featured here : http://thewebprincess.com/social-media-icon-menu/

genesis_social_icon_menu.css

/* Social Icons Menu
------------------------------------------------------------ */
/*This and the next selector overrides the usual header/footer widget CSS padding etc on the links just for the social icons widget*/
#header #menu-social-menu a {
margin: 5px;
border: none;
padding: 0px;
}

#footer-widgets ul#menu-social-menu li {
border: none;
}

.widget_nav_menu {
overflow: hidden;
}
.widget_nav_menu ul li.facebook,
.widget_nav_menu ul li.googleplus,
.widget_nav_menu ul li.linkedin,
.widget_nav_menu ul li.pinterest,
.widget_nav_menu ul li.rss,
.widget_nav_menu ul li.twitter,
.widget_nav_menu ul li.instagram,
.widget_nav_menu ul li.behance,
.widget_nav_menu ul li.deviantart,
.widget_nav_menu ul li.reddit,
.widget_nav_menu ul li.digg,
.widget_nav_menu ul li.delicious,
.widget_nav_menu ul li.myspace,
.widget_nav_menu ul li.evernote,
.widget_nav_menu ul li.flickr,
.widget_nav_menu ul li.dribble,
.widget_nav_menu ul li.github,
.widget_nav_menu ul li.lastfm,
.widget_nav_menu ul li.email,
.widget_nav_menu ul li.path,
.widget_nav_menu ul li.picasa,
.widget_nav_menu ul li.tumblr,
.widget_nav_menu ul li.soundcloud,
.widget_nav_menu ul li.grooveshark,
.widget_nav_menu ul li.wordpress,
.widget_nav_menu ul li.youtube,
.widget_nav_menu ul li.spotify,
.widget_nav_menu ul li.posterous,
.widget_nav_menu ul li.blogger,
.widget_nav_menu ul li.forrst,
.widget_nav_menu ul li.dopplr,
.widget_nav_menu ul li.stumbleupon,
.widget_nav_menu ul li.viddler,
.widget_nav_menu ul li.vimeo,
.widget_nav_menu ul li.fivehundredpx,
.widget_nav_menu ul li.skype,
.widget_nav_menu ul li.zerply,
.widget_nav_menu ul li.wordpress,
.widget_nav_menu ul li.viggle,
.widget_nav_menu ul li.getglue
{
float: left;
border: none;
}

.widget_nav_menu ul li.facebook a,
.widget_nav_menu ul li.facebook a:hover,
.widget_nav_menu ul li.googleplus a,
.widget_nav_menu ul li.googleplus a:hover,
.widget_nav_menu ul li.linkedin a,
.widget_nav_menu ul li.linkedin a:hover,
.widget_nav_menu ul li.pinterest a,
.widget_nav_menu ul li.pinterest a:hover,
.widget_nav_menu ul li.rss a,
.widget_nav_menu ul li.rss a:hover,
.widget_nav_menu ul li.twitter a,
.widget_nav_menu ul li.twitter a:hover,
.widget_nav_menu ul li.instagram a,
.widget_nav_menu ul li.instagram a:hover,
.widget_nav_menu ul li.behance a,
.widget_nav_menu ul li.behance a:hover,
.widget_nav_menu ul li.deviantart a,
.widget_nav_menu ul li.deviantart a:hover,
.widget_nav_menu ul li.reddit a,
.widget_nav_menu ul li.reddit a:hover,
.widget_nav_menu ul li.digg a,
.widget_nav_menu ul li.digg a:hover,
.widget_nav_menu ul li.delicious a,
.widget_nav_menu ul li.delicious a:hover,
.widget_nav_menu ul li.myspace a,
.widget_nav_menu ul li.myspace a:hover,
.widget_nav_menu ul li.evernote a,
.widget_nav_menu ul li.evernote a:hover,
.widget_nav_menu ul li.flickr a,
.widget_nav_menu ul li.flickr a:hover,
.widget_nav_menu ul li.dribble a,
.widget_nav_menu ul li.dribble a:hover,
.widget_nav_menu ul li.github a,
.widget_nav_menu ul li.github a:hover,
.widget_nav_menu ul li.lastfm a,
.widget_nav_menu ul li.lastfm a:hover,
.widget_nav_menu ul li.email a,
.widget_nav_menu ul li.email a:hover,
.widget_nav_menu ul li.path a,
.widget_nav_menu ul li.path a:hover,
.widget_nav_menu ul li.picasa a,
.widget_nav_menu ul li.picasa a:hover,
.widget_nav_menu ul li.tumblr a,
.widget_nav_menu ul li.tumblr a:hover,
.widget_nav_menu ul li.soundcloud a,
.widget_nav_menu ul li.soundcloud a:hover,
.widget_nav_menu ul li.grooveshark a,
.widget_nav_menu ul li.grooveshark a:hover,
.widget_nav_menu ul li.wordpress a,
.widget_nav_menu ul li.wordpress a:hover,
.widget_nav_menu ul li.youtube a,
.widget_nav_menu ul li.youtube a:hover,
.widget_nav_menu ul li.spotify a,
.widget_nav_menu ul li.spotify a:hover,
.widget_nav_menu ul li.posterous a,
.widget_nav_menu ul li.posterous a:hover,
.widget_nav_menu ul li.blogger a,
.widget_nav_menu ul li.blogger a:hover,
.widget_nav_menu ul li.forrst a,
.widget_nav_menu ul li.forrst a:hover,
.widget_nav_menu ul li.dopplr a,
.widget_nav_menu ul li.dopplr a:hover,
.widget_nav_menu ul li.stumbleupon a,
.widget_nav_menu ul li.stumbleupon a:hover,
.widget_nav_menu ul li.viddler a,
.widget_nav_menu ul li.viddler a:hover,
.widget_nav_menu ul li.vimeo a,
.widget_nav_menu ul li.vimeo a:hover,
.widget_nav_menu ul li.fivehundredpx a,
.widget_nav_menu ul li.fivehundredpx a:hover,
.widget_nav_menu ul li.skype a,
.widget_nav_menu ul li.skype a:hover,
.widget_nav_menu ul li.zerply a,
.widget_nav_menu ul li.zerply a:hover,
.widget_nav_menu ul li.wordpress a,
.widget_nav_menu ul li.wordpress a:hover,
.widget_nav_menu ul li.viggle a,
.widget_nav_menu ul li.viggle a:hover,
.widget_nav_menu ul li.getglue a,
.widget_nav_menu ul li.getglue a:hover
{
display: block;
height: 30px;
margin: 0 0 0 10px;
padding: 0;
text-indent: -9999px;
width: 30px;
}

.widget_nav_menu ul li.facebook a:hover,
.widget_nav_menu ul li.googleplus a:hover,
.widget_nav_menu ul li.linkedin a:hover,
.widget_nav_menu ul li.pinterest a:hover,
.widget_nav_menu ul li.rss a:hover,
.widget_nav_menu ul li.twitter a:hover,
.widget_nav_menu ul li.instagram a:hover,
.widget_nav_menu ul li.behance a:hover,
.widget_nav_menu ul li.deviantart a:hover,
.widget_nav_menu ul li.reddit a:hover,
.widget_nav_menu ul li.digg a:hover,
.widget_nav_menu ul li.delicious a:hover,
.widget_nav_menu ul li.myspace a:hover,
.widget_nav_menu ul li.evernote a:hover,
.widget_nav_menu ul li.flickr a:hover,
.widget_nav_menu ul li.dribble a:hover,
.widget_nav_menu ul li.github a:hover,
.widget_nav_menu ul li.lastfm a:hover,
.widget_nav_menu ul li.email a:hover,
.widget_nav_menu ul li.path a:hover,
.widget_nav_menu ul li.picasa a:hover,
.widget_nav_menu ul li.tumblr a:hover,
.widget_nav_menu ul li.soundcloud a:hover,
.widget_nav_menu ul li.grooveshark a:hover,
.widget_nav_menu ul li.wordpress a:hover,
.widget_nav_menu ul li.youtube a:hover,
.widget_nav_menu ul li.spotify a:hover,
.widget_nav_menu ul li.posterous a:hover,
.widget_nav_menu ul li.blogger a:hover,
.widget_nav_menu ul li.forrst a:hover,
.widget_nav_menu ul li.dopplr a:hover,
.widget_nav_menu ul li.stumbleupon a:hover,
.widget_nav_menu ul li.viddler a:hover,
.widget_nav_menu ul li.vimeo a:hover,
.widget_nav_menu ul li.fivehundredpx a:hover,
.widget_nav_menu ul li.skype a:hover,
.widget_nav_menu ul li.zerply a:hover,
.widget_nav_menu ul li.wordpress a:hover,
.widget_nav_menu ul li.viggle a:hover,
.widget_nav_menu ul li.getglue a:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}

.widget_nav_menu ul li.facebook a {
background: url(images/social_sprite.png) 0px -60px;
}

.widget_nav_menu ul li.googleplus a {
background: url(images/social_sprite.png) -60px -120px;
}

.widget_nav_menu ul li.linkedin a {
background: url(images/social_sprite.png) 0px -180px;
}

.widget_nav_menu ul li.pinterest a {
background: url(images/social_sprite.png) -60px -390px;
}

.widget_nav_menu ul li.rss a {
background: url(images/social_sprite.png) -60px -240px;
}

.widget_nav_menu ul li.twitter a {
background: url(images/social_sprite.png) 0px -330px;
}

.widget_nav_menu ul li.instagram a {
background: url(images/social_sprite.png) -30px -150px;
}

.widget_nav_menu ul li.behance a {
background: url(images/social_sprite.png) 0px -30px;
}

.widget_nav_menu ul li.deviantart a {
background: url(images/social_sprite.png) -60px 0px;
}

.widget_nav_menu ul li.reddit a {
background: url(images/social_sprite.png) -60px -240px;
}

.widget_nav_menu ul li.digg a {
background: url(images/social_sprite.png) -60px -60px;
}

.widget_nav_menu ul li.delicious a {
background: url(images/social_sprite.png) -30px -30px;
}

.widget_nav_menu ul li.myspace a {
background: url(images/social_sprite.png) -60px -180px;
}

.widget_nav_menu ul li.evernote a {
background: url(images/social_sprite.png) -30px -60px;
}

.widget_nav_menu ul li.flickr a {
background: url(images/social_sprite.png) -30px -90px;
}

.widget_nav_menu ul li.dribble a {
background: url(images/social_sprite.png) -60px -90px;
}

.widget_nav_menu ul li.github a {
background: url(images/social_sprite.png) -30px -120px;
}

.widget_nav_menu ul li.lastfm a {
background: url(images/social_sprite.png) -60px -150px;
}

.widget_nav_menu ul li.email a {
background: url(images/social_sprite.png) -60px -240px;
}

.widget_nav_menu ul li.path a {
background: url(images/social_sprite.png) 0px -210px;
}

.widget_nav_menu ul li.picasa a {
background: url(images/social_sprite.png) -60px -210px;
}

.widget_nav_menu ul li.tumblr a {
background: url(images/social_sprite.png) -30px -300px;
}

.widget_nav_menu ul li.soundcloud a {
background: url(images/social_sprite.png) -30px -270px;
}

.widget_nav_menu ul li.grooveshark a {
background: url(images/social_sprite.png) 0px -150px;
}

.widget_nav_menu ul li.wordpress a {
background: url(images/social_sprite.png) -30px -360px;
}
.widget_nav_menu ul li.youtube a {
background: url(images/social_sprite.png) 0px -390px;
}

.widget_nav_menu ul li.spotify a {
background: url(images/social_sprite.png) 0px -300px;
}

.widget_nav_menu ul li.posterous a {
background: url(images/social_sprite.png) 0px -240px;
}

.widget_nav_menu ul li.blogger a {
background: url(images/social_sprite.png) -60px -30px;
}

.widget_nav_menu ul li.forrst a {
background: url(images/social_sprite.png) 0px -120px;
}

.widget_nav_menu ul li.dopplr a {
background: url(images/social_sprite.png) 0px -90px;
}

.widget_nav_menu ul li.stumbleupon a {
background: url(images/social_sprite.png) -60px -300px;
}

.widget_nav_menu ul li.viddler a {
background: url(images/social_sprite.png) -60px -330px;
}

.widget_nav_menu ul li.vimeo a {
background: url(images/social_sprite.png) -30px -330px;
}

.widget_nav_menu ul li.fivehundredpx a {
background: url(images/social_sprite.png) 0px 0px;
}

.widget_nav_menu ul li.skype a {
background: url(images/social_sprite.png) -60px -270px;
}
.widget_nav_menu ul li.reddit a {
background: url(images/social_sprite.png) -30px -240px;
}
.widget_nav_menu ul li.fivehundredpx a {
background: url(images/social_sprite.png) 0px 0px;
}
.widget_nav_menu ul li.zerply a {
background: url(images/social_sprite.png) -30px -390px;
}
.widget_nav_menu ul li.viggle a {
background: url(images/social_sprite.png) 0px -420px;
}
.widget_nav_menu ul li.getglue a {
background: url(images/social_sprite.png) -30px -420px;
}