* {
  margin: 0px;
  padding: 0px; }

html {
  margin: 0px;
  padding: 0px; }

img {
  margin: 0px;
  padding: 0px;
  border: 0px; }

li {
  list-style: none; }

a {
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

ul.inline-list {
  list-style: none;
  padding: 0px;
  margin: 0px; }
  ul.inline-list li {
    float: left; }

body {
  font-family: Helvetica, Arial, Sans-serif;
  font-size: 14px;
  color: #313131;
  margin: 0px;
  padding: 0px;
  display: block;
  overflow-x: hidden; }

.hidden {
  display: none; }

.clear {
  clear: both;
  height: 0px; }

#splashContainer {
  background: url('/images/home_splash.png') no-repeat center;
  height: 760px;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  #splashContainer #splashLogin {
    position: absolute;
    top: 609px;
    left: 140px;
    background-color: #eeeeee;
    height: 250px;
    width: 300px; }
    #splashContainer #splashLogin #connect-to-facebook {
      background: url('/images/signup.png') no-repeat;
      opacity: 0.9;
      width: 300px;
      height: 44px; }
  #splashContainer #splashFooter {
    height: 25px;
    width: 980px;
    background-color: #eeeeee;
    padding-left: 250px;
    position: absolute;
    top: 750px; }

#topOuter {
  background: url('/images/bg_top_banner.png') repeat-x;
  margin: 0px auto;
  height: 100px; }
  #topOuter #top {
    height: 100px;
    color: #bababa;
    padding: 0px;
    width: 980px;
    margin-left: auto;
    margin-right: auto; }
    #topOuter #top a#logoLink {
      display: block;
      height: 100px;
      width: 220px;
      margin-left: 285px; }
    #topOuter #top #bannerLogo {
      float: left;
      margin-left: -285px;
      margin-right: -500px;
      width: 1000px;
      height: 100px;
      overflow-x: visible;
      background-image: url('/images/bg_top_logo.png'); }
    #topOuter #top #nav {
      padding: 0px 0px;
      float: right;
      font-size: 14px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      background-color: #68B9E8;
      line-height: 30px; }
      #topOuter #top #nav li {
        padding: 0em 1.1em; }
        #topOuter #top #nav li a {
          color: white; }

.gray-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  line-height: 25px;
  font-weight: bold;
  border: solid 1px #c4c4c4;
  padding: 0px 15px;
  cursor: pointer;
  color: #666666;
  background-color: #e7e7e7; }
  .gray-button:hover {
    border: solid 1px #aaaaaa; }
  .gray-button:hover {
    color: #555555; }

button.followship-button {
  font-size: 13px;
  cursor: pointer;
  line-height: 24px;
  width: 100px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  button.followship-button.follow, button.followship-button.invite {
    background-color: #219FDB;
    border: solid #0E7DC3 1px;
    color: white; }
    button.followship-button.follow:hover, button.followship-button.invite:hover {
      border-color: #004a90; }
  button.followship-button.unfollow {
    background-color: #E7E7E7;
    border: solid #c4c4c4 1px;
    color: #777777; }
    button.followship-button.unfollow:hover {
      border-color: #919191; }

body {
  background-color: #f8f8f8; }

#container {
  background-color: #f8f8f8;
  margin: 20px auto 20px auto;
  width: 980px; }
  #container #topBar {
    height: 120px;
    width: 980px;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-top: 20px;
    background-color: #ebf3f7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #7b9eb3;
    font-size: 25px; }
    #container #topBar #signup {
      float: right;
      font-size: 18px;
      margin-right: 30px; }
      #container #topBar #signup p {
        margin-left: 33px;
        margin-bottom: 10px;
        margin-top: 10px; }
      #container #topBar #signup #connect-to-facebook {
        background: url('/images/signup.png') no-repeat;
        opacity: 0.9;
        width: 300px;
        height: 44px; }
  #container #iconArrowRight {
    background: url('/images/icon_arrow_right.png');
    position: relative;
    width: 15px;
    height: 15px;
    left: 624px;
    top: 50px; }
  #container #searchBox {
    background: url('/images/bg_selectfriends.png');
    padding-left: 110px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 15px;
    height: 88px;
    margin-bottom: 20px; }
    #container #searchBox #iconPpl {
      position: absolute;
      width: 55px;
      height: 53px;
      background: url('/images/icon_ppl.png') no-repeat;
      margin-top: 17px;
      margin-left: -70px; }
    #container #searchBox #iconArrowDown {
      background: url('/images/icon_arrow_down.png') no-repeat;
      color: #DCF1FA;
      width: 15px;
      height: 8px;
      position: absolute;
      margin-top: 103px;
      margin-left: -30px; }
    #container #searchBox #selectFriendsText {
      color: #5DB1C8;
      font-size: 20px; }
    #container #searchBox #friendSelectorOuter #friendSelector {
      margin-top: 10px;
      float: left;
      padding: 5px 0px 5px 5px;
      border: 3px #B5DBE7 solid;
      font-family: Helvetica, Arial, Sans-serif;
      font-size: 14px;
      color: #343434;
      display: block;
      width: 430px;
      height: 25px; }
    #container #searchBox a {
      width: 70px;
      float: right; }
    #container #searchBox input[type=submit] {
      width: 70px;
      float: right;
      border: 0px; }
  #container #friendChoices {
    border: 1px solid gray;
    z-index: 10000; }
  #container #selectedFriends {
    padding-left: 0px;
    padding-right: 30px;
    padding-top: 7.5px;
    padding-bottom: 7.5px; }
    #container #selectedFriends a {
      color: white; }
    #container #selectedFriends .list {
      float: left; }
      #container #selectedFriends .list .star {
        background: url('/images/icon_star.png');
        height: 21px;
        width: 21px;
        position: absolute;
        top: -5px;
        left: -5px; }
  #container .friendList ul li {
    background-color: white;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: #dedede; }
    #container .friendList ul li .profile-pic {
      float: left; }
    #container .friendList ul li .name, #container .friendList ul li .real-name {
      padding: 10px;
      float: left; }
    #container .friendList ul li .remove {
      float: right;
      padding: 10px;
      background: url('/images/remove-icon.png') no-repeat center;
      height: 11px;
      width: 11px; }
    #container .friendList ul li a {
      color: #333333; }
    #container .friendList ul li .plus, #container .friendList ul li .x {
      margin-right: 10px; }
    #container .friendList ul li:hover {
      background-color: #EFEFEF; }
    #container .friendList ul li.selected {
      background-color: #EFEFEF; }
  #container #finishSection {
    background-color: white; }
    #container #finishSection form {
      background-color: white;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 0px;
      padding-bottom: 15px; }
      #container #finishSection form input[type=submit] {
        display: block;
        border: 0px;
        cursor: pointer;
        width: 300px;
        font-size: 14px; }
      #container #finishSection form #contextInput {
        margin-top: 10px;
        margin-left: -25px;
        margin-bottom: 65px;
        padding: 5px 0px 5px 5px;
        border: 3px #B5DBE7 solid;
        font-family: Helvetica, Arial, Sans-serif;
        font-size: 14px;
        color: #343434;
        display: block;
        width: 580px;
        height: 25px; }
      #container #finishSection form #charactersLeft {
        float: right;
        margin-top: -55px;
        margin-right: -25px;
        color: #777777; }
      #container #finishSection form #submitSection {
        border-top: 1px #EBEBEB solid;
        margin-left: -25px;
        margin-bottom: 230px;
        padding-top: 15px;
        width: 590px; }
        #container #finishSection form #submitSection .fb-share {
          float: left;
          padding-top: 15px;
          padding-bottom: 15px; }
          #container #finishSection form #submitSection .fb-share input[type=checkbox], #container #finishSection form #submitSection .fb-share label {
            font-size: 14px; }
        #container #finishSection form #submitSection #createHangout {
          float: right;
          width: 212px;
          height: 40px;
          background: url('/images/createhangout.png'); }
  #container #sideBar {
    float: left;
    width: 280px;
    height: 100%;
    padding: 0px 0px 15px 25px; }
    #container #sideBar #signup {
      padding: 25px 30px;
      text-align: center;
      background-color: #f1f0f0;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      color: #666666;
      font-weight: bold; }
      #container #sideBar #signup p {
        margin-bottom: 20px; }
    #container #sideBar #profile {
      margin-bottom: 25px; }
      #container #sideBar #profile #profilePic {
        float: left;
        width: 100px;
        border: 2px solid;
        border-color: #dfdfdf;
        padding: 5px;
        padding-bottom: 2px;
        background-color: white; }
      #container #sideBar #profile #profileInfo {
        padding-top: 2px;
        float: left;
        margin-left: 15px; }
        #container #sideBar #profile #profileInfo #name {
          font-size: 18px;
          font-weight: bold;
          color: #313131;
          padding-bottom: 4px; }
          #container #sideBar #profile #profileInfo #name a {
            color: #1E7CB2; }
        #container #sideBar #profile #profileInfo #fbLink {
          margin-top: 10px; }
          #container #sideBar #profile #profileInfo #fbLink .icon {
            background: url('/images/fb_icon_small.png');
            height: 16px;
            width: 16px;
            float: left;
            margin-right: 5px; }
          #container #sideBar #profile #profileInfo #fbLink a {
            color: #1e7cb2; }
    #container #sideBar #stats .stat {
      overflow: auto;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      height: 40px;
      width: 280px;
      background-color: #f0f0f0;
      margin: 10px 0px; }
      #container #sideBar #stats .stat.selected {
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        width: 328px;
        margin-left: -48px;
        background-image: url('/images/left_arrow_gray_stat.png');
        background-repeat: no-repeat;
        background-position: 0px 0px; }
        #container #sideBar #stats .stat.selected .count {
          width: 133px; }
      #container #sideBar #stats .stat .count {
        float: left;
        font-size: 24px;
        font-weight: bold;
        text-align: right;
        width: 85px;
        margin-right: 10px;
        line-height: 40px; }
        #container #sideBar #stats .stat .count.hangouts {
          color: #74bee1; }
        #container #sideBar #stats .stat .count.followers {
          color: #66cc99; }
        #container #sideBar #stats .stat .count.following {
          color: #99cc66; }
      #container #sideBar #stats .stat .stat-type {
        float: left;
        color: #666666;
        font-weight: bold;
        text-align: left;
        line-height: 40px; }
        #container #sideBar #stats .stat .stat-type a {
          color: #1E7CB2; }
    #container #sideBar #whoAreYouWith {
      margin-top: 20px;
      width: 288px;
      height: 43px; }
    #container #sideBar #appStore {
      margin-top: 40px;
      margin-left: 0px;
      width: 290px;
      height: 215px; }
      #container #sideBar #appStore .blurb {
        color: #666666;
        font-weight: bold;
        text-align: center;
        padding: 20px; }
  #container #content {
    min-height: 450px;
    width: 600px;
    background-color: white;
    border: 2px solid #F3F3F3;
    padding: 10px 25px;
    float: left; }
    #container #content .header {
      font-size: 18px;
      color: #888888;
      padding: 10px;
      border-bottom: solid #f3f3f3 1px; }
    #container #content #followers .user, #container #content #following .user {
      height: 45px;
      padding: 10px;
      border-bottom: solid #f3f3f3 1px; }
      #container #content #followers .user .pic, #container #content #following .user .pic {
        height: 45px;
        width: 45px;
        float: left; }
      #container #content #followers .user .content, #container #content #following .user .content {
        margin-left: 60px;
        position: relative;
        padding: 3px; }
        #container #content #followers .user .content .name, #container #content #following .user .content .name {
          margin-bottom: 8px; }
          #container #content #followers .user .content .name a, #container #content #following .user .content .name a {
            color: #1E7CB2; }
        #container #content #followers .user .content .stats, #container #content #following .user .content .stats {
          font-size: 12px;
          color: #666666; }
        #container #content #followers .user .content button.followship-button, #container #content #following .user .content button.followship-button {
          position: absolute;
          top: 10px;
          right: 0px; }
    #container #content #feedHeader {
      font-size: 18px;
      font-weight: bold;
      color: #53ACC5;
      margin-bottom: 10px; }
    #container #content #hangoutCreation {
      margin-bottom: 10px;
      background-image: url('/images/bg_create_hangout.png');
      background-repeat: repeat-x;
      padding: 30px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      #container #content #hangoutCreation .subfields {
        padding-left: 50px; }
        #container #content #hangoutCreation .subfields .field {
          margin-top: 15px; }
          #container #content #hangoutCreation .subfields .field .text-field {
            width: 366px; }
      #container #content #hangoutCreation .field .text-field {
        height: 25px;
        padding: 5px 0px 5px 5px;
        border: 3px #B5DBE7 solid;
        font-family: Helvetica, Arial, Sans-serif;
        font-size: 14px;
        color: #333333;
        display: block;
        outline: none; }
        #container #content #hangoutCreation .field .text-field.has-placeholder {
          color: #888888; }
        #container #content #hangoutCreation .field .text-field:focus {
          border: solid 3px #55ADC6; }
      #container #content #hangoutCreation .field .icon {
        float: left;
        height: 41px;
        width: 41px; }
      #container #content #hangoutCreation .field.activity .icon {
        background: url('/images/icon_megaphone.png') no-repeat left center;
        width: 50px; }
      #container #content #hangoutCreation .field.activity .text-field {
        width: 475px; }
      #container #content #hangoutCreation .field.friends {
        height: 35px; }
        #container #content #hangoutCreation .field.friends .icon {
          background: url('/images/icon_tag_friends.png') no-repeat left center; }
        #container #content #hangoutCreation .field.friends .thumbs {
          padding: 4px 0px;
          float: left; }
          #container #content #hangoutCreation .field.friends .thumbs .profile-thumb {
            height: 33px;
            width: 33px;
            margin: 0px 5px 2px 0px;
            float: left;
            position: relative; }
            #container #content #hangoutCreation .field.friends .thumbs .profile-thumb img {
              height: 33px;
              width: 33px; }
            #container #content #hangoutCreation .field.friends .thumbs .profile-thumb .star-small {
              background: url('/images/icon_star_small.png');
              height: 15px;
              width: 15px;
              position: absolute;
              top: -3px;
              left: -3px; }
      #container #content #hangoutCreation .field.tag-friends .icon {
        background-image: none; }
      #container #content #hangoutCreation .field.timeframe .icon {
        background: url('/images/icon_clock.png') no-repeat left center; }
      #container #content #hangoutCreation .field.timeframe a.option {
        text-decoration: none;
        color: #53ACC5;
        font-weight: bold;
        line-height: 35px;
        float: left;
        text-align: center;
        background-color: white;
        width: 110px;
        margin-right: 15px;
        border: solid 3px #B5DBE7;
        cursor: pointer; }
        #container #content #hangoutCreation .field.timeframe a.option:hover {
          border: solid 3px #55ADC6; }
        #container #content #hangoutCreation .field.timeframe a.option.selected {
          background-color: #55ADC6;
          border: solid 3px #55ADC6;
          color: white; }
      #container #content #hangoutCreation .field.location {
        display: none; }
        #container #content #hangoutCreation .field.location .icon {
          background: url('/images/icon_location.png') no-repeat left center; }
      #container #content #hangoutCreation .field.submit-section .icon {
        background: none; }
      #container #content #hangoutCreation .field.submit-section #submitSection {
        float: left;
        width: 380px; }
        #container #content #hangoutCreation .field.submit-section #submitSection .fb-share {
          float: left; }
        #container #content #hangoutCreation .field.submit-section #submitSection #shareNow {
          float: right;
          width: 163px;
          height: 41px;
          background: url('/images/btn_share_now.png');
          border: 0px;
          cursor: pointer; }
    #container #content #feedNav {
      font-size: 18px;
      color: #666666;
      padding: 15px 0px; }
      #container #content #feedNav a {
        color: inherit; }
        #container #content #feedNav a:hover {
          text-decoration: none; }
      #container #content #feedNav li {
        padding: 5px 13px;
        line-height: 22px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px; }
        #container #content #feedNav li.selected {
          color: #555555;
          background-color: #e7e7e7; }
      #container #content #feedNav #friends {
        margin-right: 20px; }
    #container #content #loginBox {
      width: 600px;
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 15px;
      padding-bottom: 15px; }
      #container #content #loginBox h3 {
        padding-bottom: 5px; }
    #container #content #hangoutHeader .hangout {
      padding: 20px 10px 10px 10px;
      cursor: default;
      border-bottom: solid #f3f3f3 1px; }
      #container #content #hangoutHeader .hangout:hover {
        background-color: white; }
      #container #content #hangoutHeader .hangout .hangout-elem {
        margin-bottom: 5px; }
      #container #content #hangoutHeader .hangout .activity {
        color: #333333;
        font-size: 20px; }
    #container #content #hangoutHeader .sentence {
      color: #666666;
      font-size: 20px;
      font-weight: bold; }
    #container #content #hangoutHeader .bottom {
      color: #A4A4A4;
      font-size: 13px; }
      #container #content #hangoutHeader .bottom .timestamp {
        color: #888888; }
        #container #content #hangoutHeader .bottom .timestamp.whos-in {
          color: #76B300; }
          #container #content #hangoutHeader .bottom .timestamp.whos-in .timestamp-icon {
            float: left;
            background: url('/images/label_whosin.png');
            width: 61px;
            height: 17px; }
        #container #content #hangoutHeader .bottom .timestamp.come-join {
          color: #e96a01; }
          #container #content #hangoutHeader .bottom .timestamp.come-join .timestamp-icon {
            float: left;
            background: url('/images/label_comejoin.png');
            width: 68px;
            height: 17px; }
        #container #content #hangoutHeader .bottom .timestamp .pretty {
          float: left;
          margin-right: 5px; }
        #container #content #hangoutHeader .bottom .timestamp .utc {
          display: none; }
    #container #content .hangout {
      padding: 15px 20px;
      border-bottom: solid #f3f3f3 1px; }
      #container #content .hangout:hover {
        background-color: #f8f8f8; }
      #container #content .hangout .hangout-elem {
        margin-bottom: 5px; }
      #container #content .hangout .members-panel .members {
        float: left; }
        #container #content .hangout .members-panel .members .profile-pic {
          height: 45px;
          width: 45px;
          margin: 0px 5px 2px 0px;
          float: left;
          position: relative; }
          #container #content .hangout .members-panel .members .profile-pic img {
            height: 45px;
            width: 45px; }
          #container #content .hangout .members-panel .members .profile-pic .star {
            background: url('/images/icon_star.png');
            height: 21px;
            width: 21px;
            position: absolute;
            top: -5px;
            left: -5px; }
          #container #content .hangout .members-panel .members .profile-pic.last {
            width: auto; }
            #container #content .hangout .members-panel .members .profile-pic.last img {
              float: left; }
            #container #content .hangout .members-panel .members .profile-pic.last .awesome {
              float: left;
              display: table;
              margin-left: 10px;
              height: 45px; }
              #container #content .hangout .members-panel .members .profile-pic.last .awesome .awesome-button {
                display: table-cell;
                vertical-align: middle; }
                #container #content .hangout .members-panel .members .profile-pic.last .awesome .awesome-button .thumbs-up {
                  height: 15px;
                  width: 14px;
                  background: url('/images/thumbs-up-white-icon.png');
                  display: block;
                  float: right;
                  margin: 4px 10px 0px 2px; }
                #container #content .hangout .members-panel .members .profile-pic.last .awesome .awesome-button a {
                  display: block;
                  width: 110px;
                  padding-left: 5px; }
      #container #content .hangout .member-names {
        color: #888888;
        font-size: 10px; }
      #container #content .hangout .activity {
        color: #3D89C8;
        font-size: 16px;
        font-weight: bold; }
        #container #content .hangout .activity a {
          color: inherit; }
      #container #content .hangout .posts-info {
        color: #A4A4A4;
        font-size: 13px; }
        #container #content .hangout .posts-info .timestamp {
          color: #888888; }
          #container #content .hangout .posts-info .timestamp.whos-in {
            color: #76B300; }
            #container #content .hangout .posts-info .timestamp.whos-in .timestamp-icon {
              float: left;
              background: url('/images/label_whosin.png');
              width: 61px;
              height: 17px; }
          #container #content .hangout .posts-info .timestamp.come-join {
            color: #e96a01; }
            #container #content .hangout .posts-info .timestamp.come-join .timestamp-icon {
              float: left;
              background: url('/images/label_comejoin.png');
              width: 68px;
              height: 17px; }
          #container #content .hangout .posts-info .timestamp .pretty {
            float: left;
            margin-right: 5px; }
          #container #content .hangout .posts-info .timestamp .utc {
            display: none; }
        #container #content .hangout .posts-info ul.updates {
          float: right;
          height: 18px;
          line-height: 18px; }
          #container #content .hangout .posts-info ul.updates li {
            margin-right: 10px; }
          #container #content .hangout .posts-info ul.updates .count span {
            float: left;
            padding-left: 6px;
            padding-top: 1px; }
          #container #content .hangout .posts-info ul.updates .count.photos .camera-icon {
            background-image: url('/images/icon_camera.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 18px;
            float: left; }
          #container #content .hangout .posts-info ul.updates .count.comments .speech-bubble-icon {
            background-image: url('/images/icon_bubble.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 18px;
            float: left; }
          #container #content .hangout .posts-info ul.updates .count.likers .like-icon {
            background-image: url('/images/icon_like.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 18px;
            float: left; }
    #container #content #getInvolved {
      margin-top: 10px;
      padding: 0px 10px;
      font-size: 12px;
      position: relative; }
      #container #content #getInvolved .get-involved-link a {
        color: #1e7cb2;
        font-weight: bold; }
      #container #content #getInvolved #likeHover {
        position: absolute;
        left: 25px;
        top: 25px; }
    #container #content #commentBox {
      margin-top: 10px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background-color: #f4f4f4;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 10px; }
      #container #content #commentBox #new_comment #fb-share-label {
        margin-left: 72px;
        display: none; }
      #container #content #commentBox #new_comment #share_on_facebook {
        display: none; }
      #container #content #commentBox #new_comment textarea {
        padding: 5px 0px 0px 5px;
        color: #B3B3B3;
        font-size: 14px;
        width: 100%;
        font-family: Helvetica, Arial, Sans-serif;
        border: solid 1px #d9d9d9;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        height: 55px;
        width: 575px; }
      #container #content #commentBox #new_comment #comment_submit {
        float: right;
        font-size: 14px;
        margin-top: 10px; }
    #container #content #feedback, #container #content #thanks {
      padding: 20px; }
      #container #content #feedback textarea, #container #content #thanks textarea {
        width: 100%;
        height: 50px;
        font-size: 14px; }
      #container #content #feedback input[type=text], #container #content #thanks input[type=text] {
        font-size: 14px; }
      #container #content #feedback input, #container #content #feedback h3, #container #content #thanks input, #container #content #thanks h3 {
        margin: 10px 0px; }
  #container .post {
    border-top: solid 1px #ebebeb;
    padding: 15px 20px; }
    #container .post .profile-pic {
      float: left;
      position: relative;
      height: 45px;
      width: 45px; }
      #container .post .profile-pic .star {
        background: url('/images/icon_star.png');
        height: 21px;
        width: 21px;
        position: absolute;
        top: -5px;
        left: -5px; }
    #container .post .body {
      margin-left: 60px; }
      #container .post .body .name {
        padding-bottom: 10px; }
    #container .post .timestamp {
      float: right;
      font-size: 13px;
      color: #76B300; }
      #container .post .timestamp.upcoming {
        color: #76B300; }
    #container .post a.name {
      color: #1E7CB2; }
    #container .post.first {
      border-top: none; }
    #container .post.update .content {
      height: 45px;
      line-height: 45px; }
    #container .post.comment .content {
      font-weight: bold;
      font-size: 15px; }

#more {
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  text-align: center; }
  #more a {
    color: #3989c8; }

.hover-box .stat {
  overflow: auto;
  height: 25px;
  width: 100%; }
  .hover-box .stat .count {
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    width: 25px;
    margin-right: 10px;
    line-height: 25px; }
    .hover-box .stat .count.hangouts {
      color: #74bee1; }
    .hover-box .stat .count.followers {
      color: #66cc99; }
    .hover-box .stat .count.following {
      color: #99cc66; }
  .hover-box .stat .stat-type {
    float: left;
    font-size: 12px;
    color: #666666;
    text-align: left;
    line-height: 25px; }

.hover-box-outer .arrow {
  height: 10px; }
.hover-box-outer .hover-box {
  background-color: #dcecf5;
  border: solid 1px #c1d0d7;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .hover-box-outer .hover-box .content {
    background-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: auto; }
    .hover-box-outer .hover-box .content .close {
      color: #1e7cb2;
      float: right;
      position: relative;
      top: -15px;
      left: 12px;
      cursor: pointer; }
    .hover-box-outer .hover-box .content.user {
      padding: 20px; }
      .hover-box-outer .hover-box .content.user .pic {
        float: left;
        width: 100px;
        min-height: 10px; }
      .hover-box-outer .hover-box .content.user .info {
        float: left;
        margin-left: 20px; }
        .hover-box-outer .hover-box .content.user .info .name {
          font-weight: bold;
          font-size: 16px; }
          .hover-box-outer .hover-box .content.user .info .name a {
            color: #1E7CB2; }
        .hover-box-outer .hover-box .content.user .info .fb-link {
          margin-top: 5px;
          margin-bottom: 15px; }
          .hover-box-outer .hover-box .content.user .info .fb-link a {
            color: #1e7cb2; }
    .hover-box-outer .hover-box .content.fb-share {
      padding: 15px 22px;
      color: #6087a4;
      line-height: 22px; }
      .hover-box-outer .hover-box .content.fb-share .button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-weight: bold;
        border: solid 1px #c4c4c4;
        padding: 0px 12px;
        margin-left: 15px;
        cursor: pointer; }
        .hover-box-outer .hover-box .content.fb-share .button:hover {
          border: solid 1px #aaaaaa; }
      .hover-box-outer .hover-box .content.fb-share .question {
        float: left;
        line-height: 22px;
        height: 22px; }
      .hover-box-outer .hover-box .content.fb-share .yes {
        float: left;
        color: #666666;
        background-color: #e7e7e7; }
        .hover-box-outer .hover-box .content.fb-share .yes:hover {
          color: #555555; }
      .hover-box-outer .hover-box .content.fb-share .no {
        float: left;
        color: #bbbbbb;
        background-color: white; }
        .hover-box-outer .hover-box .content.fb-share .no:hover {
          color: #999999; }
    .hover-box-outer .hover-box .content.login {
      padding: 15px 22px;
      color: #6087a4;
      line-height: 22px; }
      .hover-box-outer .hover-box .content.login .blurb {
        float: left;
        margin-right: 15px; }
      .hover-box-outer .hover-box .content.login .fb {
        float: left; }

#footer {
  padding: 0px;
  width: 650px;
  overflow: auto;
  line-height: 35px;
  font-size: 13px; }
  #footer li {
    color: #3d89c8;
    margin-left: 10px; }
    #footer li a {
      color: #3d89c8; }
    #footer li.bar {
      color: #dddddd; }
  #footer #copyright {
    float: right; }
  #footer #feedbackLink {
    float: left; }
    #footer #feedbackLink a {
      color: #3b3a6c; }