/*
THEME NAME: Litho
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
*/
@import url("http://www.roquefort-files.net/wp/wp-content/themes/Litho/reset.css");

/* import fonts */
@import url("http://www.roquefort-files.net/fonts/lithoantique_demibold/stylesheet.css");
@import url("http://www.roquefort-files.net/fonts/lithoantique_light/stylesheet.css");

/* base font is 12/21pt helvetica/arial. The body of the page has a 1-line margin at top and bottom
and occupies 66% of the page width, with a 40em max and a 20em min. We show a thin black border
line here rather than in the title or navigation menu because that seems to confuse IE. */
body { font: 12pt/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 1.75em auto; width: 66%; max-width: 40em; min-width: 20em; }

/* All headings are 15/21pt Litho Antique/Rockwell. */
h1, h2, h3, h4, h5, h6 { font: 15pt/1.4em LithoAntiqueBold, Rockwell, serif; }

/* We don't want headings to show underscores for links, so remove them here. */
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, #navigation > li > a { border-bottom: none; }

/* Main title is 30/31.5pt (i.e. 1.5 regular line heights). Floated left and 40% wide to make the text wrap. */
#title { font-size: 30pt; line-height: 31.5pt; width: 40%; float: left; }
#subtitle { display: none; }

/* navigation menu. Aligned right, 12/21pt Litho Antique, small margin above and below. */
#navigation { font: 12pt/1.75em LithoAntiqueLtRegular, Rockwell, serif; text-align: right; margin:0;}
#navigation li { display: inline; }
#title-container { border-top:1px solid black; }
#title-container a { color:black; }
#title-container a:visited { color: black; }
#title-container a:hover { background: black; color: white; }

.date { font: 12pt/1.75em LithoAntiqueLtRegular, Rockwell, serif; float: right; position: relative; top: 1.75em; clear: both; }

.post { margin-bottom: 1.75em; text-align: left; }
.post > .post-title { clear: both; border-top: 1px solid black; margin-bottom: 0.875em; padding-right: 20%}

a { text-decoration: none; color: black; border-bottom: 1px dotted black; }
a:hover { color: white; background-color: black; }
a:visited { color: DimGray; }

strong { font-variant: small-caps; }
em { font-style: italic; }

p + p { text-indent: 1.75em; }

/* 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: 0.875em 0; border: 0; padding: 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
        
/* nested lists - push in to make clear where they lie */
ol ol, ul ul, ul ol, ol ul { margin: 0; margin-left: 0.875em; padding: 0; }

/* 21pt line height */
li { line-height: 1.75em;}
li > p { text-indent: 0; }
li > p + p { padding 0; margin: 0; text-indent: 1.75em; }
div.post > div.post-content > ol + p, div.post > div.post-content > ul + p { text-indent: 0; }

.Divider { text-align: center; margin: 0.875em}
.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: 2.1em; margin: 2.1em 0; }
.Script p { padding-bottom: 2.1em; }
.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-style: italic; display: block; margin: 1.5em 1.75em; } 
div.post > .post-content > blockquote cite { display: block; text-align: right; } 
div.post > .post-content > blockquote cite:before { content: '\2014 '; } 
div.post > .post-content > blockquote + p { text-indent: 0; }

/* 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.75em; }
div.post .post-content .illustration + p { text-indent: 0; ;}
div.post .post-content .illustration-right { float: right; margin-left: 1.75em; }

div.post .post-content dl+p { text-indent: 0em; }
img { margin: 1em auto; display: block; }
.caption { text-align: center; margin: 1.75em 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; }

/* comments & comment metadata */
.comments-title { border-top: 1px solid black; line-height: 1.75em; margin-top: 1.75em; }
.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 > .comment-meta { margin-top: 1em; margin-bottom: 2.1em; font: 12pt/1.75em LithoAntiqueLtRegular, Rockwell, 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: 12pt/1.75em LithoAntiqueLtRegular, Rockwell, serif; }
#respond #comment-textarea, input { font: 12pt/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif; }
#respond p + p { text-indent: 0; }

.footnote {
	font-size: 10pt;
	line-height: 1.75em;
	text-indent: 0;
	margin: 10.5pt 0;
}

.post-meta {
	font: 12pt/1.75em LithoAntiqueLtRegular, Rockwell, serif;
	text-indent: 0;
	margin-top: 10.5pt;
}

.post-meta-short {
	text-align: right;
}

.post-meta:before {
	content: '\00A7';
	width: 0;
}

/* post navigation */
div#post-navigation { margin-top: 1.75em; margin-bottom: 0.875em; border-top: 1px solid black; font: 12pt/1.75em LithoAntiqueLtRegular, Rockwell, serif; }
div#post-navigation > div.posts-link { display: inline; }
div#post-navigation > div#newer-posts-link { float: right; }

div#sidebar h2 { border-top: 1px solid black; margin-bottom: 0.875em; margin-top: 1.75em; }

/* 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; margin: 0; }

/* search */
div#search { clear: both; padding-top: 1.75em;}
div#search > #search-title { border-top: 1px solid black;}
div#search > #search-form { display: inline; }

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