.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.csmb, .csmb-flat {
  float: left;
}

  .container.buttons .csmb {
    margin-right: 8px;
  }

.container {
  width: 960px;
  margin: 0 auto 10px;
  clear: both;
}

  /*.container.buttons {
    padding-top: 10px;
  }*/

.types-container {
  width: 50%;
  float: left;
}

  .types-container.default .type, .types-container.default .buttons {
    float: right;
  }

  .types-container.default .type {
    margin-right: 10px;
  }

  .types-container.flat .type, .types-container.flat .buttons {
    float: left;
  }

  .types-container.flat .type {
    margin-left: 10px;
  }

  .types-container .button-container {
    overflow: hidden;
    padding: 4px;
  }

  .types-container .type {
    line-height: 36px;
  }

  .types-container .buttons {
    width: 36px;
    height: 36px;
  }

.buttons-header {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 18px;
  line-height: 36px;
  padding: 0 20px;
  margin: 0 -20px 20px;
}

.buttons-container {
  float: left;
  width: 20%;
  margin-bottom: 10px;
}

  .buttons-container .type, .buttons-container .buttons {
    float: left;
  }

  .buttons-container .type {
    line-height: 36px;
    margin-left: 10px;
  }

  .buttons-container .buttons {
    height: 36px;
  }

  .csmb, .csmb-flat {
  background-image: url("/images/icons/icon-sprite.png");
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 4px;
  padding: 0;
  position: relative; }
  .csmb:before, .csmb:after, .csmb-flat:before, .csmb-flat:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
    .csmb, .csmb-flat {
      background-image: url("/images/icons/icon-sprite-x2.png");
      -webkit-background-size: 84px;
      -moz-background-size: 84px;
      background-size: 84px; } }

a.csmb:hover, a.csmb:focus, a.csmb:active, a.csmb-flat:hover, a.csmb-flat:focus, a.csmb-flat:active, button.csmb:hover, button.csmb:focus, button.csmb:active, button.csmb-flat:hover, button.csmb-flat:focus, button.csmb-flat:active {
  outline: none; }

button.csmb, button.csmb-flat {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  padding: 0; }

.csmb:before {
  -webkit-box-shadow: 0 0 4px 0 #aaaaaa;
  box-shadow: 0 0 4px 0 #aaaaaa; }
.csmb:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); }

.csmb-flat:before {
  -webkit-box-shadow: 0 0 1px 0 #aaaaaa;
  box-shadow: 0 0 1px 0 #aaaaaa; }

.csmb-rounded, .csmb-rounded:before, .csmb-rounded:after {
  -webkit-border-radius: 25%;
  border-radius: 25%; }

.csmb-round, .csmb-round:before, .csmb-round:after {
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.csmb-border:before {
  border: solid 2px #fff;
  width: 32px;
  height: 32px;
  top: -4px;
  left: -4px; }
.csmb-border:after {
  -webkit-transition: border-color 0.25s ease;
  -moz-transition: border-color 0.25s ease;
  -ms-transition: border-color 0.25s ease;
  -o-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
  top: -2px;
  left: -2px; }
.csmb-border.csmb-rounded {
  -webkit-border-radius: 20%;
  border-radius: 20%; }

.bitbucket {
  background-color: #205081;
  background-position: -56px -84px; }
  .bitbucket.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #4e90d3;
    box-shadow: inset 0 1px 2px 0 #4e90d3; }
  .bitbucket.csmb-border:after {
    border: solid 2px #163758; }

a.bitbucket:hover, a.bitbucket:focus, button.bitbucket:hover, button.bitbucket:focus {
  background-color: #2a69aa; }
a.bitbucket:active, button.bitbucket:active {
  background-color: #163758; }
a.bitbucket.csmb-border:hover:after, a.bitbucket.csmb-border:focus:after, a.bitbucket.csmb-border:active:after, button.bitbucket.csmb-border:hover:after, button.bitbucket.csmb-border:focus:after, button.bitbucket.csmb-border:active:after {
  border: solid 2px #0e2439; }

.blogger {
  background-color: #fc4f08;
  background-position: -56px -168px; }
  .blogger.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #fea986;
    box-shadow: inset 0 1px 2px 0 #fea986; }
  .blogger.csmb-border:after {
    border: solid 2px #ce3e03; }

a.blogger:hover, a.blogger:focus, button.blogger:hover, button.blogger:focus {
  background-color: #fd733a; }
a.blogger:active, button.blogger:active {
  background-color: #ce3e03; }
a.blogger.csmb-border:hover:after, a.blogger.csmb-border:focus:after, a.blogger.csmb-border:active:after, button.blogger.csmb-border:hover:after, button.blogger.csmb-border:focus:after, button.blogger.csmb-border:active:after {
  border: solid 2px #a93302; }

.chrome {
  background-color: #f4f4f4;
  background-position: -56px -280px; }
  .chrome.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .chrome.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.chrome:hover, a.chrome:focus, button.chrome:hover, button.chrome:focus {
  background-color: white; }
a.chrome:active, button.chrome:active {
  background-color: #dbdbdb; }
a.chrome.csmb-border:hover:after, a.chrome.csmb-border:focus:after, a.chrome.csmb-border:active:after, button.chrome.csmb-border:hover:after, button.chrome.csmb-border:focus:after, button.chrome.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.delicious {
  background-color: #eeeeee;
  background-position: -56px -196px; }
  .delicious.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .delicious.csmb-border:after {
    border: solid 2px #d4d4d4; }

a.delicious:hover, a.delicious:focus, button.delicious:hover, button.delicious:focus {
  background-color: white; }
a.delicious:active, button.delicious:active {
  background-color: #d4d4d4; }
a.delicious.csmb-border:hover:after, a.delicious.csmb-border:focus:after, a.delicious.csmb-border:active:after, button.delicious.csmb-border:hover:after, button.delicious.csmb-border:focus:after, button.delicious.csmb-border:active:after {
  border: solid 2px #c1c1c1; }

.deviantart {
  background-color: #4e6252;
  background-position: -28px -28px; }
  .deviantart.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #8ca391;
    box-shadow: inset 0 1px 2px 0 #8ca391; }
  .deviantart.csmb-border:after {
    border: solid 2px #37463a; }

a.deviantart:hover, a.deviantart:focus, button.deviantart:hover, button.deviantart:focus {
  background-color: #657e6a; }
a.deviantart:active, button.deviantart:active {
  background-color: #37463a; }
a.deviantart.csmb-border:hover:after, a.deviantart.csmb-border:focus:after, a.deviantart.csmb-border:active:after, button.deviantart.csmb-border:hover:after, button.deviantart.csmb-border:focus:after, button.deviantart.csmb-border:active:after {
  border: solid 2px #263028; }

.digg {
  background-color: #383838;
  background-position: -56px -224px; }
  .digg.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #787878;
    box-shadow: inset 0 1px 2px 0 #787878; }
  .digg.csmb-border:after {
    border: solid 2px #1f1f1f; }

a.digg:hover, a.digg:focus, button.digg:hover, button.digg:focus {
  background-color: #525252; }
a.digg:active, button.digg:active {
  background-color: #1f1f1f; }
a.digg.csmb-border:hover:after, a.digg.csmb-border:focus:after, a.digg.csmb-border:active:after, button.digg.csmb-border:hover:after, button.digg.csmb-border:focus:after, button.digg.csmb-border:active:after {
  border: solid 2px #0b0b0b; }

.dropbox {
  background-color: #3d9ae8;
  background-position: -28px -364px; }
  .dropbox.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #afd5f6;
    box-shadow: inset 0 1px 2px 0 #afd5f6; }
  .dropbox.csmb-border:after {
    border: solid 2px #1a81d8; }

a.dropbox:hover, a.dropbox:focus, button.dropbox:hover, button.dropbox:focus {
  background-color: #6bb2ed; }
a.dropbox:active, button.dropbox:active {
  background-color: #1a81d8; }
a.dropbox.csmb-border:hover:after, a.dropbox.csmb-border:focus:after, a.dropbox.csmb-border:active:after, button.dropbox.csmb-border:hover:after, button.dropbox.csmb-border:focus:after, button.dropbox.csmb-border:active:after {
  border: solid 2px #166db6; }

.drupal {
  background-color: #f4f4f4;
  background-position: -28px -252px; }
  .drupal.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .drupal.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.drupal:hover, a.drupal:focus, button.drupal:hover, button.drupal:focus {
  background-color: white; }
a.drupal:active, button.drupal:active {
  background-color: #dbdbdb; }
a.drupal.csmb-border:hover:after, a.drupal.csmb-border:focus:after, a.drupal.csmb-border:active:after, button.drupal.csmb-border:hover:after, button.drupal.csmb-border:focus:after, button.drupal.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.facebook {
  background-color: #3b5998;
  background-position: 0 0; }
  .facebook.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #839ccf;
    box-shadow: inset 0 1px 2px 0 #839ccf; }
  .facebook.csmb-border:after {
    border: solid 2px #2d4373; }

a.facebook:hover, a.facebook:focus, button.facebook:hover, button.facebook:focus {
  background-color: #4c70ba; }
a.facebook:active, button.facebook:active {
  background-color: #2d4373; }
a.facebook.csmb-border:hover:after, a.facebook.csmb-border:focus:after, a.facebook.csmb-border:active:after, button.facebook.csmb-border:hover:after, button.facebook.csmb-border:focus:after, button.facebook.csmb-border:active:after {
  border: solid 2px #223358; }

.firefox {
  background-color: #cae1f4;
  background-position: -56px -308px; }
  .firefox.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .firefox.csmb-border:after {
    border: solid 2px #a0c9eb; }

a.firefox:hover, a.firefox:focus, button.firefox:hover, button.firefox:focus {
  background-color: #f4f9fd; }
a.firefox:active, button.firefox:active {
  background-color: #a0c9eb; }
a.firefox.csmb-border:hover:after, a.firefox.csmb-border:focus:after, a.firefox.csmb-border:active:after, button.firefox.csmb-border:hover:after, button.firefox.csmb-border:focus:after, button.firefox.csmb-border:active:after {
  border: solid 2px #80b7e5; }

.flickr {
  background-color: #f4f4f4;
  background-position: 0 -28px; }
  .flickr.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .flickr.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.flickr:hover, a.flickr:focus, button.flickr:hover, button.flickr:focus {
  background-color: white; }
a.flickr:active, button.flickr:active {
  background-color: #dbdbdb; }
a.flickr.csmb-border:hover:after, a.flickr.csmb-border:focus:after, a.flickr.csmb-border:active:after, button.flickr.csmb-border:hover:after, button.flickr.csmb-border:focus:after, button.flickr.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.foursquare {
  background-color: #f4f4f4;
  background-position: -56px -420px; }
  .foursquare.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .foursquare.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.foursquare:hover, a.foursquare:focus, button.foursquare:hover, button.foursquare:focus {
  background-color: white; }
a.foursquare:active, button.foursquare:active {
  background-color: #dbdbdb; }
a.foursquare.csmb-border:hover:after, a.foursquare.csmb-border:focus:after, a.foursquare.csmb-border:active:after, button.foursquare.csmb-border:hover:after, button.foursquare.csmb-border:focus:after, button.foursquare.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.foursquare-alt {
  background-color: #25a0ca;
  background-position: 0 -56px; }
  .foursquare-alt.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #86d0e9;
    box-shadow: inset 0 1px 2px 0 #86d0e9; }
  .foursquare-alt.csmb-border:after {
    border: solid 2px #1d7e9f; }

a.foursquare-alt:hover, a.foursquare-alt:focus, button.foursquare-alt:hover, button.foursquare-alt:focus {
  background-color: #45b6dd; }
a.foursquare-alt:active, button.foursquare-alt:active {
  background-color: #1d7e9f; }
a.foursquare-alt.csmb-border:hover:after, a.foursquare-alt.csmb-border:focus:after, a.foursquare-alt.csmb-border:active:after, button.foursquare-alt.csmb-border:hover:after, button.foursquare-alt.csmb-border:focus:after, button.foursquare-alt.csmb-border:active:after {
  border: solid 2px #17647f; }

.git {
  background-color: #f4f4f4;
  background-position: 0 -112px; }
  .git.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .git.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.git:hover, a.git:focus, button.git:hover, button.git:focus {
  background-color: white; }
a.git:active, button.git:active {
  background-color: #dbdbdb; }
a.git.csmb-border:hover:after, a.git.csmb-border:focus:after, a.git.csmb-border:active:after, button.git.csmb-border:hover:after, button.git.csmb-border:focus:after, button.git.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.github {
  background-color: #f4f4f4;
  background-position: 0 -84px; }
  .github.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .github.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.github:hover, a.github:focus, button.github:hover, button.github:focus {
  background-color: white; }
a.github:active, button.github:active {
  background-color: #dbdbdb; }
a.github.csmb-border:hover:after, a.github.csmb-border:focus:after, a.github.csmb-border:active:after, button.github.csmb-border:hover:after, button.github.csmb-border:focus:after, button.github.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.github-alt {
  background-color: #383838;
  background-position: -56px 0; }
  .github-alt.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #787878;
    box-shadow: inset 0 1px 2px 0 #787878; }
  .github-alt.csmb-border:after {
    border: solid 2px #1f1f1f; }

a.github-alt:hover, a.github-alt:focus, button.github-alt:hover, button.github-alt:focus {
  background-color: #525252; }
a.github-alt:active, button.github-alt:active {
  background-color: #1f1f1f; }
a.github-alt.csmb-border:hover:after, a.github-alt.csmb-border:focus:after, a.github-alt.csmb-border:active:after, button.github-alt.csmb-border:hover:after, button.github-alt.csmb-border:focus:after, button.github-alt.csmb-border:active:after {
  border: solid 2px #0b0b0b; }

.gplus {
  background-color: #dd4b39;
  background-position: 0 -140px; }
  .gplus.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #f0aea6;
    box-shadow: inset 0 1px 2px 0 #f0aea6; }
  .gplus.csmb-border:after {
    border: solid 2px #c23321; }

a.gplus:hover, a.gplus:focus, button.gplus:hover, button.gplus:focus {
  background-color: #e47365; }
a.gplus:active, button.gplus:active {
  background-color: #c23321; }
a.gplus.csmb-border:hover:after, a.gplus.csmb-border:focus:after, a.gplus.csmb-border:active:after, button.gplus.csmb-border:hover:after, button.gplus.csmb-border:focus:after, button.gplus.csmb-border:active:after {
  border: solid 2px #a12a1c; }

.grooveshark {
  background-color: #f77f00;
  background-position: -56px -56px; }
  .grooveshark.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #ffbd78;
    box-shadow: inset 0 1px 2px 0 #ffbd78; }
  .grooveshark.csmb-border:after {
    border: solid 2px #c46500; }

a.grooveshark:hover, a.grooveshark:focus, button.grooveshark:hover, button.grooveshark:focus {
  background-color: #ff982b; }
a.grooveshark:active, button.grooveshark:active {
  background-color: #c46500; }
a.grooveshark.csmb-border:hover:after, a.grooveshark.csmb-border:focus:after, a.grooveshark.csmb-border:active:after, button.grooveshark.csmb-border:hover:after, button.grooveshark.csmb-border:focus:after, button.grooveshark.csmb-border:active:after {
  border: solid 2px #9e5100; }

.icheckmovies {
  background-color: #383838;
  background-position: 0 -476px; }
  .icheckmovies.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #787878;
    box-shadow: inset 0 1px 2px 0 #787878; }
  .icheckmovies.csmb-border:after {
    border: solid 2px #1f1f1f; }

a.icheckmovies:hover, a.icheckmovies:focus, button.icheckmovies:hover, button.icheckmovies:focus {
  background-color: #525252; }
a.icheckmovies:active, button.icheckmovies:active {
  background-color: #1f1f1f; }
a.icheckmovies.csmb-border:hover:after, a.icheckmovies.csmb-border:focus:after, a.icheckmovies.csmb-border:active:after, button.icheckmovies.csmb-border:hover:after, button.icheckmovies.csmb-border:focus:after, button.icheckmovies.csmb-border:active:after {
  border: solid 2px #0b0b0b; }

.ie {
  background-color: #00bcf2;
  background-position: -56px -392px; }
  .ie.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #72e0ff;
    box-shadow: inset 0 1px 2px 0 #72e0ff; }
  .ie.csmb-border:after {
    border: solid 2px #0094bf; }

a.ie:hover, a.ie:focus, button.ie:hover, button.ie:focus {
  background-color: #26cfff; }
a.ie:active, button.ie:active {
  background-color: #0094bf; }
a.ie.csmb-border:hover:after, a.ie.csmb-border:focus:after, a.ie.csmb-border:active:after, button.ie.csmb-border:hover:after, button.ie.csmb-border:focus:after, button.ie.csmb-border:active:after {
  border: solid 2px #007799; }

.imdb {
  background-color: #f3ce13;
  background-position: -56px -140px; }
  .imdb.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #f9e78c;
    box-shadow: inset 0 1px 2px 0 #f9e78c; }
  .imdb.csmb-border:after {
    border: solid 2px #c9a90a; }

a.imdb:hover, a.imdb:focus, button.imdb:hover, button.imdb:focus {
  background-color: #f5d844; }
a.imdb:active, button.imdb:active {
  background-color: #c9a90a; }
a.imdb.csmb-border:hover:after, a.imdb.csmb-border:focus:after, a.imdb.csmb-border:active:after, button.imdb.csmb-border:hover:after, button.imdb.csmb-border:focus:after, button.imdb.csmb-border:active:after {
  border: solid 2px #a48b08; }



gram {
  background-color: #937266;
  background-position: -28px -392px; }
  .instagram.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #c8b7b0;
    box-shadow: inset 0 1px 2px 0 #c8b7b0; }
  .instagram.csmb-border:after {
    border: solid 2px #755b51; }

a.instagram:hover, a.instagram:focus, button.instagram:hover, button.instagram:focus {
  background-color: #a98d83; }
a.instagram:active, button.instagram:active {
  background-color: #755b51; }
a.instagram.csmb-border:hover:after, a.instagram.csmb-border:focus:after, a.instagram.csmb-border:active:after, button.instagram.csmb-border:hover:after, button.instagram.csmb-border:focus:after, button.instagram.csmb-border:active:after {
  border: solid 2px #5e4941; }

.instagram-alt {
  background-color: #3f729b;
  background-position: -28px -420px; }
  .instagram-alt.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #8ab1cf;
    box-shadow: inset 0 1px 2px 0 #8ab1cf; }
  .instagram-alt.csmb-border:after {
    border: solid 2px #305777; }

a.instagram-alt:hover, a.instagram-alt:focus, button.instagram-alt:hover, button.instagram-alt:focus {
  background-color: #548cb9; }
a.instagram-alt:active, button.instagram-alt:active {
  background-color: #305777; }
a.instagram-alt.csmb-border:hover:after, a.instagram-alt.csmb-border:focus:after, a.instagram-alt.csmb-border:active:after, button.instagram-alt.csmb-border:hover:after, button.instagram-alt.csmb-border:focus:after, button.instagram-alt.csmb-border:active:after {
  border: solid 2px #25435c; }

.issuu {
  background-color: #f4f4f4;
  background-position: -28px -168px; }
  .issuu.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .issuu.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.issuu:hover, a.issuu:focus, button.issuu:hover, button.issuu:focus {
  background-color: white; }
a.issuu:active, button.issuu:active {
  background-color: #dbdbdb; }
a.issuu.csmb-border:hover:after, a.issuu.csmb-border:focus:after, a.issuu.csmb-border:active:after, button.issuu.csmb-border:hover:after, button.issuu.csmb-border:focus:after, button.issuu.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.lastfm {
  background-color: #c3000d;
  background-position: 0 -168px; }
  .lastfm.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #ff4350;
    box-shadow: inset 0 1px 2px 0 #ff4350; }
  .lastfm.csmb-border:after {
    border: solid 2px #90000a; }

a.lastfm:hover, a.lastfm:focus, button.lastfm:hover, button.lastfm:focus {
  background-color: #f60010; }
a.lastfm:active, button.lastfm:active {
  background-color: #90000a; }
a.lastfm.csmb-border:hover:after, a.lastfm.csmb-border:focus:after, a.lastfm.csmb-border:active:after, button.lastfm.csmb-border:hover:after, button.lastfm.csmb-border:focus:after, button.lastfm.csmb-border:active:after {
  border: solid 2px #6a0007; }

.linkedin {
  background-color: #0e76a8;
  background-position: 0 -196px; }
  .linkedin.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #46b8f0;
    box-shadow: inset 0 1px 2px 0 #46b8f0; }
  .linkedin.csmb-border:after {
    border: solid 2px #0a5579; }

a.linkedin:hover, a.linkedin:focus, button.linkedin:hover, button.linkedin:focus {
  background-color: #1297d7; }
a.linkedin:active, button.linkedin:active {
  background-color: #0a5579; }
a.linkedin.csmb-border:hover:after, a.linkedin.csmb-border:focus:after, a.linkedin.csmb-border:active:after, button.linkedin.csmb-border:hover:after, button.linkedin.csmb-border:focus:after, button.linkedin.csmb-border:active:after {
  border: solid 2px #073c56; }

.mail {
  background-color: #f4f4f4;
  background-position: 0 -224px; }
  .mail.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .mail.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.mail:hover, a.mail:focus, button.mail:hover, button.mail:focus {
  background-color: white; }
a.mail:active, button.mail:active {
  background-color: #dbdbdb; }
a.mail.csmb-border:hover:after, a.mail.csmb-border:focus:after, a.mail.csmb-border:active:after, button.mail.csmb-border:hover:after, button.mail.csmb-border:focus:after, button.mail.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.myspace {
  background-color: #313246;
  background-position: -28px -308px; }
  .myspace.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #656891;
    box-shadow: inset 0 1px 2px 0 #656891; }
  .myspace.csmb-border:after {
    border: solid 2px #1c1d28; }

a.myspace:hover, a.myspace:focus, button.myspace:hover, button.myspace:focus {
  background-color: #464764; }
a.myspace:active, button.myspace:active {
  background-color: #1c1d28; }
a.myspace.csmb-border:hover:after, a.myspace.csmb-border:focus:after, a.myspace.csmb-border:active:after, button.myspace.csmb-border:hover:after, button.myspace.csmb-border:focus:after, button.myspace.csmb-border:active:after {
  border: solid 2px #0c0c11; }

.opera {
  background-color: #f4f4f4;
  background-position: -56px -336px; }
  .opera.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .opera.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.opera:hover, a.opera:focus, button.opera:hover, button.opera:focus {
  background-color: white; }
a.opera:active, button.opera:active {
  background-color: #dbdbdb; }
a.opera.csmb-border:hover:after, a.opera.csmb-border:focus:after, a.opera.csmb-border:active:after, button.opera.csmb-border:hover:after, button.opera.csmb-border:focus:after, button.opera.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.path {
  background-color: #e41f11;
  background-position: 0 -252px; }
  .path.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #f5877f;
    box-shadow: inset 0 1px 2px 0 #f5877f; }
  .path.csmb-border:after {
    border: solid 2px #b5190d; }

a.path:hover, a.path:focus, button.path:hover, button.path:focus {
  background-color: #f04438; }
a.path:active, button.path:active {
  background-color: #b5190d; }
a.path.csmb-border:hover:after, a.path.csmb-border:focus:after, a.path.csmb-border:active:after, button.path.csmb-border:hover:after, button.path.csmb-border:focus:after, button.path.csmb-border:active:after {
  border: solid 2px #91140b; }

.paypal {
  background-color: #1e477a;
  background-position: -28px -280px; }
  .paypal.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #4684d2;
    box-shadow: inset 0 1px 2px 0 #4684d2; }
  .paypal.csmb-border:after {
    border: solid 2px #142f51; }

a.paypal:hover, a.paypal:focus, button.paypal:hover, button.paypal:focus {
  background-color: #285fa3; }
a.paypal:active, button.paypal:active {
  background-color: #142f51; }
a.paypal.csmb-border:hover:after, a.paypal.csmb-border:focus:after, a.paypal.csmb-border:active:after, button.paypal.csmb-border:hover:after, button.paypal.csmb-border:focus:after, button.paypal.csmb-border:active:after {
  border: solid 2px #0c1d32; }

.pinterest {
  background-color: #c8232c;
  background-position: -28px -336px; }
  .pinterest.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #e98187;
    box-shadow: inset 0 1px 2px 0 #e98187; }
  .pinterest.csmb-border:after {
    border: solid 2px #9d1b22; }

a.pinterest:hover, a.pinterest:focus, button.pinterest:hover, button.pinterest:focus {
  background-color: #de4049; }
a.pinterest:active, button.pinterest:active {
  background-color: #9d1b22; }
a.pinterest.csmb-border:hover:after, a.pinterest.csmb-border:focus:after, a.pinterest.csmb-border:active:after, button.pinterest.csmb-border:hover:after, button.pinterest.csmb-border:focus:after, button.pinterest.csmb-border:active:after {
  border: solid 2px #7c161b; }

.reddit {
  background-color: #cee2f8;
  background-position: -56px -252px; }
  .reddit.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .reddit.csmb-border:after {
    border: solid 2px #a1c8f2; }

a.reddit:hover, a.reddit:focus, button.reddit:hover, button.reddit:focus {
  background-color: #fbfcfe; }
a.reddit:active, button.reddit:active {
  background-color: #a1c8f2; }
a.reddit.csmb-border:hover:after, a.reddit.csmb-border:focus:after, a.reddit.csmb-border:active:after, button.reddit.csmb-border:hover:after, button.reddit.csmb-border:focus:after, button.reddit.csmb-border:active:after {
  border: solid 2px #80b4ed; }

.rss {
  background-color: #ee802f;
  background-position: 0 -280px; }
  .rss.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #f8c8a5;
    box-shadow: inset 0 1px 2px 0 #f8c8a5; }
  .rss.csmb-border:after {
    border: solid 2px #d86612; }

a.rss:hover, a.rss:focus, button.rss:hover, button.rss:focus {
  background-color: #f29d5e; }
a.rss:active, button.rss:active {
  background-color: #d86612; }
a.rss.csmb-border:hover:after, a.rss.csmb-border:focus:after, a.rss.csmb-border:active:after, button.rss.csmb-border:hover:after, button.rss.csmb-border:focus:after, button.rss.csmb-border:active:after {
  border: solid 2px #b5550f; }

.safari {
  background-color: #f4f4f4;
  background-position: -56px -364px; }
  .safari.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .safari.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.safari:hover, a.safari:focus, button.safari:hover, button.safari:focus {
  background-color: white; }
a.safari:active, button.safari:active {
  background-color: #dbdbdb; }
a.safari.csmb-border:hover:after, a.safari.csmb-border:focus:after, a.safari.csmb-border:active:after, button.safari.csmb-border:hover:after, button.safari.csmb-border:focus:after, button.safari.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.skype {
  background-color: #00aff0;
  background-position: -28px 0; }
  .skype.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #71d8ff;
    box-shadow: inset 0 1px 2px 0 #71d8ff; }
  .skype.csmb-border:after {
    border: solid 2px #008abd; }

a.skype:hover, a.skype:focus, button.skype:hover, button.skype:focus {
  background-color: #24c4ff; }
a.skype:active, button.skype:active {
  background-color: #008abd; }
a.skype.csmb-border:hover:after, a.skype.csmb-border:focus:after, a.skype.csmb-border:active:after, button.skype.csmb-border:hover:after, button.skype.csmb-border:focus:after, button.skype.csmb-border:active:after {
  border: solid 2px #006e97; }

.soundcloud {
  background-color: #ff7700;
  background-position: -28px -112px; }
  .soundcloud.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #ffbb80;
    box-shadow: inset 0 1px 2px 0 #ffbb80; }
  .soundcloud.csmb-border:after {
    border: solid 2px #cc5f00; }

a.soundcloud:hover, a.soundcloud:focus, button.soundcloud:hover, button.soundcloud:focus {
  background-color: #ff9233; }
a.soundcloud:active, button.soundcloud:active {
  background-color: #cc5f00; }
a.soundcloud.csmb-border:hover:after, a.soundcloud.csmb-border:focus:after, a.soundcloud.csmb-border:active:after, button.soundcloud.csmb-border:hover:after, button.soundcloud.csmb-border:focus:after, button.soundcloud.csmb-border:active:after {
  border: solid 2px #a64d00; }

.spotify {
  background-color: #81b71a;
  background-position: -28px -196px; }
  .spotify.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #bde967;
    box-shadow: inset 0 1px 2px 0 #bde967; }
  .spotify.csmb-border:after {
    border: solid 2px #628a14; }

a.spotify:hover, a.spotify:focus, button.spotify:hover, button.spotify:focus {
  background-color: #9fe024; }
a.spotify:active, button.spotify:active {
  background-color: #628a14; }
a.spotify.csmb-border:hover:after, a.spotify.csmb-border:focus:after, a.spotify.csmb-border:active:after, button.spotify.csmb-border:hover:after, button.spotify.csmb-border:focus:after, button.spotify.csmb-border:active:after {
  border: solid 2px #4a690f; }

.stumbleupon {
  background-color: #f74425;
  background-position: -28px -56px; }
  .stumbleupon.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #fcada0;
    box-shadow: inset 0 1px 2px 0 #fcada0; }
  .stumbleupon.csmb-border:after {
    border: solid 2px #e12808; }

a.stumbleupon:hover, a.stumbleupon:focus, button.stumbleupon:hover, button.stumbleupon:focus {
  background-color: #f96e56; }
a.stumbleupon:active, button.stumbleupon:active {
  background-color: #e12808; }
a.stumbleupon.csmb-border:hover:after, a.stumbleupon.csmb-border:focus:after, a.stumbleupon.csmb-border:active:after, button.stumbleupon.csmb-border:hover:after, button.stumbleupon.csmb-border:focus:after, button.stumbleupon.csmb-border:active:after {
  border: solid 2px #bc2207; }

.swarm {
  background-color: #fdaf17;
  background-position: -28px -448px; }
  .swarm.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #fedb95;
    box-shadow: inset 0 1px 2px 0 #fedb95; }
  .swarm.csmb-border:after {
    border: solid 2px #df9402; }

a.swarm:hover, a.swarm:focus, button.swarm:hover, button.swarm:focus {
  background-color: #fdc04a; }
a.swarm:active, button.swarm:active {
  background-color: #df9402; }
a.swarm.csmb-border:hover:after, a.swarm.csmb-border:focus:after, a.swarm.csmb-border:active:after, button.swarm.csmb-border:hover:after, button.swarm.csmb-border:focus:after, button.swarm.csmb-border:active:after {
  border: solid 2px #b97b02; }

.tumblr {
  background-color: #34526f;
  background-position: 0 -308px; }
  .tumblr.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #6a92b9;
    box-shadow: inset 0 1px 2px 0 #6a92b9; }
  .tumblr.csmb-border:after {
    border: solid 2px #24384c; }

a.tumblr:hover, a.tumblr:focus, button.tumblr:hover, button.tumblr:focus {
  background-color: #446c92; }
a.tumblr:active, button.tumblr:active {
  background-color: #24384c; }
a.tumblr.csmb-border:hover:after, a.tumblr.csmb-border:focus:after, a.tumblr.csmb-border:active:after, button.tumblr.csmb-border:hover:after, button.tumblr.csmb-border:focus:after, button.tumblr.csmb-border:active:after {
  border: solid 2px #182532; }

.twitter {
  background-color: #00acee;
  background-position: 0 -336px; }
  .twitter.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #6ed7ff;
    box-shadow: inset 0 1px 2px 0 #6ed7ff; }
  .twitter.csmb-border:after {
    border: solid 2px #0087bb; }

a.twitter:hover, a.twitter:focus, button.twitter:hover, button.twitter:focus {
  background-color: #22c2ff; }
a.twitter:active, button.twitter:active {
  background-color: #0087bb; }
a.twitter.csmb-border:hover:after, a.twitter.csmb-border:focus:after, a.twitter.csmb-border:active:after, button.twitter.csmb-border:hover:after, button.twitter.csmb-border:focus:after, button.twitter.csmb-border:active:after {
  border: solid 2px #006b95; }

.vimeo {
  background-color: #86c9ef;
  background-position: 0 -392px; }
  .vimeo.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #f7fbfe;
    box-shadow: inset 0 1px 2px 0 #f7fbfe; }
  .vimeo.csmb-border:after {
    border: solid 2px #59b5e9; }

a.vimeo:hover, a.vimeo:focus, button.vimeo:hover, button.vimeo:focus {
  background-color: #b3ddf5; }
a.vimeo:active, button.vimeo:active {
  background-color: #59b5e9; }
a.vimeo.csmb-border:hover:after, a.vimeo.csmb-border:focus:after, a.vimeo.csmb-border:active:after, button.vimeo.csmb-border:hover:after, button.vimeo.csmb-border:focus:after, button.vimeo.csmb-border:active:after {
  border: solid 2px #37a6e5; }

.vine {
  background-color: #00a478;
  background-position: -56px -28px; }
  .vine.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #24ffc4;
    box-shadow: inset 0 1px 2px 0 #24ffc4; }
  .vine.csmb-border:after {
    border: solid 2px #007153; }

a.vine:hover, a.vine:focus, button.vine:hover, button.vine:focus {
  background-color: #00d79d; }
a.vine:active, button.vine:active {
  background-color: #007153; }
a.vine.csmb-border:hover:after, a.vine.csmb-border:focus:after, a.vine.csmb-border:active:after, button.vine.csmb-border:hover:after, button.vine.csmb-border:focus:after, button.vine.csmb-border:active:after {
  border: solid 2px #004b37; }

.wordpress {
  background-color: #21759b;
  background-position: -28px -224px; }
  .wordpress.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #5fb6dd;
    box-shadow: inset 0 1px 2px 0 #5fb6dd; }
  .wordpress.csmb-border:after {
    border: solid 2px #185571; }

a.wordpress:hover, a.wordpress:focus, button.wordpress:hover, button.wordpress:focus {
  background-color: #2a95c5; }
a.wordpress:active, button.wordpress:active {
  background-color: #185571; }
a.wordpress.csmb-border:hover:after, a.wordpress.csmb-border:focus:after, a.wordpress.csmb-border:active:after, button.wordpress.csmb-border:hover:after, button.wordpress.csmb-border:focus:after, button.wordpress.csmb-border:active:after {
  border: solid 2px #113d51; }

.yelp {
  background-color: #c41200;
  background-position: -56px -112px; }
  .yelp.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #ff5645;
    box-shadow: inset 0 1px 2px 0 #ff5645; }
  .yelp.csmb-border:after {
    border: solid 2px #910d00; }

a.yelp:hover, a.yelp:focus, button.yelp:hover, button.yelp:focus {
  background-color: #f71700; }
a.yelp:active, button.yelp:active {
  background-color: #910d00; }
a.yelp.csmb-border:hover:after, a.yelp.csmb-border:focus:after, a.yelp.csmb-border:active:after, button.yelp.csmb-border:hover:after, button.yelp.csmb-border:focus:after, button.yelp.csmb-border:active:after {
  border: solid 2px #6b0a00; }

.youtube {
  background-color: #f4f4f4;
  background-position: 0 -420px; }
  .youtube.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 white;
    box-shadow: inset 0 1px 2px 0 white; }
  .youtube.csmb-border:after {
    border: solid 2px #dbdbdb; }

a.youtube:hover, a.youtube:focus, button.youtube:hover, button.youtube:focus {
  background-color: white; }
a.youtube:active, button.youtube:active {
  background-color: #dbdbdb; }
a.youtube.csmb-border:hover:after, a.youtube.csmb-border:focus:after, a.youtube.csmb-border:active:after, button.youtube.csmb-border:hover:after, button.youtube.csmb-border:focus:after, button.youtube.csmb-border:active:after {
  border: solid 2px #c7c7c7; }

.youtube-alt {
  background-color: #c4302b;
  background-position: 0 -448px; }
  .youtube-alt.csmb {
    -webkit-box-shadow: inset 0 1px 2px 0 #e58c89;
    box-shadow: inset 0 1px 2px 0 #e58c89; }
  .youtube-alt.csmb-border:after {
    border: solid 2px #9a2622; }

a.youtube-alt:hover, a.youtube-alt:focus, button.youtube-alt:hover, button.youtube-alt:focus {
  background-color: #d74f4b; }
a.youtube-alt:active, button.youtube-alt:active {
  background-color: #9a2622; }
a.youtube-alt.csmb-border:hover:after, a.youtube-alt.csmb-border:focus:after, a.youtube-alt.csmb-border:active:after, button.youtube-alt.csmb-border:hover:after, button.youtube-alt.csmb-border:focus:after, button.youtube-alt.csmb-border:active:after {
  border: solid 2px #7b1e1b; }

.facebook.alt {
  background-position: -28px -84px; }

.foursquare-alt.alt {
  background-position: -28px -140px; }

.twitter.alt {
  background-position: 0 -364px; }

.youtube-alt.alt {
  background-position: -28px -476px; }