/*
    Document   : header
    Created on : Nov 7, 2013, 2:54:17 PM
    Author     : rgriffo
    Description: ND Slim Header
*/
/* Header */
#header {
  background: #044A6E;
  float: left;
  height: 48px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3200;
}

.fixed #header {
  position: absolute;
  top: 0;
}

#header strong {
  border-left: 1px solid #00324E;
  color: #FFFFFF;
  float: left;
  font-size: 18px;
  margin: 0 0 0 148px;
  padding: 12px 0 0 15px;
  height: 36px;
  color: #FFFFFF;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: 0 0 0.1em #000000;
}

#header strong span {
  display: inline;
  font-weight: 300;
}

#header strong {
  text-shadow: none;
}

.nav {
  float: right;
  font-size: 14px;
}

.nav a span, .nav a.share span, .nav a.comment span, .cptn span, .artPhoto span {
  background: url("img/sh-sprite.png");
  background-repeat: no-repeat;
}

.nav a, .nav a:focus {
  color: #fff;
  padding: 13px 18px 0;
  float: left;
  text-decoration: none;
}

.nav a span {
  background-position: -121px -11px;
  width: 10px;
  height: 12px;
  display: inline-block;
}

.nav a.share span {
  background-position: -3px -22px;
  width: 20px
}

.nav a.comment {
  display: block;
  position: relative;
  padding-left: 52px
}

.nav a.comment:hover span, .nav a.comment:hover i {
  color: #EFEFEF;
}

.nav a.comment span {
  background-position: -39px -13px;
  width: 41px;
  height: 28px;
  position: absolute;
  top: 9px;
  left: 0;
  text-align: center;
  padding: 4px 0 0;
  font-weight: bold;
}

.nav a.comment i {
  font-style: normal;
}

#logo {
  float: left;
  height: 17px;
  padding: 13px 14px 0 20px;
  width: 112px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3201;
}

.cptn span, .artPhoto span {
  background-position: 0 50px;
}

.fixed #header {
  position: fixed;
  width: 100%;
}

.nav a:hover {
  color: #8FCFFF;
  text-decoration: none;
}

.nav a.comment:hover {
  color: #00324E;
  text-decoration: none;
}

.share {
  border-left: 1px solid #00324E;
  height: 34px;
  margin: 0 0 0 14px;
}

.share:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#simpleShare {
  background-color: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #95ADC3;
  display: none;
  height: 33px !important;
  padding: 4px 1px 0 7px;
  position: absolute;
  right: 20px;
  top: 60px;
}

@media (max-width: 767px) {
  #header {
    margin: 0 -20px;
  }

  #header strong {
    display: none;
  }
}

@media (max-width: 430px) {
  #header .comment {
    display: none;
  }
}