body > div > div >header {
   font-size: 18pt;
   color: #076D6D;
   border-bottom-width: 6px;
   border-bottom-style: solid;
   width: 55%;
   height: 2.5rem;
}

nav a,
nav a:visited,
nav a:link {
   text-decoration: none;
   background: none;
   color: black;
}

body > div > div > header > nav,
body > div > div > footer > nav {
   float: left;
}

body > div > div > header > div,
body > div > div > footer > div {
   float: right;
}

body > div > div > header > div {
   margin-top: 0.75rem;
}

body > div > div > header > div a,
body > div > div > header > div a:visited,
body > div > div > header > div a:link,
body > div > div > footer > div a,
body > div > div > footer > div a:visited,
body > div > div > footer > div a:link {
   text-decoration: none;
   background: none;
   color: #CCCCCC;
   font-size: 1rem;
}

a.admin-link,
a.admin-link:visited,
a.admin-link:link {
    color: red;
    text-decoration: none;
    background: none;
}

.punct {
   color: #669999;
}

.kernleft {
    margin-left: -0.25em;
}

.kernright {
    margin-left: 0.03em;
}

.navicon {
   display: inline-block;
   text-align: center;
   valign: baseline;
   width: 1.5rem;
}

.hidden {
   display: none;
}

article header {
   border-bottom: solid 1px black;
   width: 55%;
}

article header.siteheader {
   border-bottom: none;
   width: 55%;
}

.sidebar {
   width: 55%;
}

.sidebar-content p {
    width: 100%;
}

body > div > div > footer {
   border-top-width: 6px;
   border-top-style: solid;
   border-color: #076D6D;
   width: 55%;
}

.siteicons {
    background-color: #ffaffa;
    text-align: right;
    height: 0;
}

.siteicons .icon {
    border: solid 1px #cccccc;
}

.sform {
    text-align: right;
    padding-bottom: 8px;
    height: 0;
}

article {
   padding: 0rem;
}

h1 {
   margin-top: 2rem;
}

article > header > h1 {
   margin-bottom: 0.25rem;
}

body.stage article header {
    background: linear-gradient(0deg, #FFFFFF, #FFAAAA);
}

.slug {
   font-size: 1.25rem;
}

.slug .modified {
   font-size: 1rem;
}

.curuser {
    position: relative;
    left: 85%;
    bottom: 2rem;
    height: 0;
}

.legacymap {
    width: 55%;
    height: 540px;
}

.smdate {
    font-size: 1rem;
}

div.title {
   font-size: 1.25rem;
}

article header p,
li p {
   width: inherit;
}

li p:first-child {
   margin: 0;
}

.abstract {
   font-style: italic;
}

.siteabstract {
   margin-top: 1rem;
   padding-top: 2px;
   border-top: solid 1px black;
}

code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
       font-size: 1.125rem;
       line-height: 1.6; }

p.copyright {
   width: 100%;
   margin-top: 0.5rem;
   font: 95%/1.4 serif;
}

dl.essaylist a
dl.essaylist a:visited,
dl.essaylist a:link {
   text-decoration: none;
   background: none;
}

dl.essaylist dt.essay {
   font-size: 2rem;
}

dl.essaylist dt.essay a,
dl.essaylist dt.essay a:link,
dl.essaylist dt.essay a:visited {
   color: #076D6D;
}

dl.essaylist dt.stage {
    margin-left: -3.5rem;
}

dl.essaylist dt.stage .title-line {
    background: linear-gradient(0deg, #FFFFFF, #FFAAAA);
    padding-left: 0.25em;
    padding-right: 20%;
}

dt.stage .title-line a {
    text-shadow: none;
}

div.stage-warning {
    display: inline-block;
    width: 3.5rem;
}

dl.essaylist p {
   margin-top: 0.5rem;
}

dl.essaylist .date {
   font-size: 1rem;
}

dl.essaylist .topics {
   font-size: 1rem;
}

dt.essay .date,
span.address {
   white-space: nowrap;
}

table td,
table th {
   vertical-align: top;
}

table.calendar {
   margin-right: 1rem;
}

table {
   width: inherit;
}

p a.plink,
p a.plink:link,
p a.plink:visited {
   text-decoration: none;
   background: none;
   color: #fffff8;
}

p:hover a.plink,
a:hover.plink {
  color: #b6d4d4;
}

dt {
    font-size: 1.4rem;
}

.strike {
    text-decoration: line-through;
}

.nobreak {
    white-space: nowrap;
}

ul.taxonomy {
   width: 100%;
   list-style-type: none;
   padding: 0;
}

ul.taxonomy ul {
   width: 100%;
   list-style-type: none;
}

/* Itineraries */

div.seealso ul.seealso {
   margin-top: 0px;
   font-size: medium;
}

div.seealso ul.seealso li {
   padding: 0;
}

.itinerarymap {
   display: none;
}

.flightmap {
   width: 640px;
   height: 400px;
   background-color: #aaaaaa;
}

.plotmap {
   display: none;
}

abbr.tz {
  font-variant: small-caps;
  font-size: 9pt;
}

table.itinerary td.dtstart {
   text-align: right;
}

table.itinerary td.dtend {
   text-align: left;
}

table.itinerary td.duration {
   text-align: right;
}

.notgoing {
    text-decoration: line-through;
}

/* End itineraries */

/* Comments */

.comments {
   border-top-width: 1px;
   border-top-style: dashed;
   border-color: black;
   border-left-width: 1px;
   border-left-style: dashed;
   border-color: black;
   padding-left: 0.5rem;
   width: calc(55% - 2rem);
}

.comments h2 {
   font-size: 1.5rem;
   margin-top: 0.5rem;
}

.comment {
   border-bottom-width: 1px;
   border-bottom-style: dotted;
   border-color: black;
   padding-bottom: 1rem;
}

.comments .staging {
    background: linear-gradient(0deg, #FFFFFF, #FFAAAA);
}

.comment p {
   font-size: 1rem;
   margin-bottom: 0.5rem;
   width: 100%;
   line-height: 1.4rem;
}

.comment footer {
   width: 100%;
   text-align: right;
}

#_commentform {
    display: none;
}

.badmath {
    color: red;
    font-style: italic;
}

.spacewarn {
    color: red;
    font-style: italic;
}

/* End comments */

/* Tweets */
div.tweetliststart {
   width: 55%;
}

div.tweetlist {
  padding-left: 2em;
}

div.tweet {
  border: 1px solid #aaaaaa;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  color: #777777;
  min-height: 50px;
  white-space: pre-wrap;
}

div.tweet a {
  color: #7777ff;
}

div.mine {
  color: black;
}

div.mine a {
  color: #0000ff;
}

div.favorite {
  background-color: #ffffdd;
  color: black;
  padding-right: 20px;
}

div.favorite a {
  color: #0000ff;
}

/*
div.favmark {
  height: 0px;
  position: relative;
  right: 2em;
  top: 0px;
}
*/

div.favmark {
  background-image: url(/img/favorite.gif);
  background-repeat: no-repeat;
  background-position: 100% 0;
}

span.attribution {
  white-space: nowrap;
}

div.gpluslink {
  border: 1px solid #aaaaaa;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  color: #777777;
  min-height: 50px;
}

div.images {
  padding-left: 1em;
  padding-top: 0.5em;
}

div.gplusdetails {
    font-size: 8pt;
    font-family: sans-serif;
    text-align: right;
    color: #9a9a9a;
}

div.gplusdetails a,
div.gplusdetails a:visited {
   color: #9a9aFF;
}

/* ====================================================================== */

html,
body {
	height:100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
}

#_page {
	min-height:100%;
	position:relative;
}

#_header {
}

#_body {
	padding-bottom: 7rem;
}

#_footer {
	width:100%;
	height: 7rem;
	position:absolute;
	bottom:0;
	left:0;
}

pre {
    width: 55%;
}

li pre {
    width: 100%;
}

pre.CodeMirror-line {
    width: 100%;
}

figure {
    padding-top: 0.5em;
    margin-bottom: 0;
}

.figure .mediaobject img {
    padding: 5px;
    border: solid 1px #7f7f7f;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figure .title {
    text-align: center;
}

/* ====================================================================== */

/* Media for narrow screens */

@media screen and (max-width: 760px) {
   article header {
      width: 90%;
   }

   article header.siteheader {
      width: 90%;
   }

   body > div > div > header {
      width: 90%;
   }

   body > div > div > footer {
      width: 90%;
   }

   .legacymap {
      width: 90%;
   }

   .comments {
      width: 90%;
   }

   .sidebar {
       width: 90%;
   }

   div.tweetliststart {
      width: 90%;
   }

   .siteicons .icon {
       display: none;
   }
}

@media screen and (max-width: 601px) {
    h1 {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 321px) {
    h1 {
        font-size: 1.8rem;
    }
}

.nwnarchive {
    margin-left: 50%;
    margin-right: 1rem;
    margin-top: 1rem;
    font-size: 1.2rem;
    border: 3px solid #ffaaaa;
    padding: 0.5rem;
    border-radius: 0.5rem;
}