@font-face
{
  font-family: lg;
  src: url(lg.ttf);
}
@font-face
{
  font-family: lgb;
  src: url(lgb.ttf);
}

body {
  font-size:12px;
  line-height:1.8em;
  letter-spacing: 0.02em;
}
h1, h2, h3 {
  text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
  font-family:lg;
  /*font-size: 1em;*/
  color:#000;
  font-weight:normal;
  margin: 1em 0;
  border:0;
}
/*h1 {
  margin:0em 0 1em 0;
  line-height:1em;
  font-size:2em;
  font-weight:normal;
}
h1 a {
  text-decoration:none;
}*/
h1, h2 {
  margin:3em 0 2em 0;
  font-size:1.5em;
  color: #aaa;
}
.post h2::before, .post h2::after
{
  /*content:" ---- ";*/
}
.site > h1 {
  margin:0.105em 0;
}
.site > h2 {
  margin:2em 0;
}
h3:first-child,
h2:first-child {
  margin-top:0;
}
h3 {
  font-size:1em;
  margin-bottom:0em;
  color:#999;
  font-weight:normal;
}



p { margin: 1em 0; }

a {
  color: #000;
  font-weight:bold;
    text-decoration:none;
}
a:hover   {
  color: #aaa;
  text-decoration:none;
}
/*a:visited { color: #000; }*/

blockquote {
  padding:2em;
  line-height:2em;
  font-style: italic;
}

p { text-align:left; }

header {
  margin-bottom:2em;
  position:absolute;
  top: 2em;
  left: 1em;
}

ul.thumbs {
  display: flex;
  flex-wrap: wrap;
}

ul.thumbs, ul.thumbs li {
  margin:0;
  list-style-type:none;
  padding:0;
}
ul.thumbs li {
  width:200px;  
  margin:1em;
}
ul.thumbs .img {
  background:#444;
  min-width:100px;
  min-height:100px;
  display:inline-block;
  line-height:0;
  padding:0;
  margin:0;
}
/*
.thumbs li {
  display:inline-block;
}
.thumbs li > a {
  display:block;
  text-decoration: none;
  margin-top:0.5em;
}
.thumb {
  width:460px;
  height:200px;
  background:#000;
  overflow:hidden;
  text-align:center;
}

.img {
  line-height:0;
  display:inline-block;
  min-width:100px;
  min-height:100px;
  background:#aaa;
}
*/


.posts {
  margin:0;
  padding:0;
  list-style-type: none;
  margin-bottom: 4em;
}
.posts h1 {
}
.posts h2 {
  margin:0;
  padding:0;
  }
.posts .date {
  margin-top:2em;
  margin-bottom:1em;
}

ul.index {
  margin:0;
  padding:0;
  list-style-type: none;
  margin-top:0.5em !important;
  padding-top:0.5em !important;
}
ul.index .date {
  position:relative;
}
ul.index .date:first-child {
  margin-top:0;
}
ul.index li {
}
.btp {
  display:none;
  position:fixed;
  bottom:1em;
  left:1em;
}

.archive-sort {
}
.archive-sort a {
  text-decoration: underline;
}


/*****************************************************************************/
/*
/* Site
/*
/*****************************************************************************/

.site {
  margin: 0em 0 5em 22em;
  padding: 0 0 0 0em;
  max-width: 800px;
  position:absolute;
  top:1em;
}
/*@media (max-width: 800px) {
  .site {
    padding:0;
    margin: 13em 0 2em 0;
  }
}*/


.footer {
  text-align:center;
  color: #999;
  margin: 6em 0 2em 0;
}

.home {
  position:absolute;
  top:24px;
  left:12px;
  margin: 0;
  padding: 0;
}
.home a {

}
.nav {
  position:absolute;
  top:1em;
  left:1em;
  display:block;
  height:2em;
  font-size:1.0em;
  font-weight:bold;
}
.nav ul {
  text-transform: uppercase;
  font-family:lg;
  line-height:1.4em;
}
.nav ul, .nav li {
  margin:0;
  padding:0;
  list-style-type:none;
}
.nav h2 {
  margin-bottom:0.1em;
}
.nav h3.header {
}
.nav h3.header a {
  color:#999;
}
.nav a {
  
}
.nav .indent {
  padding-left:0.5em;
}





/* Posts */
.post {
  padding-bottom:3em;
  margin-bottom:3em;
}
.post pre {
  /*border: 1px solid #ddd;*/
  padding: 0 .4em;
  background-color:#fff;
}
.post ul, .post ol {
  margin-left: 1.35em;
}
.post pre {
  background-color: #eee;
  padding:1em;
}
.post a {
  text-decoration: underline;
}
.post p img {
  max-width:800px;
  margin:2em 0;
  display: block;
}
/* code */
.post code {
  /*border: 1px solid #ddd;*/
  color:#000;
  padding: .2em .4em;
  border-radius:0.2em;
}
.post pre code {
  border: none;
}
.post pre.terminal {
  /*border: 1px solid #000;*/
  background-color: #333;
  color: #FFF;
}
.post pre.terminal code {
  background-color: #333;
}

.pagination {
  text-align:center;
  margin-bottom:4em;
}