/*
Dark Red: #c80000
Dark Blue: #255c99
Light Blue: #7ea3cc
Black: #020202
Washed Yellow: #fff8f0

grey: rgba(160,160,160,.3)

*/

@font-face {
  font-family: "glacial";
  src: url("/https/dogheadbone.com/fonts/GlacialIndifference-Regular.woff") format('woff');
}

@font-face {
    font-family: "glacial";
    src: url("/https/dogheadbone.com/fonts/GlacialIndifference-Bold.woff") format('woff');
    font-weight: bold;
}

body, input, select, textarea {
  color: #020202;
  background: #fff8f0;
  font-family: source sans pro, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

body {
  background-image: url("/https/dogheadbone.com/img/main/dhb-logo-bg-transparent.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  body {
    background-size: contain;
  }
}

h1, h2, h3, h4, h5, h6 {
    color: #c80000;
    font-family: glacial, Impact, Charcoal, sans-serif;
    letter-spacing: .1em;
}

div.title p {
  color: #7ea3cc;
}

div.title a {
  color: #c80000;
}

a {
  color: #255c99;
}

a:hover {
  color: #7ea3cc;
}

.button {
  font-family: glacial, Impact, Charcoal, sans-serif;
  background-color: #fff;
  border: solid 1px #255c99;
}

.button:hover {
    border: solid 1px #fff;
    background-color: #255c99;
    color: #fff !important;
}

.button:active {
    background-color: #fff;
}

#site-intro a.button {
  border: solid 1px #255c99;
}

@media only screen and (max-width: 1000px) {
  #title-icon {
    display: none;
    margin: 0;
    padding: 0;
  }
}

#title-icon {
  font-size: 6em;
  color: rgba(160,160,160,.3);
  text-align: center;
}

span.standalone-pre {
  float: left;
}

.post {
  border: solid 1px rgba(160,160,160,.3);
  box-shadow: 0 2px 4px rgba(0,0,0,.19), 0 2px 4px rgba(0,0,0,.23);
  margin-left: 0.4em;
  margin-right: 0.5em;
}

.post header, .post > header .meta {
  font-family: glacial, Impact, Charcoal, sans-serif;
}

.post > header .meta p, .post > header .meta .author, .post > header .meta .format {
  color: #7ea3cc;
}

.post > header .meta .published {
  color: #7ea3cc;
}

.post > header .title p {
  color: #020202;
}

.post p img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.socnet-icons a {
  color: #255c99;
}

.socnet-icons a:hover {
  color: #7ea3cc;
}

#site-header {
  background-color: #255c99;
  border-color: #255c99;
}

#site-header a {
  color: #7ea3cc;
}

#site-header a:hover {
  color: #fff;
}

#site-header h1 a {
  color: #fff;
}

#site-intro main p {
  font-weight: 800;
  text-transform: uppercase;
}

#site-footer {
  font-family: glacial, Impact, Charcoal, sans-serif;
}

#recent-posts .mini-post time.published {
  font-family: glacial, Impact, Charcoal, sans-serif;
}

#site-nav .flyout-menu.active a:hover {
  color: #255c99;
}

#standalone-quote {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 3em;
}

.contact-container {
  margin-bottom: 3em;
}

img.image.standalone {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

a.image.featured img
{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

a.image.featured:hover img {
  -webkit-filter: none;
  filter: none;
}

blockquote.standalone {
  color: #c80000;
  border-left: none;
  font-weight: bold;
  padding-left: 0;
  margin-top: -6em;
}