#logo {
  float:left;
  width:247px;
}

#profile {
  width:auto;
  float:right;
  height:54px;
}

.avatar_large {
  float:left;
  padding:2px;
  width:54px;
  height:54px;
  background-color: $ColorScreenPrimary;
  -webkit-border-radius:28px;
  -moz-border-radius:28px;
  border-radius:28px;
}

.avatar_large img {
  width:54px;
  height:54px;
  -webkit-border-radius:26px;
  -moz-border-radius:26px;
  border-radius:26px;
}

#user {
  margin:18px 0px 0px 10px;
  font-size:20px;
  font-weight:200;
  color:#ccc;
  float:left;
}

.arrow-down {
  float:left;
  cursor:pointer;
  margin-left:16px;
  margin-top:26px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.userinfo {
  cursor:pointer;
}

.userinfo ul {
  clear:both;
  background: scale-lightness($ColorUIBackground, 10%);
  display:none;
}
.userinfo li {
  display:block;
  margin: 2px;
  padding: 2px;
  background: scale-lightness($ColorUIBackground, 20%);
}