
*
{
  border:0;
  font:inherit;
  font-size:100%;
  vertical-align:baseline;
  margin:0;
  padding:0;
  color: black;
  background-color: #ffffee;
  background-image: url("/images/vlyp-600x400.jpg");
  }

body
{
  font-family:'Asap', Futura, "Tw Cen Mt", "Gill Sans", sans-serif;
  font-size:17px;
  line-height:140%;
  color:#1d1313;
  /* max-width:700px; */
  max-width: 35em;
  margin:auto;
  }

p
{
  margin: 1ex 0;
  text-align: justfy;
  }

a img
{
  border:none;
  }

img
{
  margin: 10px auto 10px auto;
  max-width: 100%;
  display: block;
  filter: sepia(.9);
  transition: .5s all;
  transition-delay: .25s;
  }

img:hover
{
  filter: none;
  transition: .5s all;
  transition-delay: .25s;
  }

pre, code
{
  font: 12px Inconsolata, Consolas, "Liberation Mono", Menlo, monospace;
  background-color: #f7f7f7;
  }

code
{
  font-size: 12px;
  padding: 4px;
  }

pre
{
  margin-top: 0;
  margin-bottom: 16px;
  word-wrap: normal;
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  }

pre>code
{
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
  }

pre code
{
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
  }

pre code::before,
pre code::after
{
  content: normal;
  }

em,q,em,dfn
{
  font-style:italic;
  }

.sans,html .gist .gist-file .gist-meta
{
  font-family:'Asap', Futura, "Tw Cen Mt", "Gill Sans", sans-serif;
  font-display: fallback;
  }

.mono,pre,code,tt,p code,li code
{
  font-family:Inconsolata, Consolas,Menlo,Monaco,"Andale Mono","lucida console",monospace;
  font-display: fallback;
  }

.heading,.serif,h1,h2,h3
{
  font-family:"Old Standard TT",serif;
  font-display: fallback;
  }

strong
{
  font-weight:600;
  }

q:before
{
  content:"\201C";
  }

q:after
{
  content:"\201D";
  }

del,s
{
  text-decoration:line-through;
  }

blockquote
{
  font-family:"Old Standard TT",serif;
  font-display: fallback;
  text-align:center;
  padding:50px;
  }

blockquote p
{
  display:inline-block;
  font-style:italic;
  }

blockquote:before,blockquote:after
{
  font-family:"Old Standard TT",serif;
  font-display: fallback;
  content:'\201C';
  font-size:35px;
  color:#403c3b;
  }

blockquote:after
{
  content:'\201D';
  }

hr
{
  width:40%;
  height: 1px;
  background:#403c3b;
  margin: 25px auto;
  }

h1
{
  font-size:35px;
  }

h2
{
  font-size:28px;
  }

h3
{
  font-size:19px;
  margin-top:18px;
  }

h1 a,h2 a,h3 a
{
  text-decoration: underline dotted;
  }

h1,h2
{
  margin-top:28px;
  }

#sub-header, time
{
  color:#403c3b;
  font-size:13px;
  }

#sub-header
{
  margin: 0 4px;
  }

#sub-header p
{
  margin: 0;
  }

#nav h1 a
{
  font-size:35px;
  color:#1d1313;
  line-height:120%;
  }

.posts_listing a,#nav a
{
  text-decoration: none;
  }

li
{
  margin-left: 20px;
  }

ul li
{
  margin-left: 5px;
  }

ul li
{
  list-style-type: none;
  }
ul li:before
{
  content:"❧ ";
  }

ul li ul li
{
    margin-left: 20px;
}

ul li ul li ul li
{
    margin-left: 35px;
}

#nav ul li:before, .posts_listing li:before
{
  content:'';
  margin-right:0;
  }

#content
{
  text-align:left;
  width:100%;
  font-size:15px;
  padding:60px 0 20px;
  }

#content p
{
  text-align: justify;
  }

#content h1,#content h2
{
  margin-bottom:5px;
  }

#content h2
{
  font-size:25px;
  }

#content .entry-content
{
  margin-top:15px;
  }

#content time
{
  margin-left:3px;
  }

#content h1
{
  font-size:30px;
  }

#list
{
  text-align:left;
  width:100%;
  font-size:15px;
  padding: 0;
  }

#list h1,#list h2
{
  margin-bottom:5px;
  }

#list h2
{
  font-size:25px;
  }

#list .entry-list
{
  margin-top:15px;
  }

#list time
{
  margin-left:3px;
  }

#list h1
{
  font-size:30px;
  }

.highlight
{
  margin: 10px 0;
  }

.posts_listing
{
  margin:0 0 50px;
  }

.posts_listing li
{
  margin:0 0 25px 15px;
  }

.posts_listing li a:hover,#nav a:hover
{
  text-decoration: underline;
  }

#nav
{
  text-align:center;
  position:static;
  margin-top:60px;
  }

#nav ul
{
  display: table;
  margin: 8px auto 0 auto;
  }

#nav li
{
  list-style-type:none;
  display:table-cell;
  font-size:15px;
  padding: 0 20px;
  }

#links
{
  margin: 50px 0 0 0;
  }

#links :nth-child(2)
{
  float:right;
  }

#not-found
{
  text-align: center;
  }

#not-found a
{
  font-family:"Old Standard TT",serif;
  font-display: fallback;
  font-size: 200px;
  text-decoration: none;
  display: inline-block;
  padding-top: 225px;
  }

.float-left
{
    float: left;
}

.inline-image
{
    float: left;
    max-width: 15em;
    margin: 1em;
}

.no-filter
{
    filter: none;
}

@media (max-width: 750px)
{
  body
  {
    padding-left:20px;
    padding-right:20px;
    }

  #nav h1 a
  {
    font-size:28px;
    }

  #nav li
  {
    font-size:13px;
    padding: 0 15px;
    }

  #content
  {
    margin-top:0;
    padding-top:50px;
    font-size:14px;
    }

  #content h1
  {
    font-size:25px;
    }

  #content h2
  {
    font-size:22px;
    }

  .posts_listing li div
  {
    font-size:12px;
    }
}

@media (max-width: 400px)
{
  body
  {
    padding-left:20px;
    padding-right:20px;
    }

  #nav h1 a
  {
    font-size:22px;
    }

  #nav li
  {
    font-size:12px;
    padding: 0 10px;
    }

  #content
  {
    margin-top:0;
    padding-top:20px;
    font-size:12px;
    }

  #content h1
  {
    font-size:20px;
    }

  #content h2
  {
    font-size:18px;
    }

  .posts_listing li div
  {
      font-size:12px;
  }
}

