/* OBEY — static rebuild using Twenty Eleven's own values
   (style.css base + colors/dark.css overrides + the site's custom colors). */
:root{
  --bg:#2f333f;      /* custom background — shows in the page margins   */
  --panel:#0f0f0f;   /* #page content panel (dark scheme)               */
  --text:#bbb;       /* body text (dark scheme)                         */
  --meta:#999;       /* post meta                                       */
  --title:#ddd;      /* entry titles (dark scheme)                      */
  --link:#dd1818;    /* the site's custom link color                    */
  --line:#222;       /* borders (dark scheme)                           */
  --caption:#2c2c2c; /* image caption boxes                             */
}
*{box-sizing:border-box}
body{
  margin:0;padding:0 2em;
  background:var(--bg);
  color:var(--text);
  font:300 15px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a{color:var(--link);text-decoration:none}
a:hover,a:focus,a:active{text-decoration:underline}
img{max-width:100%;height:auto}
iframe,embed,object{max-width:100%}
.assistive-text{position:absolute!important;left:-9999px}

#page{
  max-width:1000px;margin:2em auto;
  background:var(--panel);
  border-top:2px solid #0a0a0a;
}

/* =Header ---------------------------------------------------- */
#branding{padding:0 0 10px;position:relative}
#branding .header-image img{display:block;width:100%;height:auto}

/* =Menu ------------------------------------------------------ */
#access{
  background:#333;
  background:linear-gradient(#383838,#272727);
  border-bottom:1px solid #222;
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}
#access ul{list-style:none;margin:0 7.6%;padding:0;display:flex;flex-wrap:wrap}
#access li{position:relative}
#access a{
  display:block;color:#eee;font-size:13px;line-height:3.333em;
  padding:0 1.2125em;text-decoration:none
}
#access li:hover>a,#access a:focus{
  background:#f9f9f9;
  background:linear-gradient(#f9f9f9,#e5e5e5);
  color:#373737;text-decoration:none
}
#access .current-menu-item>a{font-weight:bold}

/* =Layout (content + left sidebar, 7.6% gutters) ------------- */
#main{display:flex;gap:40px;padding:1.625em 7.6% 2em;align-items:flex-start}
#secondary{flex:0 0 188px;order:0}
#primary{flex:1 1 auto;min-width:0;order:1}
@media (max-width:800px){
  body{padding:0 1em}
  #main{flex-direction:column;gap:0}
  #primary{order:1}
  #secondary{flex-basis:auto;order:2;border-top:1px solid var(--line);margin-top:1.5em;padding-top:1.5em}
}

/* =Posts ----------------------------------------------------- */
article.post{border-bottom:1px solid var(--line);margin:0 0 1.625em;padding:0 0 1.625em}
article.post:last-child,article.page{border-bottom:none}
.entry-title{
  clear:both;font-family:"Orbitron",arial,sans-serif;
  font-size:26px;font-weight:bold;line-height:1.5em;
  color:var(--title);padding:15px 0 .3em;margin:0
}
.entry-title a{color:var(--title);text-decoration:none}
.entry-title a:hover,.entry-title a:focus,.entry-title a:active{color:var(--link)}
.entry-meta{color:var(--meta);font-size:12px;line-height:18px;margin:0 0 1em}
.entry-meta a{color:var(--link)}
.entry-content{padding:1.625em 0 0}
.entry-content p{margin:0 0 1.625em}
.entry-content ul,.entry-content ol{margin:0 0 1.625em 2.5em}
.entry-content ul{list-style:square}
.entry-content ol{list-style:decimal}
.entry-content li{margin:0}
.entry-content h1,.entry-content h2{color:#fff;font-weight:bold;font-size:20px;margin:0 0 .8125em}
.entry-content hr{background:#333;border:0;height:1px;margin-bottom:1.625em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
blockquote{font-family:Georgia,"Bitstream Charter",serif;font-style:italic;margin:0 3em 1.625em;color:#aaa}
.cat-links{color:var(--meta);font-size:12px}
.cat-links a{color:var(--link)}

/* =Captions -------------------------------------------------- */
.wp-caption{background:var(--caption);padding:9px;margin:0 0 1.625em;max-width:100%}
.wp-caption img{display:block;max-width:100%;height:auto}
.wp-caption .wp-caption-text{
  color:#999;font-family:Georgia,serif;font-size:12px;
  padding:10px 0 5px 40px;position:relative;margin:0
}
.wp-caption .wp-caption-text:before{
  content:'\2014';color:#999;font-weight:bold;
  position:absolute;left:10px;top:7px
}

/* =Sidebar widgets ------------------------------------------- */
.widget{margin:0 0 2.2em;font-size:13px;line-height:1.5}
.widget-title{
  color:#ccc;font-size:10px;font-weight:500;letter-spacing:.1em;
  line-height:2.6em;text-transform:uppercase;margin:0 0 .4em
}
.widget p{margin:0 0 10px}
.widget ul{list-style:none;margin:0;padding:0}
.widget ul li{color:#888;font-size:13px;margin:0 0 .3em}
.widget a{color:var(--link);font-weight:bold;text-decoration:none}
.widget a:hover,.widget a:focus,.widget a:active{text-decoration:underline}
.obey-desc{color:#67e8f9;font-weight:300}

/* =Footer ---------------------------------------------------- */
#colophon{
  background:#060606;border-top:1px solid #000;
  color:#888;font-size:12px;padding:20px 7.6%;margin:0
}
#colophon a{color:var(--link)}
#colophon.post-nav{display:flex;justify-content:space-between;font-size:15px;font-weight:bold}
#colophon.post-nav a{color:var(--link)}
#colophon.post-nav .newer{margin-left:auto}

/* =Decorative (inactive) share row — for posterity ----------- */
.share{margin:20px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.share .share-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-right:6px}
.share img{width:30px;height:30px;opacity:.85;cursor:default}

/* =Galleries ------------------------------------------------- */
.gallery{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.625em}
.gallery a{line-height:0}
.gallery img{border:1px solid var(--caption);padding:4px;background:#000}
.slideshowlink{margin:0 0 8px;font-size:13px}