/* Social icons
------------------------------------------------------------*/
ul.social-icons{
  position: relative;
  overflow: hidden;
  padding: 0px;
  list-style: none;
  margin:0;
}

ul.social-icons li{
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0px 5px 3px 0px;
  width: 36px;
  height: 36px;
  float: left;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a{
  width: 36px;
  height: 36px;
  display: block;
  padding: 0px;
  text-indent: -9999px;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

ul.social-icons li a.amazon { background: url(../img/social_icons/social/amazon.png) no-repeat;}
ul.social-icons li a.amazon:hover{
   background-color: #222;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.tuenti { background: url(../img/social_icons/social/tuenti.png) no-repeat;}
ul.social-icons li a.tuenti:hover{
   background-color: #0079C1;

    -moz-border-radius-topleft: 80px;
    -webkit-border-top-left-radius: 80px;
     border-top-left-radius: 80px;
    -moz-border-radius-topright: 80px;
    -webkit-border-top-right-radius: 80px;
    border-top-right-radius: 80px;
    -moz-border-radius-bottomright: 13px;
    -webkit-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
    -moz-border-radius-bottomleft: 80px;
    -webkit-border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
}

ul.social-icons li a.flickr { background: url(../img/social_icons/social/flickr.png) no-repeat;}
ul.social-icons li a.flickr:hover{
   background-color: #ff1a90;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}


ul.social-icons li a.instagram { background: url(../img/social_icons/social/instagram.png) no-repeat;}
ul.social-icons li a.instagram:hover{
   background-color: #C6B29A;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}



ul.social-icons li a.wordpress{ background: url(../img/social_icons/social/wordpress.png) no-repeat;}
ul.social-icons li a.wordpress:hover{
   background-color: #1E8CBE;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}



ul.social-icons li a.behance { background: url(../img/social_icons/social/behance.png) no-repeat;}
ul.social-icons li a.behance:hover{
   background-color: #1095fa;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.blogger { background: url(../img/social_icons/social/blogger.png) no-repeat;}
ul.social-icons li a.blogger:hover{
   background-color: #fb903d;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.deviantart { background: url(../img/social_icons/social/deviantart.png) no-repeat;}
ul.social-icons li a.deviantart:hover{
   background-color: #5c7061;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.dribbble { background: url(../img/social_icons/social/dribbble.png) no-repeat;}
ul.social-icons li a.dribbble:hover{
   background-color: #ef5992;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.dropbox { background: url(../img/social_icons/social/dropbox.png) no-repeat;}
ul.social-icons li a.dropbox:hover{
   background-color: #4ea2e5;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.facebook { background: url(../img/social_icons/social/facebook.png) no-repeat;}
ul.social-icons li a.facebook:hover{
   background-color: #496c9d;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.github { background: url(../img/social_icons/social/github.png) no-repeat;}
ul.social-icons li a.github:hover{
   background-color: #657e8e;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.googleplus { background: url(../img/social_icons/social/googleplus.png) no-repeat;}
ul.social-icons li a.googleplus:hover{
   background-color: #cb3e21;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.lastfm { background: url(../img/social_icons/social/lastfm.png) no-repeat;}
ul.social-icons li a.lastfm:hover{
   background-color: #c70d13;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.linkedin { background: url(../img/social_icons/social/linkedin.png) no-repeat;}
ul.social-icons li a.linkedin:hover{
   background-color: #0a7ab5;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.picasa { background: url(../img/social_icons/social/picasa.png) no-repeat;}
ul.social-icons li a.picasa:hover{
   background-color: #767676;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.pinterest { background: url(../img/social_icons/social/pinterest.png) no-repeat;}
ul.social-icons li a.pinterest:hover{
   background-color: #cb1f26;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.rss { background: url(../img/social_icons/social/rss.png) no-repeat;}
ul.social-icons li a.rss:hover{
   background-color: #fc9d10;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.skype { background: url(../img/social_icons/social/skype.png) no-repeat;}
ul.social-icons li a.skype:hover{
   background-color: #30b7e9;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.tumblr { background: url(../img/social_icons/social/tumblr.png) no-repeat;}
ul.social-icons li a.tumblr:hover{
   background-color: #4f7eaa;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.twitter { background: url(../img/social_icons/social/twitter.png) no-repeat;}
ul.social-icons li a.twitter:hover{
   background-color: #3ac1ed;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.vimeo { background: url(../img/social_icons/social/vimeo.png) no-repeat;}
ul.social-icons li a.vimeo:hover{
   background-color: #436c83;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.yahoo { background: url(../img/social_icons/social/yahoo.png) no-repeat;}
ul.social-icons li a.yahoo:hover{
   background-color: #a95abc;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

ul.social-icons li a.youtube { background: url(../img/social_icons/social/youtube.png) no-repeat;}
ul.social-icons li a.youtube:hover{
   background-color: #bf2e28;

  -webkit-border-radius: 100%x;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

/* Social icons small
----------------------------------------------------*/

ul.social-icons-small{
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin:0px 0px 5px;
  padding: 0;
  list-style: none;
}

ul.social-icons-small li{
  margin: 0 5px 5px 0;
  width: 26px;
  height: 26px;
  float: left;
}

ul.social-icons-small li a{
  width: 26px;
  height: 26px;
  display: inline-block;
  padding: 0;
  text-indent: -9999px;
  background-position: 0 -32px;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

ul.social-icons-small li a:hover{
  background-position: 0 0;
}

.amazon {background: url(../img/social_icons/social_small/amazon.png) no-repeat; }
.behance {background: url(../img/social_icons/social_small/behance.png) no-repeat; }
.blogger {background: url(../img/social_icons/social_small/blogger.png) no-repeat; }
.deviantart {background: url(../img/social_icons/social_small/deviantart.png) no-repeat; }
.dribbble {background: url(../img/social_icons/social_small/dribbble.png) no-repeat; }
.dropbox {background: url(../img/social_icons/social_small/dropbox.png) no-repeat; }
.facebook {background: url(../img/social_icons/social_small/facebook.png) no-repeat; }
.github {background: url(../img/social_icons/social_small/github.png) no-repeat; }
.googleplus {background: url(../img/social_icons/social_small/googleplus.png) no-repeat; }
.lastfm {background: url(../img/social_icons/social_small/lastfm.png) no-repeat; }
.linkedin {background: url(../img/social_icons/social_small/linkedin.png) no-repeat; }
.picasa {background: url(../img/social_icons/social_small/picasa.png) no-repeat; }
.pinterest {background: url(../img/social_icons/social_small/pinterest.png) no-repeat; }
.rss {background: url(../img/social_icons/social_small/rss.png) no-repeat; }
.skype {background: url(../img/social_icons/social_small/skype.png) no-repeat; }
.tumblr {background: url(../img/social_icons/social_small/tumblr.png) no-repeat; }
.twitter {background: url(../img/social_icons/social_small/twitter.png) no-repeat; }
.vimeo {background: url(../img/social_icons/social_small/vimeo.png) no-repeat; }
.yahoo {background: url(../img/social_icons/social_small/yahoo.png) no-repeat; }
.youtube {background: url(../img/social_icons/social_small/youtube.png) no-repeat; }


