.top-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.top-bar {
  height: 35px;
  overflow: hidden;
  background: #0D5F91;
  padding: 10px 6px 10px 12px; }
  .top-bar ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .top-bar ul li {
      display: inline; }
    .top-bar ul a, .top-bar ul a:visited {
      color: white; }
  .top-bar ul.member {
    float: left; }
    .top-bar ul.member li {
      border-right: 1px solid rgba(255, 255, 255, 0.5);
      padding-right: 8px;
      margin-right: 8px; }
      .top-bar ul.member li:last-child {
        border: 0; }
      .top-bar ul.member li a#subscription_settings:before {
        content: '';
        display: inline-block;
        background: url(292bcd3df2afeb226525d065daf5b9ff46efbec3.png)  no-repeat;
        height: 9px;
        width: 10px;
        margin-right: 3px; }
      .top-bar ul.member li span#logout a, .top-bar ul.member li span#to-admin a {
        margin-left: 8px; }
      .top-bar ul.member li a {
        font-size: 10px;
        text-transform: uppercase; }
  .top-bar .date-header {
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase;
    font-size: 10px;
    color: white; }
  .top-bar ul.member.logged-in + ul.social {
    right: 35%; }
  .top-bar ul.social {
    position: absolute;
    top: 10px;
    right: 40%;
    width: 70px; }
    .top-bar ul.social li {
      display: block;
      float: left; }
    .top-bar ul.social a {
      position: relative;
      background: url(e563b83cb818ee0877125ded474ed8b19d11fd79.png)  no-repeat; }
      .top-bar ul.social a.facebook {
        width: 9px;
        height: 26px;
        margin-right: 10px; }
      .top-bar ul.social a.twitter {
        top: 3px;
        background-position: -17px -3px;
        width: 20px;
        height: 26px;
        margin-right: 8px; }
      .top-bar ul.social a.google-plus {
        background-position: -42px 0px;
        width: 20px;
        height: 26px; }

.ir, .top-bar ul.social a {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  line-height: 0; }
  .ir br, .top-bar ul.social a br {
    display: none; }
