body {
  width: 100%;
  margin: 0;
  font-family: "Helvetica Neue";
}

/* header {{{ */

.header {
  padding: 3rem 10rem 0 10rem;
  display: flex;
}

.header #logo {
  height: 12rem;
  width: 12rem;
  background: no-repeat url("/assets/img/logos.svg") 0 0;
  background-size: cover;
}

.header #title {
  padding: 0 0 0 2rem;
  display: flex;
  flex-direction: column;
  width: 40rem;
}

.header #title #maintitle {
  font-weight: 900;
  font-size: 24pt;
}

.header #title #description {
  padding-bottom: 1rem;
  font-size: 14pt;
  line-height: 1.5;
}

/* post pages get a special header */
body.post_body .header #title #description {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 9pt;
  line-height: 1.5;
}

/* }}} */

/* blog post {{{ */

.description2 {
  font-weight: 200;
  font-size: 9pt;
  color: #000;
  line-height: 14pt;
  margin: 1rem 0 0 24rem;
  padding-bottom: 1rem;
  border-bottom: 0.1px #000 solid;
  text-transform: uppercase;
  width: 40rem;
}

.description2 #category {
  font-weight: 400;
}

.description2 #tags {
  display: flex;
  flex-wrap: wrap;
}

.description2 #tags li {
  display: block;
  font-family: "monaco";
  text-transform: lowercase;
  margin: 0 0.5em 0 0.5em;
  background-color: rgb(240, 240, 240);
}

.post {
  padding: 0 0 0 24rem;
  width: 40rem;
}

.header.invert {
  background-color: #000;
  color: #fff;
}

.header.invert #logo {
  height: 12rem;
  width: 12rem;
  background: no-repeat url("/assets/img/logos.svg") 100% 0;
  background-size: cover;
}

/* }}} */

/* blog list {{{ */

.chron_post {
  margin: 0 0 4rem 10rem;
  display: flex;
}

.chron_post .description2 {
  width: 12rem;
  border-top: 0.1px #000 solid;
  padding-top: 1em;
  border-bottom: 0px;
  margin: 0;
}

.chron_post .post_preview {
  margin: 0 0 0 2rem;
  border-top: 0.1px #000 solid;
  padding-top: 1em;
  width: 40rem;
}

.chron_post .title {
  font-weight: 900;
  font-size: 15pt;
  margin-top: -0.2rem;
}

.chron_post .description {
  font-size: 9pt;
  line-height: 1.5;
  padding: 2rem 0 1rem 0;
}

.chron_post .continue {
  font-size: 11pt;
  font-weight: 500;
  text-align: right;
  margin-top: 1rem;
}

.chron_post a {
  text-decoration: none;
  color: #000;
}

.chron_post a:hover {
  text-decoration: underline;
  color: #F04A00;
}

/* }}} */

/* wiki post {{{ */

.wiki .post {
  margin-top: 1rem;
}

.wiki .footer {
}

.header.wiki {
  background-color: rgb(248, 168, 25);
}

body.wiki a {
  color: rgb(248, 168, 25);
}

/* }}} */

/* wiki list {{{ */

.wiki.notes {
  display: flex;
  padding-top: 1rem;
}

.wiki.tags {
  margin: 0 0 0rem 10rem;
  width: 12rem;
}

.wiki.toc {
  margin: 0 0 0 2rem;
  columns: 3;
  column-width: 12rem;
  column-gap: 2rem;
}

.wiki.toc li {
  display: block
}

.wiki.toc div {
  width: 14rem
}

.wiki.toc li.h0 {
  border-style: solid;
  border-width: 1px 0 0.2px 0;
  border-color: #000;
  font-weight: 600;
}

.wiki.toc li.h2 {
  border-style: solid;
  border-width: 0 0 0.2px 0;
  border-color: #000;
  margin-left: 2em;
}

.wiki.toc li.h3 {
  font-weight: 200;
  margin-left: 2em;
}

.wiki.toc a {
  color: #000;
  text-decoration: none;
}

.wiki.toc a:hover {
  color: rgb(248, 168, 25);
}

/* }}} */

/* content {{{ */

.content {
  float: left;
  margin: 1em 0 0 6em;
  position: relative;
  min-width: 10em;
  max-width: 50em;
  width: 80%;
  overflow-x: hidden;
}

.content .description {
  font-weight: 500;
  font-size: 12pt;
  color: #fff;
  background-color: #000;
  line-height: 16pt;
  padding: 0 0 0 0.5em;
  width: 25em;
}


.content .description2 a {
  color: #000;
}

.content .description2 a:hover {
  color: #FF5732;
}

/* post {{{ */

.content .post {
  border-width: 0.5pt 0 0 0;
  border-color: #000;
  border-style: solid;
  margin: 2em 0 0 0;
  padding: 0.7em 0 0 0;
}

/*.content .post:hover {
  color: #fff;
  background-color: #FF5732;
  cursor: hand;
}*/

.content .post .header {
  font-family: "Helvetica Neue";
  size: 18pt;
}

.content .post .header .title {
  font-weight: bold
}

.content .post .header .date {
  font-weight: 300
}

.content .post .text {
  float: "right";
  min-height: 0;
  margin-right: 0;
  padding-top: 0;
}

/*.content .post .latex-body::after {
  content: "\2022\2022\2022\2022\2022\2022\2022\2022\2022";
  clear: both;
  size: 12pt;
  text-align: center;
  padding: 10em;
}*/

.content .post .footer {
  /*clear: both;*/
  text-align: center;
  size: 12pt;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* }}} */

/* wiki */
.content.wiki {
  padding-left: 1em
}

/* }}} */

/* popup menu {{{ */

/* comes last in order to override any .header.XXX classes */

.header:hover {
  background-color: rgb(192, 192, 192)
}

.header:hover #menu {
  visibility: visible;
}

.header #menu {
  height: 8rem;
  visibility: hidden;
  display: flex;
  margin-top: -0.3em;
}

.header #menu > div {
  padding-right: 1em;
}

.header #menu div li {
  display: block;
}

.header #menu div > li:first-child {
  font-weight: 500;
}

.header #menu a {
  color: #fff;
  text-decoration: none;
}

.header #menu a:hover li:nth-child(2) {
  color: #f00;
  text-decoration: none;
}

.header #menu a:hover li {
  color: #f00;
  text-decoration: underline;
}


/* }}} */