::selection {
  background:#d02e54;
  color:#fff;
}

body hr {
    display: none;
}

a {
    color: #d02e54;
}

h1, h2, h3, h4, h5, h6 {
    color: #d02e54;
}

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 40px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; }

.code .highlight {
  background: transparent;
}

ul.pagination li a {
  color: #d02e54;
}

ul.pagination li.unavailable a {
  color: #555;
}

.row {
    width: 1140px;
}

#introduction .bigger {
  
}

#header {
    width: 100%;
    height: 74px;
}


#logo {
    margin-top: 12px;
    height: 40px;
    width: 140px;
    background: url('../images/logo.png') no-repeat;
}

#logo:hover {
    background-position: 0 -40px;
}

nav.top-bar {
    width: 100%;
    background: #242424;
    margin: 0;
}

nav.top-bar li a {
    font-family: 'Tungsten', arial;
    text-transform: uppercase;
    font-size: 24px !important;
    text-shadow: -1px -1px 0 #000;
}

.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: none; }
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #d02e54; }

#content {
  margin-top: 20px;
}

#introduction span {
  color: #d02e54;
}

#introduction div {
  font-size: 52px;
  font-family: 'BebasNeueRegular', Arial;
  padding: 5px;
}

#introduction .smaller {
  font-size: 38px;
}

#introduction .bigger {
  font-size: 72px;
}


/* 

h1{font-size:44px}h2{font-size:37px}h3{font-size:27px}h4{font-size:23px}h5{font-size:17px}
*/

.post {
  margin: 14px 0 14px 0;
}

.post h4 {
  margin: 0 0 4px 0;
}

.post .date {
  display: block;
  float: left;
  width: 50px;
}

.post .date span {
  display: block;
  text-align: center;
}

.post .date .day {
  font-size: 18pt;
  line-height: 14pt;
  font-weight: bold;
}

.post .date .month {
  font-weight: bold;
  font-size: 12pt;
  line-height: 12pt;
}

.post .date .year {
  line-height: 9pt;
}

.post .tags {
  font-size: 75%;
}

.post .entry {
  padding-left: 50px;
  display: block;
  clear: left;
}

.top-bar {

}

/* -----------------------------------------
  DARK THEME
----------------------------------------- */

body.dark {
    background: #272727;
    color: white;
}

body.dark hr {
    display: block;
    margin: 0;
    padding: 0;
    background: #1a1a1a;
    border: 0;
    height: 2px;
    border-bottom: 1px solid #2a2a2a;
}

body.dark #header {
    background: #222222;
}

body.dark #header #logo {
    background-image: url('../images/logo-dark.png');
}

body.dark .button {
    background: #4b4a47; /* Old browsers */
    background: -moz-linear-gradient(top,  #4b4a47 0%, #3b3b38 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4a47), color-stop(100%,#3b3b38)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4b4a47 0%,#3b3b38 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4b4a47 0%,#3b3b38 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4b4a47 0%,#3b3b38 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4b4a47 0%,#3b3b38 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4a47', endColorstr='#3b3b38',GradientType=0 ); /* IE6-9 */

    display:block;
    width:auto;
    padding:5px 15px 5  px 15px;
    border:1px solid #111;
    box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    border-radius:3px;
    background-clip:padding-box;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    color:#fff;
    text-shadow:0px 1px 0px #000;
    text-decoration:none;
    position:relative;
}

body.dark .button:hover {
    color: #ccc;
}

body.dark .button:active {
    color: #aaa;
    box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.6);
}

body.dark pre code {
  background: #222;
}

body.dark label {
  color: #ccc;
}

body.dark .panel { 
  background: #333;
  border-color: #444;
}

/* -----------------------------------------
   BLOG
----------------------------------------- */

/* -----------------------------------------
   PORTFOLIO
----------------------------------------- */

#portfolio .item {
  display: block;
  width: 440px;
  margin: 10px auto;
  height: 180px;
}

#portfolio .item a {
  position: absolute;
  line-height: 30px;
  top: 50%;
  margin-top: -15px;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  text-shadow: 0 1px 0px black;
  padding: 5px 0 5px 0;
  background: rgba(255, 255, 255, 0.8);
}

#portfolio .item .overlay {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
}

#portfolio .item:hover {
  background-position: 0px -180px !important;
}

#portfolio .item:hover .overlay {
  display: block;
}

#portfolio .overlay .background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}

#portfolio .six.columns {
  min-width: 440px;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.8);
    text-align:center;
}

#lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:90%;
    margin-top: 50px;
}

/* -----------------------------------------
   JSON Prettifier: /http/json/
----------------------------------------- */

#json-controls {
  line-height: 40px;
  margin: 0 0 10px 0;
}

#json-prettifier label {
  display: inline;
}

#json-indentation {
  width: 26px;
  margin: 0;
  padding: 3px;
  position: relative;
  display: inline;
}

#json-prettifier #json-input {
  height: 400px;
}

#json-prettifier #json-response {
  margin-top: 20px;
}

#sidebar ul {
  list-style: none;
}