/* Diatts - wp-thesis-2009 authority weblog shell */
:root{
  --canvas:#ffffff;
  --surface:#f6f4ef;
  --ink:#22201d;
  --ink-soft:#55504a;
  --accent:#2f4858;
  --rule:#d8d3c9;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--canvas);
  color:var(--ink);
  font:17px/1.62 Georgia,"Palatino Linotype",Palatino,"Times New Roman",serif;
  border-top:4px solid var(--ink);
}
a{color:var(--accent);}
a:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px;}
img{max-width:100%;height:auto;}
.skip{position:absolute;left:-9999px;top:0;background:var(--canvas);padding:8px 12px;}
.skip:focus{left:8px;z-index:5;}
.shell{max-width:1000px;margin:0 auto;padding:0 24px;}

.masthead{padding:32px 0 16px;}
.masthead .site-name{
  display:inline-block;margin:0;
  font-size:42px;line-height:1.1;font-weight:normal;
  font-variant:small-caps;letter-spacing:.08em;
  color:var(--ink);text-decoration:none;
}
a.site-name:hover{color:var(--accent);}
.masthead .tagline{
  margin:6px 0 0;color:var(--ink-soft);font-size:15px;font-style:italic;
}
.rulemenu{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:32px;}
.rulemenu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.rulemenu li{border-right:1px solid var(--rule);}
.rulemenu li:last-child{border-right:0;}
.rulemenu a{
  display:block;padding:10px 18px;
  font:11.5px/1 Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:.11em;text-decoration:none;color:var(--ink);
}
.rulemenu a:hover,.rulemenu a[aria-current="page"]{color:var(--accent);text-decoration:underline;}

.columns{display:flex;gap:48px;align-items:flex-start;padding-bottom:24px;}
.stream{flex:1 1 64%;min-width:0;}
.rail{flex:0 0 30%;max-width:30%;}

.meta{
  font:11.5px/1.5 Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft);
  margin:0 0 8px;
}
.meta a{color:var(--ink-soft);}
.stream > h1{font-size:44px;line-height:1.15;font-weight:normal;margin:0 0 12px;}
.lead h1,.lead h2{font-size:52px;line-height:1.12;font-weight:normal;margin:0 0 12px;}
.lead h1 a,.lead h2 a{color:var(--ink);text-decoration:none;}
.deck{font-size:20px;line-height:1.5;color:var(--ink-soft);margin:0 0 18px;}
.entry p{margin:0 0 18px;max-width:68ch;}
.entry h2{font-size:26px;font-weight:normal;line-height:1.25;margin:34px 0 12px;}
.entry h2::before{content:"";display:block;border-top:1px solid var(--rule);width:100%;margin-bottom:14px;}
.entry ol,.entry ul{max-width:66ch;padding-left:22px;}
.entry li{margin-bottom:8px;}
.pull{
  margin:28px 0;padding:18px 22px;background:var(--surface);
  border-left:4px solid var(--accent);font-size:19px;font-style:italic;color:var(--ink);
  max-width:62ch;
}
.more{
  display:inline-block;margin-top:4px;
  font:11.5px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;
}
.post{border-top:1px solid var(--rule);padding-top:22px;margin-top:30px;}
.post h2{font-size:27px;font-weight:normal;line-height:1.2;margin:0 0 10px;}
.post h2 a{color:var(--ink);text-decoration:none;}
.post h2 a:hover{color:var(--accent);}
.post p{margin:0 0 12px;max-width:68ch;}
.section-label{
  font:11.5px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;
  color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:8px;margin:44px 0 4px;
}
p.more.archive-link{border-top:1px solid var(--rule);padding-top:20px;margin-top:34px;}

.rail section{margin-bottom:32px;}
.rail h2{
  font:11.5px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;
  color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:8px;margin:0 0 14px;font-weight:normal;
}
.rail .note{background:var(--surface);padding:16px 18px;font-size:15px;line-height:1.55;}
.rail .note p{margin:0 0 12px;}
.rail .note p:last-child{margin:0;}
.rail ul{list-style:none;margin:0;padding:0;font-size:15px;}
.rail li{border-bottom:1px solid var(--rule);padding:7px 0;}
.rail li:last-child{border-bottom:0;}
.rail .stamp{
  font:11px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink-soft);display:block;
}

.archive-group{margin-bottom:30px;}
.archive-group h2{
  font:11.5px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;
  color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:8px;margin:0 0 14px;font-weight:normal;
}
.archive-group ul{list-style:none;margin:0;padding:0;}
.archive-group li{border-bottom:1px solid var(--rule);padding:12px 0;}
.archive-group li:last-child{border-bottom:0;}
.archive-group .t{font-size:22px;display:block;text-decoration:none;color:var(--ink);}
.archive-group .t:hover{color:var(--accent);}

.pager{border-top:1px solid var(--rule);margin-top:40px;padding-top:16px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;}
.pager a,.pager span{font:11.5px/1.5 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;}
.pager span{color:var(--ink-soft);}

.sitefoot{border-top:1px solid var(--rule);margin-top:24px;padding:24px 0 48px;}
.sitefoot .cols{display:flex;gap:48px;flex-wrap:wrap;}
.sitefoot h2{
  font:11.5px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;
  color:var(--ink-soft);margin:0 0 10px;font-weight:normal;
}
.sitefoot ul{list-style:none;margin:0;padding:0;font-size:15px;}
.sitefoot li{padding:4px 0;}
.sitefoot .rights{font-size:13px;color:var(--ink-soft);margin:18px 0 0;}

@media (max-width:820px){
  .columns{display:block;}
  .rail{max-width:none;margin-top:40px;border-top:4px solid var(--ink);padding-top:24px;}
  .masthead{padding:22px 0 12px;}
  .masthead .site-name{font-size:28px;}
  .lead h1,.lead h2{font-size:32px;}
  .stream > h1{font-size:30px;}
  .deck{font-size:18px;}
  .post h2{font-size:24px;}
  .shell{padding:0 20px;}
  .rulemenu a{padding:9px 14px;}
  .entry p,.post p{max-width:none;}
}
