/* load all fonts */

@font-face {
  font-family: "Title";
  font-weight: 400;
  /* src: url("/fonts/MajorMonoDisplay-Regular.ttf") format("truetype"); */
  src: url("/fonts/wCaps-book.ttf") format("truetype");
}

@font-face {
  font-family: "Heading";
  font-weight: 300;
  /* src: url("/fonts/AdventPro-Light.ttf") format("truetype"); */
  /* src: url("/fonts/UnicaOne-Regular.ttf") format("truetype"); */
  src: url("/fonts/wMonolegible-light.ttf") format("truetype");
}

@font-face {
  font-family: "Heading";
  font-weight: 400;
  /* src: url("/fonts/AdventPro-light.ttf") format("truetype"); */
  /* src: url("/fonts/UnicaOne-light.ttf") format("truetype"); */
  src: url("/fonts/wMonolegible-book.ttf") format("truetype");
}

@font-face {
  font-family: "Heading";
  font-weight: 600;
  /* src: url("/fonts/AdventPro-SemiBold.ttf") format("truetype"); */
  /* src: url("/fonts/UnicaOne-light.ttf") format("truetype"); */
  src: url("/fonts/wMonolegible-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Content";
  font-weight: 400;
  /* src: url("/fonts/Jost-400-Book.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Regular-102.otf") format("opentype"); */
  src: url("/fonts/wMonolexic-book.ttf") format("truetype");
}

@font-face {
  font-family: "Content";
  font-weight: 400;
  font-style: italic;
  /* src: url("/fonts/Jost-400-BookItalic.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Italic-102.otf") format("opentype"); */
  src: url("/fonts/wMonolexic-bookitalic.ttf") format("truetype");
}

@font-face {
  font-family: "Content";
  font-weight: 600;
  /* src: url("/fonts/Jost-500-Medium.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Bold-102.otf") format("opentype"); */
  src: url("/fonts/wMonolexic-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Content";
  font-weight: 600;
  font-style: italic;
  /* src: url("/fonts/Jost-500-Semi-Bold.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Bold-102.otf") format("opentype"); */
  src: url("/fonts/wMonolexic-bolditalic.ttf") format("truetype");
}

@font-face {
  font-family: "Capstyle";
  font-weight: 400;
  /* src: url("/fonts/Jost-400-Book.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Regular-102.otf") format("opentype"); */
  src: url("/fonts/wCaps-book.ttf") format("truetype");
}

@font-face {
  font-family: "Capstyle";
  font-weight: 400;
  font-style: italic;
  /* src: url("/fonts/Jost-400-BookItalic.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Italic-102.otf") format("opentype"); */
  src: url("/fonts/wCaps-bookitalic.ttf") format("truetype");
}

@font-face {
  font-family: "Capstyle";
  font-weight: 600;
  /* src: url("/fonts/Jost-500-Medium.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Bold-102.otf") format("opentype"); */
  src: url("/fonts/wCaps-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Capstyle";
  font-weight: 600;
  font-style: italic;
  /* src: url("/fonts/Jost-500-Semi-Bold.ttf") format("truetype"); */
  /* src: url("/fonts/Atkinson-Hyperlegible-Bold-102.otf") format("opentype"); */
  src: url("/fonts/wCaps-bolditalic.ttf") format("truetype");
}

@font-face {
  font-family: "Menu";
  /* src: url("/fonts/Roboto-Regular.ttf") format("truetype"); */
  src: url("/fonts/wQuasilexic-book.ttf") format("truetype");
}

@font-face {
  font-family: "Menu";
  font-style: italic;
  /* src: url("/fonts/Roboto-Italic.ttf") format("truetype"); */
  src: url("/fonts/wQuasilexic-bookitalic.ttf") format("truetype");
}

@font-face {
  font-family: "Menu";
  font-weight: 500;
  /* src: url("/fonts/Roboto-Medium.ttf") format("truetype"); */
  src: url("/fonts/wQuasilexic-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Quote";
  /* src: url("/fonts/Sanchez-Regular.ttf") format("truetype"); */
  src: url("/fonts/wMonolegible-book.ttf") format("truetype");
}

@font-face {
  font-family: "Code";
  src: url("/fonts/Iosevka-book.ttf") format("truetype");
}

html { font-size: 62.5%; }

* {
  font-family: "Menu",sans-serif;
  /* line-height: 1.4em; */
  color: #555;
}

#wrapper {
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: -0.5em;
  width: 40.0em;
}

body {
  background-color: #f7f3ee;
  font-size: 1.3em;
  line-height: 135%;
  padding-bottom: 1.0em;
  /* background: #f7f3ee url('/images/noise.png') 0 repeat !important; */
}

span.draft,
span.locked  {
  color: #0184bc; /* dark cyan from vim-duochrome */
  /* font-family: "Content",sans-serif; */
  font-family: "Heading",sans-serif;
  font-weight: 400;
}

#footer span.draft,
#footer span.locked {
  color: #ccc;
  font-family: "Menu",sans-serif !important;
}

#footer em,
#footer del { font-family: "Menu",sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #aaa;
  font-weight: normal;
  line-height: 100%;
  margin-bottom: 0.5em;
  margin-top: 2.75em;
  text-shadow: 0 1px 1px #fff;
  vertical-align: baseline;
}

h1 { font-size: 2.2em; }

h2,
h3,
h4,
h5,
h6 {
  color: #c77070;
  font-family: "Heading",sans-serif;
  font-weight: 300;
  /* text-transform: uppercase; */
}

/* see home page h1 sub headings below */
h2 {
  border-bottom-color: #ccc;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  /* font-size: 16px; */
  font-size: 12px;
  /* margin-top: 3.0em; */
  padding-bottom: 3px;
  text-align: right;
}

h3 {
  /* font-size: 13.65px; */
  font-size: 11.55px;
  font-weight: 400;
  /* font-size: 1.3em; */
  /* font-weight: bold; */
  margin-top: 2.7em;
  /* padding-bottom: 3px; */
  text-align: center;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: #bbb;
}

h2 + h3,
h2 + h4 { margin-top: 1.6em; }

h2 + p.code,
h3 + p.code { margin-top: 2.0em; }

h4 { font-size: 13px; }
h5 { font-size: 13px; }
h6 { font-size: 11.375px; }

p {
  color: #555;
  font-family: "Content",sans-serif !important;
  /* font-size: 13.85px; */
  font-size: 11.25px;
  font-weight: 400;
  /* line-height: 1.7em; */
  line-height: 2.05em;
}

p strong {
  color: #222 !important;
  font-family: "Capstyle",sans-serif !important;
  /* font-size: 13.75px; */
  font-size: 9.05px; 
  font-weight: 600;
  letter-spacing: 0.95px;
  /* line-height: 1.5em; */
  text-transform: uppercase;
}

p em {
  color: #444 !important;
  font-family: "Capstyle",sans-serif !important;
  /* font-size: 13.75px; */
  font-size: 8.55px; 
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.95px;
  /* line-height: 1.5em; */
  text-transform: uppercase;
}

p del { font-family: "Content",sans-serif; }

span.caps,
span.caps * {
  font-family: "Capstyle",sans-serif !important;
  color: #444 !important;
  font-size: 8.55px; 
  letter-spacing: 0.95px;
  text-transform: uppercase;
}

ul,
ol,
dl {
  margin-bottom: 0.66em;
  margin-top: 0.66em;
}

p {
  margin-bottom: 0.22em;
  margin-top: 0.22em;
}

pre,
table {
  margin-bottom: 1.66em;
  margin-top: 1.66em;
}

blockquote {
  font-size: 0.95em;
  /* font-size: 1.05em; */
  margin: 2.0em 0em 2.0em 4.0em;
  padding: 0;
}

blockquote.outdent p {
  margin-bottom: 0.07em;
  margin-left: 2em;
  margin-top: 0;
  text-indent: -2em;
}

blockquote.nodent p + p { text-indent: 0; }

div.wiki p + blockquote,
div.wiki blockquote:first-child { margin-top: 3.0em; }

p + p,
ul + p,
table + p,
blockquote + p,
p + p.indent { text-indent: 1.8em; }

blockquote p { text-indent: 0; },

p.outdent { text-indent: 0; }

ol li p { text-indent: 0 !important; }

table {
  border-collapse: collapse;
  /* margin-bottom: 1.85em; */
  margin-left: 2.0em;
  /* margin-top: 1.85em; */
  text-align: left;
}

table tr * { color: #555; }

/* mixed table font sizes requires px displacement for alignment */
table td,
table th {
  border-bottom: none;
  padding-left: 16px;
  padding-right: 16px;
}

table td:first-child,
table th:first-child {
  border-left: none;
  text-align: right;
  white-space: nowrap;
}

table th {
  border-bottom: none;
  border-top: none;
  /* color: #777; */
  color: #c77070;
  font-family: "Heading",sans-serif;
  /* font-size: 13.5px; */
  font-size: 9.50px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}

table td { font-size: 10px; }

table td strong {
  font-family: "Menu",sans-serif;
  font-weight: 500 !important;
}

table td:last-child,
table th:last-child { border-right: none; }

div.wiki table:first-child { margin-top: 3.0em; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

li {
  margin: 0.3em auto; 
  list-style-type: '‣' !important;
  padding-inline-start: 1.65ch;
}

::marker { color: #222; }

ul {
  margin-left: 1.55em;
  padding-left: 0.5em;
}

ul li {
  list-style-type: square;
  padding-bottom: 0.35em;
  padding-top: 0.35em;
}

li,
li * { 
  color: #555 !important;
  font-size: 10.55px;
  line-height: 1.65em;
}

li strong {
  color: #222 !important;
  font-family: "Content",sans-serif !important;
  font-size: 9.5px; 
  font-weight: 700;
  letter-spacing: 0.95px;
  text-transform: uppercase;
}

li em {
  color: #444 !important;
  font-family: "Content",sans-serif !important;
  font-size: 9.5px; 
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.95px;
  text-transform: uppercase;
}

ul li { font-family: "Content",sans-serif !important; }

a { padding: 1px 0 1px 0 !important; }

a:link { text-decoration: none; }

#header,
#footer a { text-shadow: 0 1px 1px #fff; }

h1 a,
h1 a:hover { color: #c77070 !important; }

h1.diary a { color: #aaa !important; }

p.publishing {
  color: #aaa;
  font-family: "Menu",sans-serif;
  font-size: 9.65px;
  margin-bottom: -0.85em;
  text-indent: 0;
  margin-top: -2.15em;
}

.publishing a {
  color: #aaa;
  font-weight: normal;
  text-shadow: 0 1px 1px #fff !important;
}

input {
  background: transparent;
  border-color: #f7f3ee #f7f3ee #f7f3ee #f7f3ee;
  border-style: solid;
  border-width: 1px;
  color: #f00;
  float: right;
  outline: 0;
  margin-top: 2px !important;
}

input:hover,
input:focus {
  background-color: #eee8d5 !important;
  border-color: #f7f3ee #f7f3ee #f7f3ee #f7f3ee;
}

#header a.search {
  color: #dda7a7;
  color: #888;
  font-family: "Title",sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 3px;
  position: relative;
  text-transform: uppercase;
  top: 4px;
}

.input input {
  color: #c77070;
  font-family: "Code",monospace;
  font-size: 12px;
  margin-right: -6px;
  /* margin-top: -1px; */
}

.input input::placeholder {
  color: #c77070;
  font-family: "Code",monospace;
  font-size: 0.8em;
  /* letter-spacing: 1px; */
  line-height: 1.9em;
  opacity: 0.35;
  text-align: right;
}

/* .input #search { letter-spacing: 4px; padding-right: 0; } */
.input #search { padding-right: 0; }

input:focus::-webkit-input-placeholder { opacity: 0; }

p.separator { margin-top: -10px; }

#menu { margin-top: 1.0em; }

#menu span.right { margin-top: -0.10em; }

#menu a {
  color: #aaa;
  font-family: "Menu",sans-serif;
  /* font-size: 0.85em; */
  font-size: 9.65px;
  margin-right: 0.85em;
  text-shadow: 0 1px 1px #fff;
}

#menu + .publishing { padding-top: 3.42em; } /* home page top spacing */

#menu + .title { padding-top: 1.05em; } /* thread page top spacing */

span.left { float: left; }

span.right {
  float: right;
  margin-right: -0.85em;
}

.block a.left {
  font-family: "Heading",sans-serif;
  /* font-size: 1em; */
  font-size: 10.55px;
  font-weight: 400;
  line-height: 1.65em;
}

.block span.right {
  color: #aaa;
  /* font-size: 0.85em; */ /* uncomment if .block a.left is commented */
  font-size: 9.65px;
  font-weight: normal;
  margin-right: 0;
}

.title {
  font-size: 33px;
  margin-top: 1.5em;
}

/* div#menu + h1.title { margin-top: 1.77em; } */
div#menu + h1.title { margin-top: 0.825em; }

#menu a.thread { color: #c77070; }

.wiki,
.grid { margin-top: 2.0em; }

.wiki a {
  border-bottom-color: #fbb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family: "Content",sans-serif;
  padding-bottom: 0px;
}

li,
li * {
  color: #555 !important;
  font-family: "Content",sans-serif !important;
}

/* OUTDENT leading paragraphs */
/* p.publishing + div p:first-of-type, */
/* h2 + p, */
/* p.center + p + p { text-indent: 0; } */

p.center {
  text-align: center;
  text-indent: 0;
}

p.center span.center {
  /* color: #c77070; */
  color: #666;
  font-family: "Code",monospace;
  font-size: 0.90em;
  /* opacity: 0.55; */
}

.center span.copyright {
  color: #333;
  font-family: "Content",sans-serif;
}

p.left {
  text-align: left;
  text-indent: 0;
}

p.right {
  text-align: right;
  text-indent: 0;
}

.separator {
  color: #ccc;
  font-size: 0.8em;
}

.date {
  color: #555;
  font-family: "Menu",sans-serif;
  font-size: 0.9em;
  text-align: right;
}

.secret,
.nextwiki,
.showcomments {
  font-family: "Menu",sans-serif;
  font-size: 9.66px;
  font-weight: 300;
  text-align: right;
  /* text-shadow: 0 1px 1px #fff; */
}

.showcomments + .secret,
.nextwiki + .showcomments { margin-top: -0.7em; }

/* .comment + .showcomments { margin-top: 0; } */
.comment + .showcomments { margin-top: 1.4em; }

.secret a:link,
.nextwiki a:link,
.secret a:visited,
.nextwiki a:visited,
.showcomments a:link,
.showcomments a:visited { color: #aaa; }

#footer a:link,
#footer a:visited { color: #aaa; }

.sender {
  font-family: "Content",sans-serif;
  font-weight: 600;
}

.comment {
  color: #555;
  font-family: "Menu",sans-serif;
  font-size: 1.0em;
  line-height: 1.5em;
  margin-bottom: 0;
  /* margin-bottom: 0.9em; */
  margin-top: 0;
  /* margin-top: 0.9em; */
  text-indent: 0;
}

.comment del { font-family: "Menu",sans-serif; }

p.comment + p.comment { text-indent: 2em; }

a hr { margin-top: 2.5em; }

a + p.date,
p + p.date {
  font-size: 1.0em;
  padding-top: 1.0em;
}

a + p.date { padding-top: 0; }

.nobr { white-space: nowrap; }

dt { font-weight: bold; }

.image img {
  border: none;
  display: block;
  margin-bottom: 1.4em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.4em;
  width: 90%;
}

a.image,
.gallery a {
  background-color: #f7f3ee;
  border: none;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  outline: 0;
}

/* thumbnail grid */
/* lifted from http://alijafarian.com/responsive-image-grids-using-css/ */
h1.gallery  {
  color: #c77070;
  font-family: "Title",sans-serif;
  font-size: 18px;
  margin-bottom: -0.4em;
  margin-bottom: -1.0em;
  margin-top: 3.0em;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  text-transform: uppercase;
  letter-spacing: 0.66px;
}

h2 + ul.rig { padding-top: 5px; }

ul.rig {
	font-size: 0px;
	list-style: none;
	margin-left: -2.5%; /* should match li left margin */
}

ul.rig li {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	margin: 0 0 2.5% 2.5%;
	-moz-box-sizing: border-box;
	padding: 10px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
}

ul.rig li img {
	height: auto;
	/* margin: 0 0 10px; */
	margin: 0 0 -5px;
	max-width: 100%;
}

ul.rig li h3 { margin: 0 0 5px; }

ul.rig li p {
	color: #777 !important;
  font-family: "Heading",sans-serif !important;
	/* font-size: 1.2em; */
	font-size: 10px;
	/* line-height: 1.5em; */
	line-height: 1em;
	/* margin-bottom: 2px; */
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
  text-transform: uppercase;
}

/* class for 2 columns */
ul.rig.columns-2 li { width: 47.5%; } /* this value + 2.5 should = 50% */
/* class for 3 columns */
ul.rig.columns-3 li { width: 30.83%; } /* this value + 2.5 should = 33% */
/* class for 4 columns */
ul.rig.columns-4 li { width: 22.5%; } /* this value + 2.5 should = 25% */

/*
@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a { display: block; }
	ul.rig { margin-left: 0; }
	ul.rig li {
		margin: 0 0 20px;
		width: 100% !important;
	}
}
*/

/* magnific-popup zoom */
.mfp-with-zoom.mfp-bg,
.mfp-with-zoom .mfp-container {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }

.mfp-with-zoom.mfp-removing.mfp-bg,
.mfp-with-zoom.mfp-removing .mfp-container { opacity: 0; }

span.exif {
  color: #555;
  font-size: 0.85em;
}

pre {
  border-left: 1px solid #ccc;
  margin-left: 2.0em;
  padding-left: 0.5em;
}

/* blockquote p { padding-left: .8em; } */

blockquote + p img { margin-left: -2em; }

th,
td {
  border: 1px solid #ddd;
  font-size: 0.9em;
  padding: 0.3em;
}

/* th { background: #eec; } */

hr {
  border: none;
  border-top: 1px dotted #ddd;
  width: 100%;
}

span.locked { text-decoration: line-through; }

.toc li { list-style-type: none; }

.todo {
  background-color: #f0ece8;
  color: #a03020;
  font-weight: bold;
}

.justleft { text-align: left; }
.justright { text-align: right; }
.justcenter { text-align: center; }

.center {
  margin-left: auto;
  margin-right: auto;
}

span.black {
  color: black;
  font-family: "Code",monospace;
  font-weight: bold;
}

span.blue {
  color: blue;
  font-family: "Code",monospace;
  font-weight: bold;
}

span.brown {
  color: brown;
  font-family: "Code",monospace;
  font-weight: bold;
}

#footer {
  font-size: 9.65px;
  /* letter-spacing: 1px; */
  line-height: 1.5em;
  text-align: center;
  text-indent: 0;
}

h1.diary {
  border-bottom-color: #ccc;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  color: #555;
  font-family: "Menu",sans-serif !important;
  font-size: 1.1em;
  margin-bottom: -0.8em;
  margin-top: 3.0em;
  padding-bottom: 3px;
  text-align: right;
}

/* em spec causes h1 a to be larger than h2 (?) */
h1.diary a {
  border-bottom-style: none;
  color: #c77070 !important;
  font-family: "Heading",sans-serif;
  /* font-size: 16px; */
  font-size: 12px;
  /* text-transform: uppercase; */
  font-weight: 300;
}

.showcomments a {
  border-bottom-style: none;
  font-family: "Menu",sans-serif;
  font-size: 9.65px;
  font-weight: 400;
}

h1.diary a:hover { color: #c77070 !important; }

/* p#footer + p#footer { margin-top: -2.5em !important; } */
p#footer + p#footer { margin-top: -1.75em !important; }

/* reverse "p + p" text-indent */
span.flush { margin-left: -1.6em; }

/* indent following line in p */
span.indent { margin-left: 1.6em; }

del,
del * { color: #aaa !important; }

/* em spec causes p a to be larger than p (?) */
blockquote p,
blockquote p a {
  color: #555;
  font-family: "Quote",serif !important;
  /* font-size: 12.25px; */
  font-size: 11.315px;
  /* font-size: 11.45px; */
  line-height: 1.75em;
}

/* restore monospace font-size to p */
blockquote p a { font-size: 1em; }

h1.title a {
  font-family: "Title",sans-serif;
  /* font-size: 0.95em; */
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.66px;
  text-transform: uppercase;
}

/* disable link to current page */
#menu + h1.title a { pointer-events: none; }

.sub .title { margin-bottom: -0.65em; }

/* em spec causes h1 a to be larger than h2 (?) */
h1.index a {
  color: #c77070 !important;
  font-family: "Heading",sans-serif;
  /* font-size: 16px; */
  font-size: 12px;
  font-weight: 300;
  /* text-transform: uppercase; */
}

.nextwiki a {
  font-family: "Menu",sans-serif;
  font-size: 9.65px;
  font-weight: 400;
}
 
strong { color: #222 !important; }
 
em,
td strong { color: #222 !important; }

a:hover,
a:hover * {
  /* background-color: #ddd; */
  background-color: #eee8d5;
  /* background-color: #fdf0cd; */
  /* background-color: #f7f3ee; */
  border-color: #eee8d5 !important;
  /* border-color: #fdf0cd !important; */
  color: #c77070 !important;
  text-shadow: none !important;
}

code {
  -moz-background-clip: padding;
  -moz-border-radius: 1px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 1px;
  background-clip: padding-box;
  background: #d9e8da;
  border-bottom: 1px solid #f7f3ee;
  border-bottom: none;
  border-color: #f7f3ee;
  border-left: none;
  border-radius: 1px;
  border-right: none;
  color: #555 !important;
  display: block;
  font-family: "Code",monospace;
  font-size: 10.5px;
  line-height: 2em !important;
  margin-top: 1px;
  padding-bottom: 2px !important;
  padding-left: 0.85em !important;
  padding-right: 0.6em !important;
  padding-top: 2px !important;
  text-indent: 0em;
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -o-pre-wrap; /* newer Opera */
  white-space: -pre-wrap; /* ancient Opera */
  white-space: pre-wrap; /* Chrome; W3C standard */
  word-wrap: break-word; /* IE */
}

p.code {
  border-left: 1px dotted #ccc;
  /* margin-left: 0.3em; */
  margin-left: 1.0em;
  /* padding-left: 1.0em; */
  padding-left: 1.3em;
}

pre code { line-height: 1.7em !important; }  /* doesn't work? */

/* @media screen and (max-width: 1080px) and (min-width: 720px) { */
/*   #wrapper { width: 90%; } */
/* } */