/**
* 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
* 
*/

/* =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 */
	font-family: "Helvetica Neue Bold Condensed", HelveticaNeue-CondensedBold, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
	/* 
	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: #666;
}
#container {
	/*
	base font-size rendering on 12px
	Use http://riddle.pl/emcalc/ to calculate onwards */
	font-size: 1.2em;
}




/* =h headings
--------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-family: "Helvetica Neue Light Condensed", HelveticaNeue-CondensedLight, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
}
h1 {
	float: left;
	width: 470px;
	font-size: 3.75em; line-height: 1; font-weight: normal; letter-spacing: -3px; word-spacing: -2px; color: #900;
}
body.awards h1 {
	width: 478px;
	font-size: 3.55em;
}
h1.flash-replaced {
	padding: 0;
}
h1.flash-replaced .alt {
	display: none;
}
h1.flash-replaced {
	margin-top: 40px;
}
.full h1.flash-replaced {
	margin-top: 15px;
}

h1, #the-team h2 {
	margin: 30px 0 20px; padding: 0 0 15px;
	border-bottom: 1px solid #999;
}

h2, blockquote p {
	margin: 0 0 0.5em;
	font-size: 1.5em; line-height: 1.2; font-weight: normal;
}
h3, h4 {
	margin: 0;
	font-size: 1em; line-height: 1.1250; font-weight: bold;
}
h3 {
	color: #000;
}
h5, h6 {
	font-size: 1em;
}
h5 {
	font-weight: bold;
	margin-bottom: 1em;
}
h6 {
	margin-bottom: 0.333em;
}



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

pre {
	padding: 1em 5px;
	color: #111;
	background: #efefef;
	white-space: pre-wrap;
}

blockquote {}
	blockquote p {
		font-style: italic;
		margin-bottom: 0.8889em;
	}
	
	/* these don't work, but it'd be nice to dream */
	blockquote p:not(.citation)::before,
	blockquote p:nth-last-child(n-1)::before {
		content: "\201c"; /*open-quote*/
	}
	blockquote p:nth-last-child(n-1)::after {
		content:"\201d"; /*close-quote*/
	}
	
	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: 0.75em/1.5 "Helvetica Neue", Helvetica, Arial, san-serif; text-align: right; color: #555; font-style: normal;
	}
	blockquote p.citation::before {
		content: "— ";
	}
	blockquote p.citation::after {
		content: "";
	}



/* =l lists
--------------------------------------------------------------------------------------------------*/
ul, ol {
	padding-left: 24px;
}
ul li,
ul li {}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: square;
}
ul.hfeed,
ul.columns {
	padding-left: 0;
}
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;
	border: 0;
}
img {
	margin-bottom: 1.5em;
	text-align: center;
	background-color: #fff;
}
#google-map img {
	background-color: transparent;
}
p.img {
	margin-top: 6px;
}
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 {
	color: #900; font-weight: bold; text-decoration: underline;
}
a:hover, a:focus,
.hovered a {
	text-decoration: none;
}
.fitt {
	cursor: pointer;
}
.active a, .active a:focus, .active a:hover, .active a:active {
	color: #333; text-decoration: none;
}





  /* Latest News */
  
.news-heading {
  font-family: "Helvetica Neue Light Condensed", HelveticaNeue-CondensedLight, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
  font-size:16px;
  text-align:left;
  font-weight:bold;
  color:#990000;
  line-height:22px;
}

.news-strap {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
  font-weight:bold;
  color:#333333;
  line-height:16px;
}

.news-date {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
  font-weight:bold;
  color:#990000;
  line-height:20px;
}

.archive-title {
  font-family: "Helvetica Neue Light Condensed", HelveticaNeue-CondensedLight, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
  text-align:left;
  font-size: 15px; line-height: 26px; font-weight: normal; color: #900;
  border-bottom: 1px solid #999;
}

.archive-rule {
  border-bottom: 1px solid #999;
}

.archive-date {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
  font-weight:bold;
  color:#990000;
  line-height:15px;
}

.archive-heading {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
  font-weight:bold;
  color:#333333;
  line-height:15px;
}

.archive-heading a:link {text-decoration:none;}
.archive-heading a:hover {text-decoration:none;}
.archive-heading a:visited {text-decoration:none;}

.archive-text {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
  font-weight: normal;
  color:#333333;
  line-height:14px;
}