/*
 * Tarski theme CSS — faithful reproduction for Hugo static site.
 * Based on the original Tarski 2.6 WordPress theme by Benedict Eastaugh
 * and Chris Sternal-Johnson, released under GPL.
 */

/* Reset */
html, body, form, fieldset { margin: 0; padding: 0; }

/* Main structure */
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 76%;
  line-height: 120%;
  color: #404040;
  background: #fff;
  min-width: 760px;
  text-align: left;
}
#wrapper {
  width: 760px;
  margin: 0 auto;
  text-align: left;
}
#header, #content { margin-bottom: 2em; padding-left: 20px; padding-right: 20px; }
#footer, #theme-info, #footer-include { clear: both; }

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Header */
#header-image { overflow: hidden; margin: 0 0 -20px 0; }
#header-image img { width: 100%; display: block; }
#title { margin: 20px 0 -20px; border-bottom: 1px solid #ccc; }
#navigation { margin: 20px 0 0 0; border-bottom: 1px solid #ccc; }

/* Blog title & tagline */
#blog-title {
  font-family: 'Times New Roman', Times, serif;
  font-size: 2.5em;
  font-weight: normal;
  margin: 0;
  border: none;
  padding: 0;
  line-height: 120%;
}
#blog-title a { text-decoration: none; color: #404040; }
#blog-title a:hover { color: #a8001c; }
#tagline {
  font-family: 'Times New Roman', Times, serif;
  font-size: 1.5em;
  font-weight: normal;
  font-style: italic;
  color: #808080;
  margin: 0.1em 0 0.3em 0;
  border: none;
  padding: 0;
  line-height: 120%;
}

/* Navigation */
#navigation ul.primary { list-style: none; margin: 0; padding: 0.5em 0; }
#navigation ul.primary li { display: inline; margin: 0 1em 0 0; }
#navigation div.secondary { padding: 0.5em 0; }
#navigation div.secondary p { margin: 0; }

#wrapper .nav-current:link, #wrapper .nav-current:visited, #wrapper .nav-current:active { color: #8fbf60; }
#wrapper .nav-current:hover { color: #a8001c; }

.feed { display: block; float: left; padding: 1px 0 1px 20px; min-height: 15px; font-size: 0.8em; background: url('/images/icons.png') no-repeat 0 1px; }

/* Layout: 2 columns */
.primary { width: 500px; float: right; }
.secondary { width: 200px; float: left; }

/* Content */
p { margin: 0 0 1em 0; }
blockquote { margin: 0 0 1em 0; padding: 0 30px; color: #808080; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.8em; }
hr { width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0; }
pre, code, tt { font-family: 'Courier', 'Courier New', monospace; font-size: 1em; line-height: 1.8; color: #4d4d4d; }
pre { margin: 0 0 1em 0; border: 1px solid #e5e5e5; padding: 0.5em 1em; white-space: pre-wrap; overflow: hidden; background: #fafafa; }
code, tt { background: #efefef; }
pre code, pre tt { background: none; }
html > body code, html > body tt, html > body pre { font-size: 12px; }
ul, ol { margin: 0 0 1em 15px; padding: 0; }
ul { list-style: disc; }
li { margin: 0 0 0.25em 0; }

/* Content text */
.content p { line-height: 1.4; }
.content li { line-height: 1.4; }

/* Headers */
h1, .entry .title {
  font-family: 'Times New Roman', Times, serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 120%;
  margin: 0;
  border-bottom: 1px solid #ccc;
  padding: 0 0 0.1em 0;
}
h2 {
  font-family: 'Times New Roman', Times, serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 120%;
  margin: 0 0 0.5em 0;
}
h3 {
  font-size: 0.8em;
  font-weight: normal;
  color: #8fbf60;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 0.4em 0;
}
h4 {
  font-family: 'Times New Roman', Times, serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 120%;
  margin: 0 0 0.3em 0;
}

/* Article navigation (prev/next) */
.articlenav { margin: 0 0 2em 0; border-bottom: 1px solid #e5e5e5; padding-top: 0.75em; padding-bottom: 0.75em; background: #fcffff; color: #808080; }
.articlenav .prev-entry { font-size: 0.8em; }
.articlenav .next-entry { font-size: 0.8em; float: right; }

/* Post content */
.entry { margin: 0 0 2em 0; clear: both; }
.posts .entry { margin: 0 0 4em 0; }
.entry .meta { margin: 0 0 1em 0; }
.entry .metadata { font-size: 0.8em; color: #808080; margin: 0; padding: 0; }
.entry .meta .metadata { margin: 0; padding: 0.3em 0 0 0; }

/* Pagination */
.pagination {
  margin: 0;
  font-family: 'Times New Roman', Times, serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 120%;
  color: #808080;
  clear: both;
}

/* Images */
.content img {
  max-width: 100%;
  height: auto;
}
a img { border: 1px solid #006a80; }
a:hover img { border: 1px solid #a8001c; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
.aligncenter { display: block; text-align: center; margin: 0 auto 1em auto; }

/* Tags */
.tagdata { font-size: 0.8em; color: #808080; clear: both; }
.tagcloud a { margin: 0 2px 0 0; }

/* Comments */
#comments { clear: both; margin: 0; padding: 0; }
.comment-wrapper { padding: 0.66em 0; }
.comment-meta { margin: 0; float: left; font-size: 0.8em; color: #808080; }
.avatar-link { display: block; float: right; margin: 0 0 10px 10px; }
.avatar, .comment a .avatar {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #ccc;
  padding: 4px;
  background: #fcfcfc;
}
.comment .avatar-link .avatar { float: none; margin: 0; }
.comment-author { font-weight: bold; color: #404040; }
.comment-content { clear: left; padding-top: 0.8em; }
p.pingdata { margin: 0; font-size: 0.8em; color: #808080; }

/* Static comments section (migrated) */
.comments-section { margin-top: 2em; padding-top: 0.66em; border-top: 1px solid #ccc; }
.comments-title {
  font-family: 'Times New Roman', Times, serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 120%;
  margin: 0 0 0.1em 0;
  border-bottom: 1px solid #ccc;
  padding: 0 0 0.1em 0;
  width: 100%;
}
.comments-list { margin: 0; padding: 0; }
.comment-item { padding: 0.66em 0; border-top: 1px solid #ccc; overflow: hidden; }
.comment-item:first-child { border-top: none; }
.comment-item .comment-avatar {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #ccc;
  padding: 4px;
  background: #fcfcfc;
}
.comment-item .comment-meta { margin: 0; float: left; font-size: 0.8em; color: #808080; border: none; }
.comment-item .comment-author { font-weight: bold; color: #404040; }
.comment-item .comment-author a { color: #404040; text-decoration: none; }
.comment-item .comment-author a:hover { color: #a8001c; }
.comment-item .comment-date { color: #808080; }
.comment-item .comment-body { clear: left; padding-top: 0.8em; }
.comment-item .comment-body p { line-height: 1.4; }
.comment-item.pingback { padding: 0.5em 0; }
.comment-item.pingback .pingback-text { margin: 0; font-size: 0.8em; color: #808080; }

/* Links */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #006a80; }
a:hover { color: #a8001c; }
.content a:link, .content a:active, .content a:visited { border-bottom: 1px solid #cfe2e5; }
.content a:hover { border-bottom: 1px solid #e5cfd2; }
#wrapper .content h2 a:link, #wrapper .content h2 a:visited, #wrapper .content h2 a:hover, #wrapper .content h2 a:active { border: none; }

/* Sidebar widgets */
.widget { margin: 0 0 2em 0; }
.widget ul { margin: 0; list-style: none; }
.widget ul li { margin: 0.5em 0; }
.widget ul ul { margin-left: 15px; }
.widget_tag_cloud { line-height: 1.2; }
.widget_tag_cloud a { margin: 0 2px 0 0; }

/* Recent Comments widget */
#recentcomments { list-style: none; margin: 0; }
#recentcomments li { margin: 0 0 0.5em 0; }
.recentcomments .comment-author-link { font-weight: bold; }

/* Footer */
#footer { margin: 0 20px; border-top: 3px double #ccc; padding: 1em 0 0 0; }
#theme-info { margin: 0.5em 0 0 0; border-top: 3px double #ccc; padding: 1em 0 0.5em 0; color: #808080; }

/* Search */
.searchbox { width: 200px; margin: 0 0 1em 0; }
#s { display: block; width: 194px; margin: 0 0 0.6em 0; border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #404040; }
#s:focus { background: #fff; }
input[type=submit] { border: 1px solid #ccc; padding: 2px 10px; border-radius: 10px; background: #f5f5f5; color: #404040; cursor: pointer; }
input[type=submit]:hover { border-color: #666; }