/*Facebook*/

.facebook{
margin-left:50px;
width:48px;
height:48px;
background:url(../icons/light/Facebook.png) no-repeat #3350ae;
border-bottom:2px solid #26439e;
}
.facebook:hover{
opacity:0.90
}
.facebook:active{
opacity:0.80;
}
.facebook:hover:after{
float: left;
width:80px;
height:36px;
margin-left:48px;
background:#3350ae;
padding: 5px;
color:#fff;
text-align:center;
content: "Facebook";
font: bold 15px Arial, sans-serif;
border-right:1px solid #26439e;
border-bottom:2px solid #26439e;
text-shadow:0px 1px 1px black;
}

/*Twitter*/

.twitter{
margin-left:50px;
width:48px;
height:48px;
background:url(../icons/light/Twitter.png) no-repeat #00c4fc;
border-bottom:2px solid #00aad9;
}
.twitter:hover{
opacity:0.90
}
.twitter:active{
opacity:0.80;
}
.twitter:hover:after{
float: left;
width:90px;
height:46px;
margin-left:48px;
background:#00c4fc;
color:#fff;
text-align:center;
content: "Twitter";
font: bold 15px Arial, sans-serif;
border-right:1px solid #00aad9;
border-bottom:2px solid #00aad9;
text-shadow:0px 1px 1px black;
}

/*Tumblr*/

.tumblr{
width:48px;
height:48px;
background:url(../icons/light/Tumblr.png) no-repeat #3d658b;
border-bottom:2px solid #335372;
}
.tumblr:hover{
opacity:0.90
}
.tumblr:active{
opacity:0.80;
}
.tumblr:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#3d658b;
padding: 10px;
color:#fff;
text-align:center;
content: "Tumblr";
font: bold 15px Arial, sans-serif;
border-right:1px solid #335372;
border-bottom:2px solid #335372;
text-shadow:0px 1px 1px black;
}

/*Vimeo*/

.vimeo{
width:48px;
height:48px;
background:url(../icons/light/Vimeo.png) no-repeat #0084ff;
border-bottom:2px solid #0069ca;
}
.vimeo:hover{
opacity:0.90
}
.vimeo:active{
opacity:0.80;
}
.vimeo:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#0084ff;
padding: 10px;
color:#fff;
text-align:center;
content: "Vimeo";
font: bold 15px Arial, sans-serif;
border-right:1px solid #0069ca;
border-bottom:2px solid #0069ca;
text-shadow:0px 1px 1px black;
}

/*YouTube*/

.youtube{
margin-left:50px;
width:48px;
height:48px;
background:url(../icons/light/Youtube.png) no-repeat #c60404;
border-bottom:2px solid #b00000;
}
.youtube:hover{
opacity:0.90
}
.youtube:active{
opacity:0.80;
}
.youtube:hover:after{
float: left;
width:90px;
height:46px;
margin-left:48px;
background:#c60404;
color:#fff;
text-align:center;
content: "YouTube";
font: bold 15px Arial, sans-serif;
border-right:1px solid #b00000;
border-bottom:2px solid #b00000;
text-shadow:0px 1px 1px black;
}

/*MySpace*/

.myspace{
width:48px;
height:48px;
background:url(../icons/light/Myspace.png) no-repeat #464545;
border-bottom:2px solid #2e2e2e;
}
.myspace:hover{
opacity:0.90
}
.myspace:active{
opacity:0.80;
}
.myspace:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#464545;
padding: 10px;
color:#fff;
text-align:center;
content: "Myspace";
font: bold 15px Arial, sans-serif;
border-right:1px solid #2e2e2e;
border-bottom:2px solid #2e2e2e;
text-shadow:0px 1px 1px black;
}

/*Flickr*/

.flickr{
width:48px;
height:48px;
background:url(../icons/light/Flickr.png) no-repeat #d82af8;
border-bottom:2px solid #b523d1;
}
.flickr:hover{
opacity:0.90
}
.flickr:active{
opacity:0.80;
}
.flickr:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#d82af8;
padding: 10px;
color:#fff;
text-align:center;
content: "Flickr";
font: bold 15px Arial, sans-serif;
border-right:1px solid #b523d1;
border-bottom:2px solid #b523d1;
text-shadow:0px 1px 1px black;
}

/*LinkedIn*/

.linkedin{
width:48px;
height:48px;
background:url(../icons/light/Linkedin.png) no-repeat #0084d7;
border-bottom:2px solid #006fb4;
}
.linkedin:hover{
opacity:0.90
}
.linkedin:active{
opacity:0.80;
}
.linkedin:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#0084d7;
padding: 10px;
color:#fff;
text-align:center;
content: "LinkedIn";
font: bold 15px Arial, sans-serif;
border-right:1px solid #006fb4;
border-bottom:2px solid #006fb4;
text-shadow:0px 1px 1px black;
}

/*Dribbble*/

.dribbble{
width:48px;
height:48px;
background:url(../icons/light/Dribbble.png) no-repeat #ee7bff;
border-bottom:2px solid #cc63cb;
}
.dribbble:hover{
opacity:0.90
}
.dribbble:active{
opacity:0.80;
}
.dribbble:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#ee7bff;
padding: 10px;
color:#fff;
text-align:center;
content: "Dribbble";
font: bold 15px Arial, sans-serif;
border-right:1px solid #cc63cb;
border-bottom:2px solid #cc63cb;
text-shadow:0px 1px 1px black;
}

/*Forrst*/

.forrst{
width:48px;
height:48px;
background:url(../icons/light/Forrst.png) no-repeat #267810;
border-bottom:2px solid #1e5e0d;
}
.forrst:hover{
opacity:0.90
}
.forrst:active{
opacity:0.80;
}
.forrst:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#267810;
padding: 10px;
color:#fff;
text-align:center;
content: "Forrst";
font: bold 15px Arial, sans-serif;
border-right:1px solid #1e5e0d;
border-bottom:2px solid #1e5e0d;
text-shadow:0px 1px 1px black;
}

/*Last FM*/

.lastfm{
width:48px;
height:48px;
background:url(../icons/light/LastFM.png) no-repeat #c60303;
border-bottom:2px solid #a20000;
}
.lastfm:hover{
opacity:0.90
}
.lastfm:active{
opacity:0.80;
}
.lastfm:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#c60303;
padding: 10px;
color:#fff;
text-align:center;
content: "LastFM";
font: bold 15px Arial, sans-serif;
border-right:1px solid #a20000;
border-bottom:2px solid #a20000;
text-shadow:0px 1px 1px black;
}

/*Blogger*/

.blogger{
width:48px;
height:48px;
background:url(../icons/light/Blogger.png) no-repeat #fd6603;
border-bottom:2px solid #df5000;
}
.blogger:hover{
opacity:0.90
}
.blogger:active{
opacity:0.80;
}
.blogger:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#fd6603;
padding: 10px;
color:#fff;
text-align:center;
content: "Blogger";
font: bold 15px Arial, sans-serif;
border-right:1px solid #df5000;
border-bottom:2px solid #df5000;
text-shadow:0px 1px 1px black;
}

/*Digg*/

.digg{
width:48px;
height:48px;
background:url(../icons/light/Digg.png) no-repeat #2169a8;
border-bottom:2px solid #194f7e;
}
.digg:hover{
opacity:0.90
}
.digg:active{
opacity:0.80;
}
.digg:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#2169a8;
padding: 10px;
color:#fff;
text-align:center;
content: "Digg";
font: bold 15px Arial, sans-serif;
border-right:1px solid #194f7e;
border-bottom:2px solid #194f7e;
text-shadow:0px 1px 1px black;
}

/*Reddit*/

.reddit{
width:48px;
height:48px;
background:url(../icons/light/Reddit.png) no-repeat #82a6ce;
border-bottom:2px solid #6682a2;
}
.reddit:hover{
opacity:0.90
}
.reddit:active{
opacity:0.80;
}
.reddit:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#82a6ce;
padding: 10px;
color:#fff;
text-align:center;
content: "Reddit";
font: bold 15px Arial, sans-serif;
border-right:1px solid #6682a2;
border-bottom:2px solid #6682a2;
text-shadow:0px 1px 1px black;
}

/*Google Plus*/

.googleplus{
margin-left:50px;
width:48px;
height:48px;
background:url(../icons/light/GooglePlus.png) no-repeat #d94a39;
border-bottom:2px solid #c02d1b;
}
.googleplus:hover{
opacity:0.90
}
.googleplus:active{
opacity:0.80;
}
.googleplus:hover:after{
float: left;
width:90px;
height:46px;
margin-left:48px;
background:#d94a39;
color:#fff;
text-align:center;
content: "Google+";
font: bold 15px Arial, sans-serif;
border-right:1px solid #c02d1b;
border-bottom:2px solid #c02d1b;
text-shadow:0px 1px 1px black;
}

/*Pinterest*/

.pinterest{
width:48px;
height:48px;
background:url(../icons/light/Pinterest.png) no-repeat #cc2127;
border-bottom:2px solid #a21b1f;
}
.pinterest:hover{
opacity:0.90
}
.pinterest:active{
opacity:0.80;
}
.pinterest:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#cc2127;
padding: 10px;
color:#fff;
text-align:center;
content: "Pinterest";
font: bold 15px Arial, sans-serif;
border-right:1px solid #a21b1f;
border-bottom:2px solid #a21b1f;
text-shadow:0px 1px 1px black;
}

/*Rss*/

.rss{
width:48px;
height:48px;
background:url(../icons/light/Rss.png) no-repeat #ff7900;
border-bottom:2px solid #ce6200;
}
.rss:hover{
opacity:0.90
}
.rss:active{
opacity:0.80;
}
.rss:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#ff7900;
padding: 10px;
color:#fff;
text-align:center;
content: "Rss";
font: bold 15px Arial, sans-serif;
border-right:1px solid #ce6200;
border-bottom:2px solid #ce6200;
text-shadow:0px 1px 1px black;
}

/*Delicious*/

.delicious{
width:48px;
height:48px;
background:url(../icons/light/Delicious.png) no-repeat #055ff4;
border-bottom:2px solid #0050d5;
}
.delicious:hover{
opacity:0.90
}
.delicious:active{
opacity:0.80;
}
.delicious:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#055ff4;
padding: 10px;
color:#fff;
text-align:center;
content: "Delicious";
font: bold 15px Arial, sans-serif;
border-right:1px solid #0050d5;
border-bottom:2px solid #0050d5;
text-shadow:0px 1px 1px black;
}

/*Behance*/

.behance{
width:48px;
height:48px;
background:url(../icons/light/Behance.png) no-repeat #006bff;
border-bottom:2px solid #004fbc;
}
.behance:hover{
opacity:0.90
}
.behance:active{
opacity:0.80;
}
.behance:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#006bff;
padding: 10px;
color:#fff;
text-align:center;
content: "Behance";
font: bold 15px Arial, sans-serif;
border-right:1px solid #004fbc;
border-bottom:2px solid #004fbc;
text-shadow:0px 1px 1px black;
}

/*Wordpress*/

.wordpress{
width:48px;
height:48px;
background:url(../icons/light/Wordpress.png) no-repeat #464442;
border-bottom:2px solid #383635;
}
.wordpress:hover{
opacity:0.90
}
.wordpress:active{
opacity:0.80;
}
.wordpress:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#464442;
padding: 10px;
color:#fff;
text-align:center;
content: "Wordpress";
font: bold 15px Arial, sans-serif;
border-right:1px solid #383635;
border-bottom:2px solid #383635;
text-shadow:0px 1px 1px black;
}


/*Yahoo*/

.yahoo{
width:48px;
height:48px;
background:url(../icons/light/Yahoo.png) no-repeat #b91dc0;
border-bottom:2px solid #b200b9;
}
.yahoo:hover{
opacity:0.90
}
.yahoo:active{
opacity:0.80;
}
.yahoo:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#b91dc0;
padding: 10px;
color:#fff;
text-align:center;
content: "Yahoo";
font: bold 15px Arial, sans-serif;
border-right:1px solid #b200b9;
border-bottom:2px solid #b200b9;
text-shadow:0px 1px 1px black;
}

/*Deviantart*/

.deviantart{
width:48px;
height:48px;
background:url(../icons/light/Deviantart.png) no-repeat #6c952f;
border-bottom:2px solid #5a7c26;
}
.deviantart:hover{
opacity:0.90
}
.deviantart:active{
opacity:0.80;
}
.deviantart:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#6c952f;
padding: 10px;
color:#fff;
text-align:center;
content: "Deviantart";
font: bold 15px Arial, sans-serif;
border-right:1px solid #5a7c26;
border-bottom:2px solid #5a7c26;
text-shadow:0px 1px 1px black;
}

/*Stumbleupon*/

.stumbleupon{
width:48px;
height:48px;
background:url(../icons/light/Stumbleupon.png) no-repeat #f04f23;
border-bottom:2px solid #d2441e;
}
.stumbleupon:hover{
opacity:0.90
}
.stumbleupon:active{
opacity:0.80;
}
.stumbleupon:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#f04f23;
padding: 10px;
color:#fff;
text-align:center;
content: "Stumbleupon";
font: bold 15px Arial, sans-serif;
border-right:1px solid #d2441e;
border-bottom:2px solid #d2441e;
text-shadow:0px 1px 1px black;
}

/*Picasa*/

.picasa{
width:48px;
height:48px;
background:url(../icons/light/Picasa.png) no-repeat #dd3b46;
border-bottom:2px solid #c1333d;
}
.picasa:hover{
opacity:0.90
}
.picasa:active{
opacity:0.80;
}
.picasa:hover:after{
position:absolute;
right: 48px;
height:28px;
background:#dd3b46;
padding: 10px;
color:#fff;
text-align:center;
content: "Picasa";
font: bold 15px Arial, sans-serif;
border-right:1px solid #c1333d;
border-bottom:2px solid #c1333d;
text-shadow:0px 1px 1px black;
}