/*
Theme Name: Adam's Theme
Theme URI: https://adamj.eu
Description: Adam's Blogazine
Author: Adam Johnson
Author URI: https://adamj.eu
Version: 1
*/
/*fonts*/
@import url(https://fonts.googleapis.com/css?family=Signika:600,300);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
/* Resets */
@media screen {
  * {
    margin: 0;
    padding: 0; }

  .clear {
    clear: both; }

  /* Clearfix = .group */
  .group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

  * html .group, *:first-child + html .group {
    zoom: 1; }

  /* First selector = IE6, Second Selector = IE 7 */
  h1, h2, h3 {
    font-weight: normal;
    margin: 0 0 10px 0; }

  p {
    margin: 0 0 10px 0; }

  ul, ol {
    margin: 0 0 10px 0; }
}
/* END screen media */
/* Actual Styles */
/*
  In-article references
*/
#post-container div.references {
  width: 580px;
  margin: 10px auto;
  background: white;
  border: 1px solid #333;
  border-radius: 20px;
  box-shadow: inset -2px -2px 10px #888;
  color: #333;
  padding: 15px; }
  #post-container div.references, #post-container div.references h2 {
    font-family: 'Signika', sans-serif; }
  #post-container div.references .references-container {
    overflow-y: auto;
    max-height: 400px; }
  #post-container div.references h2 {
    color: #888;
    text-align: left;
    text-shadow: none;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 0 55px; }
  #post-container div.references div.reference {
    margin: 2px;
    padding: 10px;
    /*  border:1px solid #aaa;*/
    border-radius: 6px;
    clear: both; }
    #post-container div.references div.reference div.leftpart {
      width: 124px;
      float: left; }
    #post-container div.references div.reference div.rightpart {
      width: 412px;
      float: left; }
    #post-container div.references div.reference div.number {
      font-size: 30px;
      font-weight: 600;
      color: #ccc;
      width: 40px;
      text-align: right;
      float: left; }
    #post-container div.references div.reference img.cover {
      margin: 5px;
      padding: 5px;
      width: 60px;
      float: left;
      border: 2px solid #aaa;
      border-radius: 5px; }
      #post-container div.references div.reference img.cover:hover {
        border-color: #aaf; }
    #post-container div.references div.reference div.topline {
      font-size: 20px;
      font-weight: 600;
      color: #aaa;
      padding: 0 0 5px 0; }
      #post-container div.references div.reference div.topline a.title, #post-container div.references div.reference div.topline span.author {
        font-weight: bold;
        color: #333; }
      #post-container div.references div.reference div.topline a.title {
        text-decoration: underline;
        color: #136; }
        #post-container div.references div.reference div.topline a.title:hover, #post-container div.references div.reference div.topline a.title:focus {
          color: #13b; }
    #post-container div.references div.reference p.description {
      line-height: 1.5em;
      font-size: 15px;
      margin: 0; }

#post-container a.reference-link {
  color: #136;
  font-weight: bold !important;
  text-decoration: underline !important;
  padding: 0 2px !important;
  font-family: 'Signika', sans-serif !important; }

/*
  Article footers
*/
#footer {
  position: relative;
  width: 100%;
  background: black top left repeat;
  background-image: url("../img/rebel.png");
  background-size: 320px;
  border-top: 6px double white;
  padding: 40px 0 20px 0;
  color: white;
  font-family: 'Signika', sans-serif;
  font-size: 18px;

  /*
    Information columns
  */ }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #footer {
      background-image: url("../img/rebel@2x.png"); } }
  #footer .nav-link {
    height: 20px;
    background: white;
    position: absolute;
    top: 2px;
    padding: 4px 10px;
    text-align: left;
    font-size: 16px;
    color: black;
    transition: background-color 0.5s ease-out; }
    #footer .nav-link:hover {
      background-color: #dadae3; }
    #footer .nav-link a {
      color: black;
      text-decoration: none;
      font-weight: bold; }
      #footer .nav-link a:hover, #footer .nav-link a:focus {
        text-decoration: underline; }
    #footer .nav-link.previous {
      text-align: left;
      left: 0;
      border-radius: 0 0 5px 0; }
    #footer .nav-link.home {
      width: 101px;
      left: 50%;
      margin-left: -50px;
      border-radius: 0 0 5px 5px; }
    #footer .nav-link.next {
      text-align: right;
      right: 0;
      border-radius: 0 0 0 5px; }
  #footer #footer-columns {
    width: 800px;
    margin: 20px auto; }
  #footer .footer-column {
    width: 360px;
    float: left;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px; }
  #footer #footer-column-right {
    margin-left: 40px; }
  #footer .footer-column p {
    text-align: justify;
    padding: 0.3em 0;
    line-height: 160%;
    word-spacing: 0.25em; }
  #footer .footer-column a {
    text-decoration: none;
    color: #747796;
    font-weight: 600; }
  #footer .footer-column a:hover, #footer #footer .footer-column a:focus {
    text-decoration: underline; }
  #footer .footer-column strong {
    font-weight: 600;
    color: #747796; }