/*
THEME NAME: Minimalism
THEME URI: http://roquefort-files.net
DESCRIPTION: A simple theme with lots of hooks for styling.
VERSION: 0.1
AUTHOR: OrkneyDullard
AUTHOR URI: http://roquefort-files.net
*/

/* Basic font is 12pt * 1.5 = 18pt line height, Georgia/serif. */
body { margin: 0; border: 0; padding: 0; font: 12pt/1.5 Georgia, "Times New Roman", Times, serif; }
/* Basic heading font is bold Helvetica/Arial/sans-serif. */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; } 

/* Title container is full width of the page; the title within it has auto 20%
   margins so that it's centred with the content. Font size is 36pt = 2 * 18pt.
   0.5em vertical margins add up to another 36pts/2 lines. The underline is removed
   from the link element. */
div#title-container > h1#title { font-size: 36pt; line-height: 1.0; padding: 0.5em 20%; margin: 0; background: LightGrey; font-weight: normal; }
div#title-container > h1#title > a { border-bottom: none; }
div#title-container > h1#title > a:visited { color: black; }
div#title-container > h1#title > a:hover { color: white; }

/* hide the subtitle */
div#title-container > h2#subtitle { display: none; }

/* Nav list is displayed inline in the same style as the heading. The list also extends 
   right across the page, and is again styled with auto 20% margins. Line height is 
   12pts * 1.5 = 18pt, no other vertical margins. */
div#title-container > ul#navigation { list-style: none; margin: 0; margin-bottom: 1.5em; border: 0; padding: 0 20%; background: black; font: 12pt/1.5 Helvetica, Arial, sans-serif; }
div#title-container > ul#navigation > li { display:inline; margin: 0; padding: 0; padding-right: 0.25em; border: 0; }
div#title-container > ul#navigation > li > a { border-bottom: none; color: white; }
div#title-container > ul#navigation > li > a:hover { background: white; color: black; }

/* dates are off to the left. 1.5em spacing between right border and content to allow
   list bullets space if necessary. */
div.date { width: 8em; margin-left: -9.5em; float: left; text-align: right; }

/* content is padded centrally by 20% to make it more readable but still elastic. */
div#posts { padding: 0 20%; }

/* post styling. Title and content are both inline so that the first paragraph flows straight
   after the title. First para in both post and comments have 0 text-indent; the rest have 1 em. */
div.post { }
div.post .post-title { display: inline; float: left; margin: 0; padding: 0; padding-right: 0.5em; font-size: 12pt; line-height: 1.5; font-variant: small-caps; font-weight: bold; }
div.post .post-content { display: inline; padding: 0; margin: 0; }
div.post .post-content p:first-child { padding 0; margin: 0; text-indent: 0; }
div.post .post-content p { padding 0; margin: 0; text-indent: 1em; }

/* Illustrations are floated left or right, and the first paragraph after each one has no indentation. */
div.post .post-content .illustration { float: left; margin-right: 1.5em; }
div.post .post-content .illustration + p { text-indent: 0em; }
div.post .post-content .illustration-right { float: right; margin-left: 1.5em; }

div.post .post-content dl+p { text-indent: 0em; }
img { margin: 1em auto; display: block; }
.caption { text-align: center; margin: 1.5em auto; font-style: italic; }
div.post div.post-content .caption+p { text-indent: 0; }

/* Attachment-post images are centered. */
div.post-attachment .post-content .illustration { float:none; text-align:center; }

/* Footnote text is 10pts/1.8 = 18 pts high and have 1-line spacing before and after. Footnote characters are pushed outside the content region (like lists). If the footnote contains paragraphs, the first one after the a target has 0 text-indent. */
div.post .post-content .footnote { font-size: 10pt !important; line-height: 1.8 !important; margin: 0.9em 0;  text-indent: 0; display: block; }
div.post .post-content .footnote > a + dl { display: inline; }
div.post .post-content .footnote > a + dl > dt { display: inline; }
div.post .post-content .footnote > a + p { text-indent: 0; }
div.post .post-content .footnote > p { padding 0; margin: 0; text-indent: 1em; }

/* End long-form posts with a pilcrow */
div.post-long > .post-content > p:last-child:after { content: '\00A0 \00B6'; } /*   pilcrow */

/* all post metadata */
div.post > .post-meta { margin: 1.8em 0; font: 10pt/1.8 Helvetica, Arial, sans-serif; }
div.post > .post-meta-full { margin-left: 10%; margin-right: 10%; }
div.post > .post-meta-short { text-align: right; }
div.post > .post-meta-short:before { content: '\2014 '; } /* mdash */

/* comments & comment metadata */
.comments-title { font-size: 12pt; line-height: 1.5; font-variant: small-caps; font-weight: bold; }
.comments-title > .comments-feed:before { content: '('; }
.comments-title > .comments-feed:after { content: ')'; }
.comment-text > p:first-child { padding 0; margin: 0; text-indent: 0; }
.comment-text > p { padding 0; margin: 0; text-indent: 1em; }
.comment-text > p:last-child:after { content: ' \00B6'; } /* pilcrow */
.comment > .comment-meta { margin-top: 0.9em; margin-bottom: 1.8em; font: 10pt/1.8 Helvetica, Arial, sans-serif; }
.comment > .comment-meta { text-align: right; }
.comment > .comment-meta:before { content: '\2014 '; } /* mdash */
#no-comments:before { content: '('; }
#no-comments:after { content: ')'; }

/* comment form */
#respond { font: 10pt/1.8, Helvetica, Arial, sans-serif; }
#respond #comment-textarea { font: 12pt/1.5 Georgia, "Times New Roman" Times, serif; }

/* Lists: top/bottom margins of 1.5 em, or 18pts == 1 line height.
   No side margins - list decorations hang in the left-hand
   gutter. */
ol,ul { margin: 1.5em 0; border: 0; padding: 0; }
        
/* nested lists - push in to make clear where they lie */
ol ol, ul ul, ul ol, ol ul { margin: 0; padding: 0; padding-left: 1.5em; }
       
/* 18pt line height */
li { line-height: 1.5em; }
li > p:first-child { text-indent: 0; }
li > p { padding 0; margin: 0; text-indent: 1em; }
div.post > div.post-content > ol + p, div.post > div.post-content > ul + p { text-indent: 0; }

/* Dividers are block elements used to break up a post's contents */
div.post > div.post-content > .Divider { display:block; line-height: 3em; text-align: center; text-indent: 0; }
div.post > div.post-content > .Divider + p { text-indent: 0; }

/* Small caps */
.SmallCaps, .small-caps, strong { text-transform: lowercase; font-variant: small-caps; font-weight: normal; }

/* censored */
.censored { background-color: black; }

/* Movie script styling */
.Script { font-family: monospace; text-align: center; font-size: 10pt; line-height: 1.8em; margin: 1.8em 0; }
.Script p { padding-bottom: 1.8em; }
.Script + p { text-indent: 0; }

/* horizontal semicolon separated lists */
.horizontal-list li { display: inline }
.horizontal-list li:after { content:"; " }
.horizontal-list li:last-child:after { content:"" }

/* acronyms */
acronym { text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.1em; }

/* blockquotes */
div.post > .post-content > blockquote { font-size: 100%; font-style: italic; display: block; margin: 1.5em 2em; } 
div.post > .post-content > blockquote cite { display: block; text-align: right; } 
div.post > .post-content > blockquote cite:before { content: '— '; } 
div.post > .post-content > blockquote + p { text-indent: 0; }

/* Links are grey with a dotted underline which becomes solid when hovering over them,
   and are dimmer when they've been visited */
a { text-decoration: none; border-bottom: 1px dotted; color: black; }
a:hover { border: none; background: black; color: white;}
a:visited { color: rgb(96, 96, 96); }

/* older/newer post navigation links */
div#post-navigation { background: black; color: white; padding: 0 20%; text-align: right; height: 1.5em; font: 12pt/1.5 Helvetica, Arial, sans-serif; }
div#post-navigation > div.posts-link { display: inline; }
div#post-navigation > div.posts-link > a { color: white; border: 0; font: }
div#post-navigation > div.posts-link > a:hover { background: white; color: black;  }
div#post-navigation > div#older-posts-link { float: left; }

/* sidebar is padded centrally by 20% to make it more readable but still elastic. */
div#sidebar { padding: 1.5em 20%; background: LightGrey; margin: 0; }

/* tags and archives and other siderbar content are sorted into 3 columns. Doesn't work in all browsers, but does in modern ones! */
ul#archives-list, ul.wp-tag-cloud, ul.blogroll, ul#pages-list { -moz-column-count: 3;  -moz-column-gap: 1em; -webkit-column-count: 3; -webkit-column-gap: 1em; column-count: 3; column-gap: 1em; }

/* search */
div#search { padding: 0 20%; margin: 1em 0; }
div#search > #search-title { display: inline; font: 12pt/1.5 Helvetica, Arial, sans-serif; margin: 0; padding: 0; padding-right: 0.5em; }
div#search > #search-form { display: inline; margin: 0; padding: 0; }

/* put search results in quotes */
#search-terms:before { content: '\201C'; }
#search-terms:after { content: '\201D'; }

/* footnote testing */
.test-footnote-ref:before { counter-increment: footnote-counter; content: counter(footnote-counter); }
.test-footnote-ref { position: relative; bottom: 0.7em; font-size: 0.8em; }
p:not([class=test-footnote]) + .test-footnote { counter-reset: footnote-counter; }
.test-footnote:before { counter-increment: footnote-counter; content: counter(footnote-counter, symbol('+', ':')) ". "; }