* {
      box-sizing:border-box;
  }
  html {
      display:block; 
      background-image: url('/media/images/bg.jpg');
      line-height:1.4em;
      margin:0;
      font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  }
  body {
      background:rgba(255,255,255,0.45);
      margin-right:auto; 
      margin-left:auto;
      overflow-y:scroll;
      padding:40px;
      margin-top:0;
      -moz-box-shadow: 0 0 1em #444;
      -webkit-box-shadow: 0 0 1em #444;
      box-shadow: 0 0 1em #444;
  }
  #query {
      border-right:0;
  }
  @media(min-width:780px) {
    body { width: 780px }
  }
  form {
      text-align:right;
  }
  input {
      border:1px solid #555;
      margin:0;
  }
  a {
      color:#555;
      text-decoration:none;
  }
  a.pinboard-link {
      font-weight: bold;
      font-size:1.2em;
      color:#444;
      line-height:1.4em;
      display:block;
      padding:0;
      padding-bottom:5px;
  }
  p.pinboard-extended{
      white-space:pre-wrap;
      margin: 1.75em 0 0 0;
      clear:both;
      color:#545454;
  }
  li.pinboard-post{
      margin-bottom:40px;
  }
  .pinboard-posts {
     margin-top:30px;
  }
  .pinboard-posts ul {
      list-style-type:none; margin: 0; padding: 0;
  }
  .meta {
      color:#555;
  }
  .meta time {
      display:block;
      float:left;
      margin:0;
  }
  ul.pinboard-tags {
      float:right;
  }
  ul.pinboard-tags li {
      display: inline
  }
  a.pinboard-tag:before {
      content: "/ ";
  }
  ul.pinboard-tags li:first-child a:before {
      content: "";
  }
  @media(max-width:780px) {
    ul.pinboard-tags { display: none; }
  }