diff --git a/fnord.css b/fnord.css
index 48849fe..d9c4736 100644
--- a/fnord.css
+++ b/fnord.css
@@ -18,6 +18,7 @@ h1 a:hover { text-decoration: none; }
 .post p.date:before { content: "/* "; }
 .post p.date:after { content: " */"; }
 .post p {
+  line-height: 1.5em;
   word-wrap: break-word;
 }
 .footer { padding-top: 0px; }
@@ -32,13 +33,18 @@ blockquote p { margin: 0; }
 pre {
   margin-left: 10px;
   background-color: #ddd;
-  padding: 5px;
 }
 p code, li code {
-  background-color: ghostWhite;
+  background-color: rgba(0,0,0,0.04);
+  margin: 0;
   color: black;
-  padding: 0 .2em;
-  border: 1px solid #DEDEDE;
+  padding: .2em 0;
+  border-radius: 3px;
+  font-size: 95%;
+}
+p code::before, li.code::before, p code::after, li.code::after {
+    letter-spacing: -0.2em;
+    content: "\00a0";
 }
 .post {
   margin-bottom: 15px;
@@ -90,5 +96,6 @@ table thead tr, table tbody tr:nth-child(even) {
   background-color: #eee;
 }
 code, pre {
-  font-family: Inconsolata, monospace, sans-serif !important;
+  background-color: #f8f8f8;
+  font-family: Inconsolata, monospace, sans-serif;
 }
diff --git a/syntax.css b/syntax.css
index 47ddb64..399f86e 100644
--- a/syntax.css
+++ b/syntax.css
@@ -1,5 +1,12 @@
 div.highlight { overflow-x: auto; border: 1px solid silver; background-color: #ddd; margin-bottom: 10px; }
 div.highlight pre { margin: 0; }
+div.highlight code {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #333;
+  background: #f8f8f8;
+}
 .highlight .hll { background-color: #ffffcc }
 .highlight  { background: #f8f8f8; }
 .highlight .c { color: #408080; font-style: italic } /* Comment */