.g1-social-icon--500px {
    background-color: #444444;
}

.g1-social-icon--aboutme {
    background-color: #00405d;
}

.g1-social-icon--alistapart {
    background-color: #222222;
}

.g1-social-icon--amazon {
    background-color: #ff9900;
}

.g1-social-icon--amazonwishlist {
    background-color: #ff9900;
}

.g1-social-icon--android {
    background-color: #a4c639;
}

.g1-social-icon--appdotnet {
    background-color: #898d90;
}

.g1-social-icon--apple {
    background-color: #b9bfc1;
}

.g1-social-icon--audioboo {
    background-color: #ae006e;
}

.g1-social-icon--aws {
    background-color: #ff9900;
}

.g1-social-icon--bebo {
    background-color: #ee1010;
}

.g1-social-icon--behance {
    background-color: #1769ff;
}

.g1-social-icon--blip {
    background-color: #ff1919;
}

.g1-social-icon--blogger {
    background-color: #f57d00;
}

.g1-social-icon--bootstrap {
    background-color: #0088cc;
}

.g1-social-icon--codepen {
    background-color: #231f20;
}

.g1-social-icon--codeschool {
    background-color: #c68044;
}

.g1-social-icon--codecademy {
    background-color: #0088cc;
}

.g1-social-icon--coderwall {
    background-color: #3e8dcc;
}

.g1-social-icon--conservatives {
    background-color: #0087dc;
}

.g1-social-icon--coursera {
    background-color: #3a6d8e;
}

.g1-social-icon--css3 {
    background-color: #0092bf;
}

.g1-social-icon--delicious {
    background-color: #3274d1;
}

.g1-social-icon--designernews {
    background-color: #1c52a2;
}

.g1-social-icon--deviantart {
    background-color: #4b5d50;
}

.g1-social-icon--digg {
    background-color: #14589e;
}

.g1-social-icon--disqus {
    background-color: #2e9fff;
}

.g1-social-icon--dribbble {
    background-color: #ea4c89;
}

.g1-social-icon--dropbox {
    background-color: #2281cf;
}

.g1-social-icon--drupal {
    background-color: #0077c0;
}

.g1-social-icon--ebay {
    background-color: #0064d2;
}

.g1-social-icon--email {
    background-color: #666666;
}

.g1-social-icon--eventstore {
    background-color: #6ba300;
}

.g1-social-icon--eventbrite {
    background-color: #f3844c;
}

.g1-social-icon--evernote {
    background-color: #7ac142;
}

.g1-social-icon--exfm {
    background-color: #0097f8;
}

.g1-social-icon--facebook {
    background-color: #3b5998;
}

.g1-social-icon--flickr {
    background-color: #0063db;
}

.g1-social-icon--formspring {
    background-color: #0076c0;
}

.g1-social-icon--forrst {
    background-color: #5b9a68;
}

.g1-social-icon--foursquare {
    background-color: #2398c9;
}

.g1-social-icon--geeklist {
    background-color: #8cc63e;
}

.g1-social-icon--github {
    background-color: #4183c4;
}

.g1-social-icon--goodreads {
    background-color: #5a471b;
}

.g1-social-icon--google {
    background-color: #245dc1;
}

.g1-social-icon--googleplus {
    background-color: #d14836;
}

.g1-social-icon--govuk {
    background-color: #231f20;
}

.g1-social-icon--grooveshark {
    background-color: #000000;
}

.g1-social-icon--hackernews {
    background-color: #ff6600;
}

.g1-social-icon--heroku {
    background-color: #6762a6;
}

.g1-social-icon--html5 {
    background-color: #f06529;
}

.g1-social-icon--imdb {
    background-color: #f3ce00;
}

.g1-social-icon--instagram {
    background-color: #3f729b;
}

.g1-social-icon--jquery {
    background-color: #0867ab;
}

.g1-social-icon--jqueryui {
    background-color: #fea620;
}

.g1-social-icon--jsdb {
    background-color: #da320b;
}

.g1-social-icon--jsfiddle {
    background-color: #4679a4;
}

.g1-social-icon--justgiving {
    background-color: #78256d;
}

.g1-social-icon--kickstarter {
    background-color: #87c442;
}

.g1-social-icon--klout {
    background-color: #e24a25;
}

.g1-social-icon--labour {
    background-color: #c41230;
}

.g1-social-icon--laravel {
    background-color: #fb502b;
}

.g1-social-icon--lastfm {
    background-color: #d51007;
}

.g1-social-icon--layervault {
    background-color: #26ae90;
}

.g1-social-icon--letterboxd {
    background-color: #2c3641;
}

.g1-social-icon--liberaldemocrats {
    background-color: #f7b135;
}

.g1-social-icon--linkedin {
    background-color: #007fb1;
}

.g1-social-icon--mediatemple {
    background-color: #000000;
}

.g1-social-icon--mendeley {
    background-color: #b61f2f;
}

.g1-social-icon--modernizr {
    background-color: #d81a76;
}

.g1-social-icon--myspace {
    background-color: #008dde;
}

.g1-social-icon--nationalrail {
    background-color: #003366;
}

.g1-social-icon--newsvine {
    background-color: #075b2f;
}

.g1-social-icon--office {
    background-color: #eb3c00;
}

.g1-social-icon--orkut {
    background-color: #ed2590;
}

.g1-social-icon--outlook {
    background-color: #0072c6;
}

.g1-social-icon--path {
    background-color: #e41f11;
}

.g1-social-icon--php {
    background-color: #6181b6;
}

.g1-social-icon--pinboard {
    background-color: #0000ff;
}

.g1-social-icon--pingup {
    background-color: #00b1ab;
}

.g1-social-icon--pinterest {
    background-color: #cb2027;
}

.g1-social-icon--posterous {
    background-color: #ffdd68;
}

.g1-social-icon--protoio {
    background-color: #40c8f4;
}

.g1-social-icon--rails {
    background-color: #a62c39;
}

.g1-social-icon--readability {
    background-color: #870000;
}

.g1-social-icon--reddit {
    background-color: #ff4500;
}

.g1-social-icon--rss {
    background-color: #ff8300;
}

.g1-social-icon--simpleicons {
    background-color: #bf1813;
}

.g1-social-icon--skydrive {
    background-color: #094ab1;
}

.g1-social-icon--skype {
    background-color: #00aff0;
}

.g1-social-icon--slideshare {
    background-color: #009999;
}

.g1-social-icon--smashingmagazine {
    background-color: #e95c33;
}

.g1-social-icon--soundcloud {
    background-color: #ff6600;
}

.g1-social-icon--spotify {
    background-color: #80b719;
}

.g1-social-icon--squarespace {
    background-color: #000000;
}

.g1-social-icon--stackexchange {
    background-color: #1f5196;
}

.g1-social-icon--stackoverflow {
    background-color: #f47920;
}

.g1-social-icon--stumbleupon {
    background-color: #eb4924;
}

.g1-social-icon--superuser {
    background-color: #2dabe2;
}

.g1-social-icon--ted {
    background-color: #ff2b06;
}

.g1-social-icon--trakt {
    background-color: #222222;
}

.g1-social-icon--treehouse {
    background-color: #7fa24c;
}

.g1-social-icon--tripadvisor {
    background-color: #589442;
}

.g1-social-icon--tumblr {
    background-color: #2c4762;
}

.g1-social-icon--twitter {
    background-color: #39a9e0;
}

.g1-social-icon--typo3 {
    background-color: #ff8700;
}

.g1-social-icon--viadeo {
    background-color: #f4982b;
}

.g1-social-icon--vimeo {
    background-color: #44bbff;
}

.g1-social-icon--vine {
    background-color: #00a47a;
}

.g1-social-icon--visualstudio {
    background-color: #68217a;
}

.g1-social-icon--w3c {
    background-color: #0066b0;
}

.g1-social-icon--windows {
    background-color: #00bdf6;
}

.g1-social-icon--wordpress {
    background-color: #21759b;
}

.g1-social-icon--xing {
    background-color: #006567;
}

.g1-social-icon--yahoo {
    background-color: #731a8b;
}

.g1-social-icon--yelp {
    background-color: #c93c27;
}

.g1-social-icon--youtube {
    background-color: #cd332d;
}




.g1-social-icons {
    margin: 0 0 1.5em;
}


.g1-social-icons>ul {
    margin: 0;
    overflow: hidden;
    list-style: none;
}


.g1-social-icons>ul>li {
    position: relative;
    float: left;
}


.g1-social-icons--24>ul>li {
    min-height: 24px;
    padding-left: 24px;
}

.g1-social-icons--32>ul>li {
    min-height: 32px;
    padding-left: 32px;
}

.g1-social-icons--48>ul>li {
    min-height: 48px;
    padding-left: 48px;
}

.g1-social-icons--64>ul>li {
    min-height: 64px;
    padding-left: 64px;
}


/* Vertical list template */
.g1-social-icons--list-vertical>ul>li {
    width: 100%;
    padding-bottom: 0.75em;
}

.g1-social-icons--list-vertical>ul>li+li {
    border-width: 1px 0 0;
    padding-top: 0.75em;
}



.g1-social-icons strong {
    padding: 0 20px 0 10px;
    display: block;
}


.g1-social-icons i {
    padding: 0 20px 0 10px;
    display: block;
}



.g1-social-icon {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.g1-social-icons--24 .g1-social-icon {
    width: 24px;
    height: 24px;
}


.g1-social-icons--32 .g1-social-icon {
    width: 32px;
    height: 32px;
}

.g1-social-icons--48 .g1-social-icon {
    width: 48px;
    height: 48px;
}

.g1-social-icons--64 .g1-social-icon {
    width: 64px;
    height: 64px;
}


/* CSS3 animation */

@-webkit-keyframes g1_social_icon {
    0% {
        -webkit-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -100%);
    }

    51% {
        -webkit-transform: translate(0, 100%);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes g1_social_icon {
    0% {
        -moz-transform: translate(0, 0);
    }

    50% {
        -moz-transform: translate(0, -100%);
    }

    51% {
        -moz-transform: translate(0, 100%);
    }

    100% {
        -moz-transform: translate(0, 0);
    }
}

@-o-keyframes g1_social_icon {
    0% {
        -o-transform: translate(0, 0);
    }

    50% {
        -o-transform: translate(0, -100%);
    }

    51% {
        -o-transform: translate(0, 100%);
    }

    100% {
        -o-transform: translate(0, 0);
    }
}

@keyframes g1_social_icon {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, -100%);
    }

    51% {
        transform: translate(0, 100%);
    }

    100% {
        transform: translate(0, 0);
    }
}

a:hover .g1-social-icon>img {
    -webkit-animation: g1_social_icon 0.35s;
    -moz-animation: g1_social_icon 0.35s;
    -ms-animation: g1_social_icon 0.35s;
    -o-animation: g1_social_icon 0.35s;
    animation: g1_social_icon 0.35s;
}