.hidden {
  display: none; }

.faded #main {
  padding-bottom: 1em;
  background-color: white;
  /* for non-css3 browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f1f1f1')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white", endColorstr="#f1f1f1");
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, white, #f1f1f1);
  /* for firefox 3.6+ */ }

.button, .btn.green, .btn.blue {
  color: white;
  border: 0;
  font-weight: bold;
  font-size: 1.2em;
  text-shadow: 0 -1px 0 #888888;
  padding: 4px 10px; }

.btn.blue {
  background-color: #949cac;
  /* for non-css3 browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#949cac', endColorstr='#67748f')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949cac", endColorstr="#67748f");
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#949cac), to(#67748f));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #949cac, #67748f);
  /* for firefox 3.6+ */
  box-shadow: 1px 1px 1px #434c56;
  -moz-box-shadow: 1px 1px 1px #434c56;
  -webkit-box-shadow: 1px 1px 1px #434c56;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }
  .btn.blue:hover {
    background-color: #949cac;
    /* for non-css3 browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#949cac', endColorstr='#67748f')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949cac", endColorstr="#67748f");
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#949cac), to(#67748f));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #949cac, #67748f);
    /* for firefox 3.6+ */ }

.btn.green {
  background-color: #c1cd22;
  /* for non-css3 browsers */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1cd22', endColorstr='#57780c')";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1cd22", endColorstr="#57780c");
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#c1cd22), to(#57780c));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #c1cd22, #57780c);
  /* for firefox 3.6+ */
  box-shadow: 1px 1px 1px #434c56;
  -moz-box-shadow: 1px 1px 1px #434c56;
  -webkit-box-shadow: 1px 1px 1px #434c56; }

.fitted {
  width: 980px;
  margin: auto; }

.btn.gray {
  color: #888888; }

.btn.wide {
  width: 5em; }

.btn.wider {
  width: 6em; }

.floated, #overview #mobile div.grab .download, #overview #activity .checkins, #overview #activity .checkins .viewing {
  overflow: hidden; }
  .floated > div, #overview #mobile div.grab .download > div, #overview #activity .checkins > div, #overview #activity .checkins .viewing > div {
    float: left; }
  .floated > a, #overview #mobile div.grab .download > a, #overview #activity .checkins > a, #overview #activity .checkins .viewing > a {
    float: left; }

ul.horizontal, #introduction ul#features {
  overflow: hidden; }
  ul.horizontal li, #introduction ul#features li {
    float: left;
    display: block;
    margin-right: 1.2em; }

#banner .text {
  margin-top: 1.2em;
  text-align: center; }
  #banner .text h2.title {
    color: #888888;
    font-size: 2.5em;
    font-weight: bold;
    text-shadow: 1px 2px 1px #fcfcfc;
    padding-bottom: 0.2em; }
  #banner .text h3.subtitle {
    font-size: 1.8em;
    color: #434c56; }
#banner .trending {
  width: 66em;
  margin: auto;
  padding: 1em;
  height: 15em;
  overflow: hidden; }
  #banner .trending a {
    width: 102px;
    display: block;
    float: left;
    margin-right: 2.4em;
    zoom: 1; }
  #banner .trending a:last-child {
    margin-right: 0; }

#introduction ul#features {
  margin-top: 1.5em; }
  #introduction ul#features li.gaming {
    background: white url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/gaming_icon.png") no-repeat left top; }
  #introduction ul#features li.social {
    background: white url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/social_icon.png") no-repeat left top; }
  #introduction ul#features li.track {
    background: white url("/REV_89722e7ec315d0b757fedfb61f25281aa017fbea/images/intro/track_icon.png") no-repeat left top; }
  #introduction ul#features li {
    padding: 0.5em;
    width: 29.99%; }
    #introduction ul#features li h4 {
      padding-left: 10px;
      color: #434c56;
      font-size: 1.4em;
      padding-left: 5.3em;
      height: 66px;
      font-weight: lighter; }
      #introduction ul#features li h4 strong {
        line-height: 0.8em;
        font-weight: bold;
        font-size: 1.2em;
        display: block; }
      #introduction ul#features li h4 hr {
        color: #d8d9d9;
        margin-top: 0.5em; }
    #introduction ul#features li p {
      color: #999999;
      padding-top: 0.5em;
      padding-bottom: 1em; }

#overview {
  margin-top: 1em;
  padding-top: 1em;
  padding-bottom: 1.5em;
  overflow: auto; }
  #overview #mobile {
    margin-top: 6em;
    height: 282px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #5f697c;
    /* for non-css3 browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f697c', endColorstr='#3d4d5b')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5f697c", endColorstr="#3d4d5b");
    /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5f697c), to(#3d4d5b));
    /* for webkit browsers */
    background: -moz-linear-gradient(top, #5f697c, #3d4d5b);
    /* for firefox 3.6+ */
    width: 30.5%;
    overflow: visible;
    float: left; }
    #overview #mobile div.graphic {
      position: absolute;
      top: 630px;
      padding: 0 6px;
      width: 288px;
      height: 215px; }
    #overview #mobile div.grab {
      position: relative;
      margin-left: 0.8em;
      color: white;
      top: 148px; }
      #overview #mobile div.grab h4 {
        text-shadow: 1px 1px 0 #999999;
        font-size: 1.8em;
        color: white;
        padding-top: 0.2em;
        padding-bottom: 0.2em; }
      #overview #mobile div.grab .description {
        margin-left: 0.8em; }
        #overview #mobile div.grab .description p {
          font-size: 1.2em; }
      #overview #mobile div.grab .download {
        padding-top: 0.8em; }
  #overview #activity {
    margin-left: 2em;
    float: left;
    width: 62%; }
    #overview #activity h4 {
      font-size: 2em;
      color: #434c56;
      font-weight: bold;
      border-bottom: 1px solid #d8d9d9;
      padding-bottom: 0.2em;
      margin-bottom: 0.5em; }
    #overview #activity .checkins .viewing {
      margin-right: 1em;
      margin-bottom: 1em; }
      #overview #activity .checkins .viewing .picture {
        width: 48px; }
      #overview #activity .checkins .viewing .content {
        font-size: 1.2em;
        color: #878787;
        margin-left: 0.5em;
        width: 15em; }
        #overview #activity .checkins .viewing .content a.name {
          color: #878787;
          font-size: 1em;
          font-weight: bold; }
        #overview #activity .checkins .viewing .content a.media {
          color: #878787;
          font-size: 1em; }
        #overview #activity .checkins .viewing .content a:hover {
          text-decoration: underline; }