#snet li a {
 background: transparent url(../images/icons40.png) 100% 0 no-repeat;
 border: none;
 display: block;
 height: 40px;
 left: 0px;
 padding-left:10px;margin-botom:8px;padding-right:5px;
 text-decoration: none;

 width: 75%;
 
 -webkit-box-shadow: rgba(0,0,0, 0) 2px 2px 2px;
 -moz-box-shadow: rgba(0,0,0, 0) 2px 2px 2px;
 -o-box-shadow: rgba(0,0,0, 0) 2px 2px 2px;
 box-shadow: rgba(0,0,0, 0) 2px 2px 2px;

 -webkit-border-radius: 31px;
 -moz-border-radius: 31px;
 border-radius: 31px;

 -webkit-transition: background-color .25s ease, color .5s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
 -moz-transition: background-color .25s ease, color .5s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
 -o-transition: background-color .25s ease, color .5s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
 transition: background-color .25s ease, color .5s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
}
.opacity #snet li a {
 color: #555;
 opacity: .42;
}

#snet li a:hover,
#snet li a:focus {
 color: #fff;
 opacity: 1;
}
.rgba #snet li a:hover,
.rgba #snet li a:focus {
 text-shadow: rgba(0,0,0, .02) 1px 1px 0px;
 width: 95%;
 
 -webkit-box-shadow: rgba(0,0,0, .42) 2px 2px 2px;
 -moz-box-shadow: rgba(0,0,0, .42) 2px 2px 2px;
 -o-box-shadow: rgba(0,0,0, .42) 2px 2px 2px;
 box-shadow: rgba(0,0,0, .42) 2px 2px 2px;

 -webkit-transition: background-color .25s ease, color .25s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
 -moz-transition: background-color .25s ease, color .25s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
 -o-transition: background-color .25s ease, color .25s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
 transition: background-color .25s ease, color .25s ease, width .2s ease-out, 
-webkit-box-shadow .25s ease, text-shadow .2s ease, opacity .2s ease;
}

#snet #flickr     a { background-position: 100%      0; }
#snet #twitter    a { background-position: 100%  -40px; }
#snet #vimeo      a { background-position: 100% -80px; }
#snet #linkedin   a { background-position: 100% -120px; }
#snet #facebook   a { background-position: 100% -160px; }
#snet #tumblr     a { background-position: 100% -200px; }
#snet #lastfm     a { background-position: 100% -240px; }
#snet #bebo       a { background-position: 100% -280px; }
#snet #deviant    a { background-position: 100% -320px; }
#snet #apple      a { background-position: 100% -360px; }
#snet #yahoo      a { background-position: 100% -400px; }
#snet #skype      a { background-position: 100% -440px; }
#snet #rss        a { background-position: 100% -480px; }
#snet #email      a { background-position: 100% -520px; }
#snet #gplus      a { background-position: 100% -560px; }
#snet #youtube     a { background-position: 100% -600px; }
#snet #soundcloud   a { background-position: 100% -640px; }


#flickr     a:hover, #flickr     a:focus { background-color: #f42892; }
#twitter    a:hover, #twitter    a:focus { background-color: #28adff; }
#vimeo      a:hover, #vimeo      a:focus { background-color: #1a90c6; }
#linkedin   a:hover, #linkedin   a:focus { background-color: #006699; }
#facebook   a:hover, #facebook   a:focus { background-color: #36528c; }
#tumblr     a:hover, #tumblr     a:focus { background-color: #3c5875; }
#lastfm     a:hover, #lastfm     a:focus { background-color: #d2013a; }
#bebo       a:hover, #bebo      a:focus { background-color: #f12829; }
#deviant    a:hover, #deviant     a:focus { background-color: #566c60; }
#apple      a:hover, #apple      a:focus { background-color: #dfdfdf; }
#yahoo      a:hover, #yahoo      a:focus { background-color: #640f6c; }
#skype      a:hover, #skype     a:focus { background-color: #00aff0; }
#rss        a:hover, #rss      a:focus { background-color: #ee7f14; }
#email      a:hover, #email      a:focus { background-color: #494d5e; }
#gplus      a:hover, #gplus     a:focus { background-color: #1f1f1f; }
#youtube     a:hover, #youtube       a:focus { background-color: #ff0b15; }
#soundcloud   a:hover, #soundcloud     a:focus { background-color: #ff6600; }


.rgba #flickr     a { background-color: rgba(244,  40, 146, 0); }
.rgba #twitter    a { background-color: rgba( 40, 175, 255, 0); }
.rgba #vimeo      a { background-color: rgba( 26, 144, 198, 0); }
.rgba #linkedin   a { background-color: rgba(  0, 102, 153, 0); }
.rgba #facebook   a { background-color: rgba( 54,  82, 140, 0); }
.rgba #tumblr     a { background-color: rgba( 60,  88, 117, 0); }
.rgba #lastfm     a { background-color: rgba(210,  1, 58, 0); }
.rgba #bebo       a { background-color: rgba(241,  40, 41, 0); }
.rgba #deviant    a { background-color: rgba(86,  108, 96, 0); }
.rgba #apple      a { background-color: rgba(223,  223, 223, 0); }
.rgba #yahoo      a { background-color: rgba(100,  15, 108, 0); }
.rgba #skype      a { background-color: rgba(0,  175, 240, 0); }
.rgba #rss        a { background-color: rgba(238,  127, 20, 0); }
.rgba #email      a { background-color: rgba(73,  77, 94, 0); }
.rgba #gplus      a { background-color: rgba(31,  31, 31, 0); }
.rgba #youtube     a { background-color: rgba(255,  11, 21, 0); }
.rgba #soundcloud   a { background-color: rgba(255,  102, 0, 0); }


.rgba #flickr     a:hover, .rgba #flickr     a:focus { background-color: rgba(244,  40, 146, 0.82); }
.rgba #twitter    a:hover, .rgba #twitter    a:focus { background-color: rgba( 40, 175, 255, 0.82); }
.rgba #vimeo      a:hover, .rgba #vimeo      a:focus { background-color: rgba( 26, 144, 198, 0.82); }
.rgba #linkedin   a:hover, .rgba #linkedin   a:focus { background-color: rgba(  0, 102, 153, 0.82); }
.rgba #facebook   a:hover, .rgba #facebook   a:focus { background-color: rgba( 54,  82, 140, 0.82); }
.rgba #tumblr     a:hover, .rgba #tumblr     a:focus { background-color: rgba( 60,  88, 117, 0.82); }
.rgba #lastfm     a:hover, .rgba #lastfm     a:focus { background-color: rgba(210,  1, 58, 0.82); }
.rgba #bebo       a:hover, .rgba #bebo      a:focus { background-color: rgba(241,  40, 41, 0.82); }
.rgba #deviant    a:hover, .rgba #deviant     a:focus { background-color: rgba(86,  108, 96, 0.82); }
.rgba #apple      a:hover, .rgba #apple      a:focus { background-color: rgba(223,  223, 223, 0.82); }
.rgba #yahoo      a:hover, .rgba #yahoo      a:focus {background-color: rgba(100,  15, 108, 0.82); }
.rgba #skype      a:hover, .rgba #skype     a:focus { background-color: rgba(0,  175, 240, 0.82); }
.rgba #rss        a:hover, .rgba #rss      a:focus { background-color: rgba(238,  127, 20, 0.82); }
.rgba #email      a:hover, .rgba #email      a:focus { background-color: rgba(73,  77, 94, 0.82); }
.rgba #gplus      a:hover, .rgba #gplus     a:focus { background-color: rgba(31,  31, 31, 0.82); }
.rgba #youtube     a:hover, .rgba #youtube       a:focus { background-color: rgba(255,  11, 21, .82); }
.rgba #soundcloud   a:hover, .rgba #soundcloud     a:focus { background-color: rgba(255,  102, 0, 0.82); }


#snet h4, #snet ul, #snet li {
 display: block;
 list-style: none;
 margin: 0;
 padding: 0;}

#snet h4{ color: #131419; text-shadow: 1px 1px 0 rgba(255,255,255,0.9) ; font-weight:700; font-size: 20px;line-height:35px;}
#snet h4:hover{  color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}


#jjsoc 
 { width:100%;margin-left:0px;
   -moz-border-radius: 12px;
   border-radius: 12px;
 }

