.userlist {
  text-align:center;
  width:100%;
  margin:0px auto;
  padding-top:30px;
  position:relative;
  line-height:0em;

  .user {
    margin:5px;
    display:inline-block;
    height:200px;
    max-height:180px;
    text-align:left;
    position:relative;
    width:296px;
    border-radius:3px;
    line-height:1.4em;
    overflow:hidden;
    box-shadow:0px 2px 5px rgba(0,0,0,0.20);

    top:0px;
    transition: box-shadow 0.2s, background-color 0.2s;

    &:hover {
      box-shadow:0px 3px 7px rgba(0,0,0,0.20);
    }

    table {
      /* Border and background color given by theme */
      border:1px solid transparent;
      width:100%;
      height:100%;
    }

    .bottom {
      transition: background-color 0.2s;
    }

    td {
      vertical-align:top;

      &.avatar {
        width:100px;
        height:80px;
      }
    }

    .name {
      text-align:left;

      .username {
        vertical-align:middle;
      }
    }

    .avatar .image {
      display:block;
      float:left;
      width:80px;
      height:80px;
      background-size:cover;
      margin-right:10px;
    }

    .bio {
      padding:5px;
    }
  }
}
