@encoding "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: none transparent;
}
article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
} 
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
button, input[type=submit] {cursor: pointer;}

/* Colours and typography */

html, input {color: #213b65;}
html, input, .widget {background: url("http://www.nicholaswilson.me.uk/system/design/linen-paper.jpg") white;}

/* Almost honour the user's preference — nominally 16/24px ≈ 12/18pt */
html {font-size: 0.95em;}
body, input, button {font: 1em/1.5em LatinModernRoman10, Georgia, Garamond, serif;}
html {text-rendering: optimizeLegibility;}
tt, code, kbd, samp, pre {font: 1em/1.6em Inconsolata, Monaco, "DejaVu Mono", "Consolas", monospace;}

a {color: #00b030;}
#header .ncw-logo {fill: #006cff;}

hr, #menu, article > footer, .widget > p {border-color: #dfebff;}

a:visited, a[href^='#'] {color: #006cff;}
a:hover, a:active, a:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {color: #e30052;}
a:active, a:focus, input[type=submit]:active, input[type=submit]:focus {outline-color: #e30052; outline-width: 1px; outline-style: solid;}
input[type=submit]::-moz-focus-inner { border: 0; }
a[href='#'] {color: #213b65;}

#header:hover .ncw-logo, #header:focus .ncw-logo {fill: #eb0055;}

p a[href]:before, li a[href]:before, dl a[href]:before {content:"⸢";}
p a[href]:after, li a[href]:after, dl a[href]:after  {content:"⸥";}

a[href].a-section:before {content: "§ ";}
a[href].a-section:after {content:""; content:none;}

a[href].a-ssection:before {content: "§§ ";}
a[href].a-ssection:after {content: ""; content: none;}

a[href].a-image:before {content: ""; content: none;}
a[href].a-image:after {content: ""; content: none;}
a {text-decoration: none;}
a.a-image {outline-width: none;}

ins, ins > p, ins > blockquote {outline: 1px dashed #aaaaaa; text-decoration: none;}
del {text-decoration: line-through;}

p {text-indent: 1.5em;}
p:first-of-type {text-indent: 0;}

p, ul, ol, dd, pre, blockquote, hr {margin-bottom: 1.5em;}
blockquote {border-left: 0.2em solid #ddd; padding-left: 1.3px;}
hr {border-width: 1px 0 0}


h1, h2, h3, h4, h5, h6 {margin: 0; text-align: left; font-weight: 400;}
h1 {
  font-size: 2em; /* 32px; two + one grid lines */
  line-height: 1.5em;
}
h2 {
  font-size: 1.3em; /* 24px; one + one grid lines */
  line-height: 1.154em;
  margin-bottom: 1.154em;
}
h3 {
  font-size: 1.18em; /* ~20px; one + one grid lines */
  line-height: 1.271em;
  margin-bottom: 1.271em;
}
h4 {
  font-size: 1em; /* 16px; one grid line */
  font-weight: 700;
}
h5 {
  font-size: 1em;
  font-weight: 700;
  font-style: oblique;
}
h6 {
  font-size: 1em;
  font-style: oblique;
}

/* Layout */
html {border: 8px solid #006cff; border-width: 0 8px; min-height: 100%;}

body > header {max-width: 55em; margin: 0 auto; padding: 0 12px;}
body > article {max-width: 38em; margin: 0 auto; padding: 0 12px;}
body > footer, #infscr-loading {max-width: 38em; margin: 0 auto; padding: 0 12px;}

/**/
#header {cursor: pointer; display: block; margin-top: 50px;}
#header > svg {float: left; margin-right: 20px;}
#header > h1 {font-size: 80px; line-height: 80px; margin: 0;}
#header > h2 {font-size: 30px; line-height: 30px; margin: 0; position: relative; bottom: -5px;}

#menu {margin: 1.3em 0 1.5em; text-align: right; width: 100%; padding-bottom: 0.5em;}
.nav {list-style: none; margin: 0; padding: 0; display: inline;}
.nav > li {display: inline;}
.nav > li:before {content: "•"; padding: 0 0.3em;}
.nav > li:first-child:before {content ""; content: none; display: none;}
.nav > .rss > a:before {content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sFFA4PO5+70RUAAAIoSURBVCjPLZJNSFRhFIaf88293sYxszJJiyjTyhIUkTa6MsbSRS2qhZDh1ty0qU2bSAmiaBVBFK3cGS2iEEcwCEmMiApskUUWRZE59DM/3bn3fqfF1/Ll5XCeh3OExh7TPDo/bYSsEcQ3qJcCEfAMABiBwEPKEfqzzOy7m70D0nxJZ4B+QBMLcYJkAqhLo74BYxA/BZ5BUwKALP8g5xkhmy+hF7JwvBNZWYOnH+D+ayhGUJd2G1OCABomaE1A1hhB0h4YQbbVQs8uONcHC2eRkYNIIQT/P3KYuAyIHLisFpByDImF3fUw3A2nulGApW/I+QcQWyiEUElAFZWOK2qLFWSsF/ZvhSfv4eESNNWiN07Ajo3Ii88wPAnVVVCqAKBGBIygTRvQvla4eATNjaI7N8PpSVjJo13b0aEuWCugYYxaBem+pjZIOYfmeuRkJzrQ5vLYPXi7CrOjYBVpGXdDgQ8GwEshxiB/QpjIIRM5BGB8EJa/I1OvECNwuA3Jl5AoBmMErMKhPTA1AneG4NEbmFuGTdWQ3QfXHzuCo+1QLhXdUwQeYi3a0eTKtgbIVMHtBQSQY+3w8ovr9jYA3jqNLeKVI3RLBu4uouUYWVyBr7/h11908jk8++Qwr85BvuROlCgqLeM601pPf2TR1QJUYudXCNF8CSKL+AaKxaKiCelMrTSsJyc09piWM/PTNQFZQFTRcuS8rUIUO8zYIomiaZ/Zj7d6B/8BZ4PhgW4z8owAAAAASUVORK5CYII=') /*meta-feed-icon-14x14.png*/; padding-right: 0.15em; outline-width: 1px; padding: 0 0.1em;}
#menu form {outline: 1px solid #dfebff; padding: 0 0 0 4px; display: inline;}
#menu {border-bottom-width: 3px; border-bottom-style: double;}
#search {float: right;}
.widget {float: right; width: 100%; max-width: 15em; clear: right; padding-left: 1em; margin-bottom: 1.5em;}
.widget > :last-child {margin-bottom: 0}
.widget > p {border-left-width: 3px; border-left-style: double; padding-left: 1em;}
#about {font-style: italic;}
#about > h3 {display: none;}
#about > img {float: right; margin: 0 0 5px 15px;}

/**/
body > article {margin-bottom: 2.5em;}
article > footer {text-align: right; padding-bottom: 2.5em; border-bottom-width: 3px; border-bottom-style: double;}
.post-type-link > h2 > a:before {content: "⬉"; padding-right: 0.3em;}

.post-type-text > * {font-size: 1.3em;}
.post-type-text > p {margin-bottom: 1.154em;}
.post-type-text > h2 ~ * {font-size: 1em;}
.post-type-text > h2 ~ p {margin-bottom: 1.5em;}
.post-type-text > footer {font-size: 1em;}

.post-type-chat > ul { padding-left: 2em; display: block; }
.post-type-chat > ul > li > b:first-child { min-width: 3em; display: inline-block;}
.post-type-chat > ul >li { list-style: none; text-indent: -1em; }

.post-type-quote > blockquote:before {position: absolute; top: -25px; left: 0; content: "“"; color: #EEE; font-size: 250px; line-height: 250px; z-index: 0;}
.post-type-quote > blockquote {position: relative; z-index: 1; padding: 30px 0 0 45px; border: none; min-height: 45px; margin-bottom: 1.154em; font-size: 1.3em;}
.post-type-quote > blockquote > div {margin-bottom: 1.154em; position: relative;}
.post-type-quote > blockquote > div p {margin-bottom: 1.154em;}
.post-type-quote > div {text-align: right; padding-left: 40px;}
.post-type-quote > div > p:first-child:before {content: "—";}

.post-type-quote > blockquote > div > .poetry > p {text-indent: -2em; margin: 0;}
.post-type-quote > blockquote > div > .poetry {padding-left: 2em;}

body > footer, #infscr-loading {text-align: center; margin-top: 3em;}
#acks, #infscr-loading { max-width: 44.7em; font-size: 85%; }

/**/

#disqus_thread a:before, .dsq-cleanslate a[href]:before {
content: none;
}
#disqus_thread a:after, .dsq-cleanslate a[href]:after {
content: none;
}
#disqus_thread .dsq-clearfix:after {
content: " ";
}

/* Font includes */

@font-face {
  font-family: 'LatinModernRoman10';
  src: local('Latin Modern Roman'), local('LMRoman10-Italic'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmroman10-italic-webfont.woff') format('woff'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmroman10-italic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'LatinModernRoman10';
  src: local('Latin Modern Roman'), local('LMRoman10-Regular'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmroman10-regular-webfont.woff') format('woff'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmroman10-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'LatinModernRoman10';
  src: local('Latin Modern Roman Demi'), local('LMRomanDemi10-Oblique'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmromandemi10-oblique-webfont.woff') format('woff'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmromandemi10-oblique-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: oblique;
}
@font-face {
  font-family: 'LatinModernRoman10';
  src: local('Latin Modern Roman Demi'), local('LMRomanDemi10-Regular'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmromandemi10-regular-webfont.woff') format('woff'), url('http://nicholaswilson.me.uk/system/design/lmroman10/lmromandemi10-regular-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}