/*
 * Design Reference
 *
 *  https://prog21.dadgum.com/
 *  http://bettermotherfuckingwebsite.com/ 
 */

body {
  font-family:verdana,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background: #eee; 
  margin: 0;
  padding: 0;
}

.site-banner {
  background: rgb(248,248,248);
  padding-left: 15px;
  padding-right: 15px;
  line-height: 32px;
  box-shadow: 0 0 5px rgba(17,17,17,.06);
  height:32px;
}

div.content {
  padding: 1em 0 1em 0;
  max-width: 40em;
	margin: 1em auto 2em auto;
	line-height: 160%;
  font-size: 12pt;
}

ul.toc {
  list-style-type: none;
}

li.toc-level-2 {
    padding-left: 2em;
}
li.toc-level-3 {
    padding-left: 3em;
}

ul.earlier-posts {
  padding-left: 0;
}

ul.earlier-posts li {
  list-style: none;
}

div.title {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 120%;
}

h1,h2,h3 {
  line-height:120%;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }


pre, code {
   font-family: "Lucida Console", Monaco, monospace;
}

pre.wrap {
    white-space:pre-wrap;
}
.smalltext {
    font-size: 0.8em;
}
.post-date {
  margin-bottom: 1em;
  color: #666;
}

.post-title.small {
  font-size: 14pt;
  margin: 1em auto .2em auto;
  font-weight: bold;
  max-width: 500pt;
}

.article-separator {
  color: #666;
  margin: 1em;
}

blockquote {
  font-size: 12pt;
  font-style:italic;
}

a {
  color: #00a;
  text-decoration: none;
}

h1 a {
    color: #000;
}

a:hover {
 color: #00f;
}

ol#footnote-list {
	margin-top: 2em;
	border-top: solid 1px gray;
	padding-top: 1em;
}

code {
  font-size: 0.9em;
  background: #ddd;
  padding: 4px 2px;
}

pre code {
    padding: 0;
    background: none;
}


.list-date {
  font-family: "Lucida Console", Monaco, monospace;
  min-width: 105px;
  max-width: 120px;
  text-align:left;
}

.posts-list tr:hover {
  background: #dcdcdc;
}

/* ------------------------------------------------- */

@media screen and (max-width : 800px) {
	.site-banner {
		font-size: 12pt;
	}
	div.content {
		padding-left: 8px;
		padding-right: 8px;
	}
	pre.verbatim {
		overflow: scroll;
		font-size: 0.8em;
	  	line-height: 1.2em;
	}
}

  span.tagline {
 /*   display: none; */
  }

@media screen and (min-width : 640px) {
  span.tagline {
    display: inline;
  }
}

img.list-image {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

hr {
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
}

ul.nav {
  display: inline;
  list-style: none;

}

ul.nav li {
  float: left;
  display: block;
  margin-right: 2em;
}

.full-width {
   width: 100%;
}

img.fill {
  display: block;
  width: 100%;
  border-radius: 10px;
}

img.center {
  margin-left: auto;
  margin-right: auto;
  display:block;
}

.openleft {
  float:left;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.openright {
  float:right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}

img.appicon {
  width: 57px;
   height: 57px;
   border-radius: 8px;
}

#disqus_thread {
  padding-left: 15px;
  padding-right: 15px;
}