/* Responsive */
.ch_gamebar {
  box-sizing: border-box;
}

.ch_user_menu {
  box-sizing: border-box;
}

.ch_infobar .ch_user_block ul.ch_user_menu li.link a.fullwidth {
  box-sizing: border-box;
}

.ch_blog-comments {
  box-sizing: border-box;
}

nav[role="navigation"] {
  box-sizing: border-box;
}

footer {
  box-sizing: border-box;
}

/* User */
.ch_user {
  height: auto;
  min-height: 20px;
  margin: 10px 0;
  padding: 5px 0 7px 40px;
}
.ch_user .img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.1);
  border-color: #5d5d5d;
  border-style: solid;
  border-width: 1px;
  float: left;
  height: 32px;
  margin: -6px -100% -8px -40px;
  max-width: 32px;
  overflow: hidden;
  width: 32px;
}
.ch_user a {
  border-style: solid;
  border-width: 0 0 1px 0;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}
.ch_user a:link, .ch_user a:visited {
  border-color: #66bae2;
  color: #0c83bd;
}
.ch_user a:hover, .ch_user a:active {
  border-color: #1785ba;
  color: #08577d;
}
.ch_user .details,
.ch_user .comments {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.ch_user .details {
  color: #5d5d5d;
}
.ch_user .level {
  margin: 0 0 0 4px;
}
.ch_user.large {
  padding: 16px 0 12px 64px;
}
.ch_user.large img {
  height: 48px;
  margin: -14px -100% -14px -64px;
  max-width: 48px;
  width: 48px;
}
.ch_user.large a {
  font-size: 16px;
  line-height: 20px;
}
.ch_user.large .details {
  font-size: 14px;
  line-height: 18px;
}
.ch_user.no-avatar {
  padding-left: 0;
}
.ch_user.no-avatar img {
  display: none;
}
.ch_user .badge {
  background-color: #ffcb0d;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 6px;
}