/**
* Typography; defining fonts, sizes colours and spacing.
*
*
* CONTENTS
* -------------------------
* =b basics
* =h headings
* =p paragraphs/copy/body-text/blockquotes
* =l lists
* =i inline elements
* =a anchors/links
* =t tables
* 
*/

/* =b basics
--------------------------------------------------------------------------------------------------*/
body {
	position: relative;
	font: normal normal 62.5%/1.5 Helvetica, "Helvetica Neue", Arial, sans-serif; /* 62.5% means a default font-size of 10px based upon 16px base-font */
	/* 
	Setting line-height, not using the font shorthand
	http://www.quirksmode.org/bugreports/archives/2006/09/Line_height_declaration_in_short_hand_form.html */
	line-height: 1.5;
	color: #333;
}
#container {
	/*
	base font-size rendering on 12px
	Use http://riddle.pl/emcalc/ to calculate onwards */
	font-size: 1.2em;
}
#footer {
	font-size: 0.75em; line-height: 1.6667em;
}




/* =h headings
--------------------------------------------------------------------------------------------------*/
h1, h2 {
	font-size: 2em;
}
h3, h4,
blockquote p,
table caption {
	font-size: 1.3333em; line-height: 1.1250;
	margin: 0 0 0.25em;
}
h4 {
	font-size: 1em; font-weight: bold;
}
h5, h6 {
	font-size: 1em;
}
h5 {
	font-weight: bold;
}
h6 {
	margin-bottom: 0.333em;
}



/* =p paragraphs/copy/body-text/blockquotes
--------------------------------------------------------------------------------------------------*/
p, ul, ol, dl, pre, address, table {
	margin: 0 0 1.5em;
	font-weight: bold;
}
	
	.lede {}
	
	pre,
	p.caption,
	p.note, .note p, span.note,
	p.hint, .hint p,
	p.entry-date, span.entry-date,
	blockquote p.citation {
		margin: 0.6667em 0 0;
		color: #999; font-size: 0.75em; line-height: 1.6667em;
	}
	p.entry-date,
	p.website {
		margin: 0 0 0.3333em;
	}

pre {
	padding: 1em 5px;
	color: #111;
	background: #efefef;
	white-space: pre-wrap;
}
blockquote {}
	blockquote p {
		font-style: italic;
		margin-bottom: 0.8889em;
	}
	
	blockquote p:first-child {
		text-indent: -0.5em; *text-indent: -0.5em;
	}
	blockquote p:first-child::before {
		content: "\201c"; /*open-quote*/
	}
	blockquote p:last-child::after,
	blockquote p.last::after,
	body.js blockquote p.last::after {
		content:"\201d"; /*close-quote*/
	}
	body.js blockquote p::after {
		content: ""; /*no-close-quote*/
	}
	blockquote p.citation {
		font-family: "Helvetica Neue", Helvetica, Arial, san-serif; color: #555; text-align: right; font-style: normal;
		margin: -1em 0 1.5em;
	}
	blockquote p.citation::before {
		content: "— ";
	}
	blockquote p.citation::after {
		content: "";
	}



/* =l lists
--------------------------------------------------------------------------------------------------*/
ul, ol {
	padding-left: 14px;
}
ul li,
ul li {}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: disc;
}
ul.hfeed,
ul.columns {
	padding-left: 0;
	list-style: none;
}
ol.footnotes {
	border-top: 1px dotted #ccc;
}

dl dt {
	font-weight: bold;
}
dl dd {
	margin-left: 1em;
}
dl dd p:first-child {
	margin-top: 0;
}




/* =i inline elements
--------------------------------------------------------------------------------------------------*/
abbr, acronym {}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
img, a img, a:link img, a:visited img {
	display: block;
}
code, kbd, var {
	font-family: Consolas, Lucida Console, Monaco, "Courier New", Courier, monospace;
}
sup {
	position: relative; top: 2px; left: 1px;
	font-size: 0.75em;
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019";
}
	q:before {content:open-quote;}
	q:after {content:close-quote;}




/* =a anchors/links
--------------------------------------------------------------------------------------------------*/
a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none; color: #333; font-weight: bold;
}
a:hover, a:focus,
.hovered a {
	text-decoration: underline;
}
.fitt {
	cursor: pointer;
}
.active a, .active a:focus, .active a:hover, .active a:active {
	color: #333; text-decoration: none;
}
	
	

	
/* =t tables
--------------------------------------------------------------------------------------------------*/
table {}
	table caption {
		caption-side: top;
		text-align: left;
	}
	table thead th {
		padding: 0.25em 1em 0.25em 0.6666em;
		font-weight: bold; text-align: left; color: #555;
		vertical-align: middle;
		background-color: #C0C0C0;
		border-bottom: 1px solid #D1D1D1;
	}
	table tbody td {
		padding: 0.3333em 1em 0.3333em 0.6666em; /* 4px */
		vertical-align: top;
		border-bottom: 1px solid #D1D1D1;
	}
	table tbody tr,
	table tbody tr td {
		background-color: #f0f0f0;
	}
	table tbody tr.odd {
		background-color: transparent;
	}
	table th.number,
	table td.number {
		text-align: center;
	}



/* =f forms
--------------------------------------------------------------------------------------------------*/
label {
	font-weight: bold;
}