.border-radius-2 {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.border-radius-3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.border-radius-6 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.transition {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.transition.quick {
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
}
.transition.delay {
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
}
.helvetica { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.bree { font-family: "bree-1", "bree-2", sans-serif; }
.meta-serif { font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", serif; }
nav a.agoodcompany {
  background-image: url('/images/logo-dark.png');
  opacity: 0.25;
}
nav a.agoodcompany:hover { opacity: 0.35; }
body {
  width: 900px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.intro {
  float: right;
  width: 620px;
}
.intro a {
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  color: #883f98;
  font-weight: 700;
  opacity: 0.85;
}
.intro a:hover {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  opacity: 1;
}
.intro h1 {
  font-family: "bree-1", "bree-2", sans-serif;
  color: black;
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1em;
}
.intro p {
  font-family: "bree-1", "bree-2", sans-serif;
  font-size: 14px;
  font-weight: 300;
}
#player-list, #shots-list { clear: both; }
#player-list {
  float: left;
  width: 205px;
  margin: 40px 20px 50px 50px;
}
#player-list li.moocha {
  top: 0px;
  left: -8px;
}
#player-list li.moocha .avatar-container {
  margin-left: -6px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  background: url('../images/dribbble/micah-shadow_03.png') no-repeat scroll 90px left;
  -moz-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  -webkit-transform: rotate(12deg);
}
#player-list li.chadilaksono .avatar-container {
  margin-right: -8px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  background: url('../images/dribbble/caroline-shadow_03.png') no-repeat scroll 91px left;
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
}
#player-list li {
  width: 100px;
  display: inline-block;
  list-style-type: none;
  text-align: center;
  position: relative;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
}
#player-list li .avatar {
  float: none;
  margin: 0 auto;
  border: none;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}
#player-list li .avatar-container {
  display: block;
  width: 100px;
  height: 110px;
}
#player-list li h3 { margin: 0 auto; }
#player-list li .follow-button { margin: 6px auto; }
#player-list li:hover .avatar-container {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.follow-button {
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  display: block;
  width: 66px;
  padding: 7px 12px 7px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  background: #7bc119;
  background: -moz-linear-gradient(top, #7bc119 46%, #78b235 48%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #7bc119), color-stop(48%, #78b235));
  opacity: 0.85;
}
.follow-button:hover {
  color: white;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  opacity: 1;
}
.follow-button .plus {
  margin-bottom: -1px;
  margin-left: 1px;
  margin-right: 5px;
}
.avatar {
  float: left;
  margin: 5px 10px 5px 0;
  padding: 5px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.avatar.mini {
  float: left;
  margin: 0px 6px 0px 0;
  padding: 2px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#shots-list li {
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  display: block;
  float: left;
  list-style-type: none;
  margin: 0 18px 60px 10px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  width: 250px;
  height: 190px;
  background-color: rgba(0, 0, 0, 0.05);
  display: block;
  padding: 8px 11px 8px 8px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
#shots-list li:hover {
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  margin-top: -8px;
  margin-bottom: 68px;
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
}
#shots-list li:nth-child(2n+2):hover {
  margin-top: -5px;
  margin-bottom: 65px;
  -moz-transform: rotate(0.3deg);
  -o-transform: rotate(0.3deg);
  -webkit-transform: rotate(0.3deg);
}
#shots-list li .shot {
  position: relative;
  width: 250px;
  height: 190px;
  display: block;
}
#shots-list li .shot img {
  width: 250px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
#shots-list li .info {
  padding-top: 18px;
  margin: 0 0 0 0;
  background: url('../images/dribbble/shadow_03.png') no-repeat 0px 11px;
  padding-left: 0px;
  width: 250px;
  display: block;
}
#shots-list li .info h5 {
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 6px 0 0 0;
}
#shots-list li .info h5 .avatar.mini {
  margin-top: -2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#shots-list li .info time {
  margin-right: 4px;
  display: block;
  float: right;
  padding: 6px 0 0 0;
}