/*
Theme Name: GDoS
Author: David P. Kendal
Description: GDoS blog theme. I hate WordPress.
Version: 1.0
*/
@import url('reset.css');

@font-face {
  font-family: 'Libertine';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/Libertine-R.woff') format('woff');
}
@font-face {
  font-family: 'Libertine';
  font-weight: normal;
  font-style: italic;
  src: url('fonts/Libertine-I.woff') format('woff');
}
@font-face {
  font-family: 'Libertine';
  font-weight: bold;
  font-style: italic;
  src: url('fonts/Libertine-BI.woff') format('woff');
}
@font-face {
  font-family: 'Libertine';
  font-weight: bold;
  font-style: normal;
  src: url('fonts/Libertine-B.woff') format('woff');
}
@font-face {
  font-family: 'Libertine';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/Libertine-S.woff') format('woff');
}
@font-face {
  font-family: 'Libertine';
  font-weight: 600;
  font-style: italic;
  src: url('fonts/Libertine-SI.woff') format('woff');
}
@font-face {
  font-family: 'Libertine SC';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/LibertineSC-R.woff') format('woff');
}
@font-face {
  font-family: 'Libertine SC';
  font-weight: normal;
  font-style: italic;
  src: url('fonts/LibertineSC-I.woff') format('woff');
}

html {
  background-color: rgb(73,137,70);
  color: #e8e8e8;
  font-family: 'Libertine';
  font-size: 16px;
  line-height: 24px;
}

body {
}

body > header {
  padding: 24px;
}

body > header h1 {
  font-weight: normal;
  font-size: 48px;
  line-height: 72px;
}

body > header nav {
  float: right;
}

body > header nav a:link, body > header nav a:visited {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}
body > header nav a:hover, body > header nav a:active {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}

body > main {
  background-color: #ddd;
  color: #444;
  display: table;
  width: 100%;
}

article.post {
  display: table-row;
}

article.post > .postinfo {
  width: 25%;
  text-align: right;
  display: table-cell;
  padding-right: 24px;
}
article.post > main {
  background-color: #fff;
  width: 75%;
  padding: 24px;
  display: table-cell;
}

article.post > main header h1 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}
article.post > main header h1 a:hover, article.post > main header h1 a:active {
  color: rgb(73,137,70);
}

article.post > main .content a:link, article.post > main .content a:visited {
  border-bottom: 1px dashed #888;
}
article.post > main .content a:hover, article.post > main .content a:active {
  border-bottom: none;
  background-color: #ddd;
}

body > .special {
  background-color: #eee;
  color: #444;
  padding: 0 10%;
}
body > .special.bottom {
  text-align: left;
  border-top: 1px dashed #ccc;
  border-bottom: 1px solid #888;
}
body > .special.top {
  text-align: right;
  border-top: 1px solid #888;
  border-bottom: 1px dashed #ccc;
}

article h2 {
  font-size: 24px;
  line-height: 48px;
  margin-top: 24px;
  font-weight: 400;
}
article h3 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 24px;
  font-weight: 600;
}

body > footer {
  clear: both;
  padding: 24px;
  font-size: 15px;
  line-height: 24px;
}

blockquote {
  margin: 24px 48px;
}

p + p {
  text-indent: 24px;
}
/* 
p::after {
  content: '\A0¶';
  color: #666;
}
 */

.sc { font-family: 'Libertine SC'; letter-spacing: 0.03em; }
.green { color: rgb(73,137,70); }

.bigerror {
  text-align: center;
  font-size: 60px;
  line-height: 72px;
  padding: 72px 0;
  background-color: rgb(197,240,211);
  color: #444;
}