#tagline {
  font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
  font-weight: normal;
  font-size: 72px;
  margin: 40px 0 20px 0;
  text-align: center; }
  #tagline span {
    display: none; }

#explanation {
  position: relative;
  padding: 60px 0 20px 0;
  border: 1px dotted #999999;
  border-width: 1px 0;
  margin-bottom: 50px; }
  #explanation img {
    position: absolute; }
  #explanation img.web-app {
    top: 10px;
    left: 285px; }
  #explanation img.brands {
    top: 14px;
    left: 513px; }
  #explanation img.social {
    top: 16px;
    right: 85px; }
  #explanation h2 {
    font-size: 24px;
    font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
    font-weight: normal;
    text-align: center;
    margin: 0; }
    #explanation h2 .web-app {
      color: #af2024; }
    #explanation h2 .brands {
      color: #125d7a; }
    #explanation h2 .social {
      color: #1a906d; }

#main-content {
  position: relative;
  padding-right: 34%;
  width: 100%; }
  #main-content .left {
    padding-right: 30px; }
  #main-content h2 {
    width: 100%;
    text-align: center;
    font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    color: #555555;
    border-bottom: 1px solid #ededed;
    height: 12px; }
    #main-content h2 span {
      background: white;
      padding: 5px; }
  #main-content .more-link {
    color: #21779c;
    text-decoration: none;
    float: right;
    border-bottom: 1px dotted #21779c;
    font-size: 13px; }
    #main-content .more-link:hover {
      border-bottom: 1px solid #21779c; }
  #main-content .diagram {
    height: 290px;
    position: relative; }
    #main-content .diagram img {
      margin: 10px 0 0 -12px; }
    #main-content .diagram p {
      font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      position: absolute;
      top: 205px; }
    #main-content .diagram .gather {
      left: 88px; }
    #main-content .diagram .filter {
      left: 222px; }
    #main-content .diagram .moderate {
      left: 335px; }
    #main-content .diagram .display {
      left: 510px; }
    #main-content .diagram .more-link {
      margin-top: 50px; }
  #main-content .brands img {
    margin: 12px 0 50px 3px; }
  #main-content .gallery {
    height: 368px; }
    #main-content .gallery .more-link {
      margin: 20px 10px 0 0; }
    #main-content .gallery .stories {
      margin: 0 -5px; }
      #main-content .gallery .stories .story {
        width: 50%;
        float: left;
        padding: 10px; }
      #main-content .gallery .stories img {
        width: 100%; }
      #main-content .gallery .stories .box {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        padding: 10px 10px 20px 10px;
        background: #f8f8f8;
        height: 270px;
        position: relative;
        cursor: pointer;
        display: block;
        border-bottom: none; }
        #main-content .gallery .stories .box:hover {
          background-color: #eeeeee;
          border-bottom: none; }
      #main-content .gallery .stories h1 {
        font-weight: normal !important;
        font-size: 22px !important;
        margin-bottom: 0 !important; }
      #main-content .gallery .stories .info {
        position: absolute;
        bottom: 7px;
        right: 7px;
        color: #aaaaaa;
        font-size: 12px;
        margin-bottom: 0; }
  #main-content .sidebar {
    padding: 10px 15px;
    position: absolute;
    top: 0;
    right: 0;
    left: 66%;
    bottom: 0;
    background: #daeef5;
    margin-top: -23px; }
    #main-content .sidebar h2 {
      border-bottom: 1px solid #cbdde4;
      margin-bottom: 30px; }
      #main-content .sidebar h2 span {
        background: #daeef5; }
    #main-content .sidebar section {
      font-size: 13px;
      line-height: 150%; }
      #main-content .sidebar section h1 {
        font-family: Georgia, serif;
        font-weight: normal;
        font-size: 32px;
        margin: 25px 0 15px 0; }

#main-content .promo {
  height: 170px;
  padding-top: 50px;
  border-top: 1px solid #cbdde4; }
  #main-content .promo p {
    font-size: 20px;
    text-align: right;
    float: left;
    display: block;
    width: 50%;
    padding: 3px 10px 0 10px; }
  #main-content .promo a {
    background-color: #1c8ab6;
    background: -webkit-gradient(linear, left top, left bottom, from(#1c8ab6), to(#21779c));
    background: -moz-linear-gradient(top, #1c8ab6, #21779c);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1c8ab6, endColorstr=#21779c)";
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
    color: white;
    display: block;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
    text-decoration: none;
    text-align: center;
    padding: 15px;
    font-size: 22px;
    float: right;
    width: 45%; }
#main-content .pie {
  width: 100%;
  height: 250px; }
#main-content .sample-feed .feed {
  position: absolute;
  top: 460px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  overflow: hidden; }
  #main-content .sample-feed .feed .update {
    width: 100%;
    min-height: 60px;
    position: relative; }
  #main-content .sample-feed .feed .avatar {
    position: absolute;
    top: 10px;
    left: 0; }
    #main-content .sample-feed .feed .avatar img {
      width: 40px; }
  #main-content .sample-feed .feed .content {
    padding: 10px 10px 20px 50px; }
  #main-content .sample-feed .feed .text {
    font-size: 13px; }
  #main-content .sample-feed .feed .link {
    font-size: 13px;
    margin: 5px; }
  #main-content .sample-feed .feed .info {
    font-size: 10px;
    color: #666666; }
    #main-content .sample-feed .feed .info a {
      text-decoration: none;
      border: none;
      color: inherit; }
      #main-content .sample-feed .feed .info a:hover {
        border: none; }
  #main-content .sample-feed .feed p.info, #main-content .sample-feed .feed p.text {
    margin: 0; }
  #main-content .sample-feed .feed #loading {
    margin-top: 140px; }
  #main-content .sample-feed .feed #loading, #main-content .sample-feed .feed #load-more {
    text-transform: uppercase;
    font-size: 11px;
    color: #666666;
    width: 100%;
    text-align: center; }
  #main-content .sample-feed .feed #load-more {
    text-decoration: none;
    display: none;
    padding: 10px 0;
    margin: 0;
    cursor: pointer; }
  #main-content .sample-feed .feed #load-more:hover {
    background: #f6f6f6; }
  #main-content .sample-feed .feed a:hover {
    text-decoration: underline; }