/*
 Author: Mo McRoberts <mo.mcroberts@bbc.co.uk>

 Copyright (c) 2014 BBC

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
*/

/* 5.1 Document header */

body>header {
	margin: -13pt -13pt 1em -13pt;
	padding: 0;
	position: relative;
	border-bottom: solid #e2e2e2 1px;
}
section.legalnotice {
	font-size: 0.85em;
}

body.home>header {
	background: transparent;
	color: #e2e2e2;
	border-bottom: none;
}

body.book>header .global, body.index>header .global, body.home>header .global {
	color: #fff;
}

body.index>header, body.home>header {
	color: #fff;
}

header, .education header, .collection header, .developers header, .tech header, .faq header, .book header, .tech-tools header, .tech-guides header {
	color: #fff;
	border-bottom: 0;
}
body.home>header h1 {
	top: 190px;
}
body>header h1, body.index>header h1, .education header h1, .collection header h1, .developers header h1, .tech header h1, .faq header h1 {
	position: absolute;
	left: 0;
	right: 0;
	top: 250px;
	margin: 0 auto !important;
	color: #fff;
}
@media screen and (max-width: 767px) {
	body>header h1, body.index>header h1, body.home>header h1, .education header h1, .collection header h1, .developers header h1, .tech header h1, .faq header h1 {
		top: 170px;
		font-size: 25px;
	}
}

/* 5.1.1 Global navigation */

nav.global a:link, nav.global a:visited {
	color: inherit;
	text-decoration: inherit;
}
nav.global abbr {
	text-decoration: inherit !important;
	cursor: inherit !important;
	border: none !important;
}
nav.global {
	background: transparent;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: solid #404040 0;
	position: absolute;
	width: 100%;
	z-index: 1;
	width: auto;
	margin: 0 40px 0 0;
	left: 0;
	right: 0;
	display: block;
}
@media screen and (max-width: 767px) {
	nav.global {
		margin: 0;
	}
}
@media screen and (min-width: 1024px) {
	nav.global {
		margin: 0 auto;
		max-width: 986px;
	}
}
nav.global .inner {
	margin: 0 auto;
	padding: 0;
	max-width: 986px;
	height: 100px;
	position: relative;
}

nav.global ul {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}
nav.global li {
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', 'Gotham Rounded', sans-serif;
	font-style: normal;
	display: block;
	float: left;
	height: 100px;
	margin: 0;
	/*border-right: solid #707070 1px;*/
}
nav.global li:last-child {
	border-right: none;
}
nav.global li>a {
	display: block;
	height: 100px;
	line-height: 100px;
	color: #b2b2b2;
	padding: 0 13pt;
	font-size: 1.2em;
	/*text-transform: lowercase;*/
}
nav.global li>a:hover {
	/*background: #b2b2b2;*/
	/*color: #404040;*/
}
@media screen and (min-width: 768px) and (max-width:960px) {
	nav.global li>a {
		font-size: 1em;
	}
}
nav.global li.logo {
	position: absolute;
	float: none;
	top: 0;
	left: 12pt;
	border: none;
	width: 100px;
	height: 100px;
}
nav.global li.logo>a {
	background: #636363;
	color: #ceca13 !important;
	font-size: 2.5em;
	background-image: url(/res/images/res-logo-min-olive-grey.png); /*/res/images/res-logo-min-olive-grey.png*/
	text-indent: 999999px;
	overflow: hidden;
	width: 100px;
	height: 100px;
	padding: 0;
	background-size: 100%;
	background-position: 50% 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	nav.global li.logo>a {
		background-image: url(/res/images/res-logo-min-olive-greyx2.png); /*/res/images/res-logo-min-olive-grey.png*/
	}
}
nav.global li.logo>a:hover {
	color: inherit;
}

@media screen and (max-width: 767px) {
	body.home>header nav.global {
/*		position: relative;
		height: 120px;
		color: #000;*/
	}
	nav.global ul {
		float: right;
		margin-left: 90px;
	}
	nav.global ul li {
		height: auto;
		float: none;
		text-align: right;
		height: 23px;
	}
	nav.global li>a {
	height: auto;
		padding: 0 5pt;
		line-height: 23pt;
	}
	nav.global li.logo>a {
		font-size: 1.5em;
	}
	nav.subnav li>a {
		padding: 0 6pt;
	}
	nav.subnav li:first-child>a {
		padding-left: 4pt;
	}
}
.secondarynav {
	position: absolute;
	top: 145px;
	left: 0;
	width: 100%;
	background: transparent;
	border-bottom: 0;
	color: white;
	text-align: left;
	z-index: 2;
	font-size: 14px;
}
@media screen and (min-width: 768px) {
	.secondarynav {
		top: 80px;
		text-align: right;
		font-size: 16px;
	}
}
.secondarynav .inner {
	max-width: 986px;
	margin: 0 auto;
	padding-left: 10px;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.secondarynav .inner {
		margin: 0 40px 0 0;
		padding-left: 0;
	}
}
@media screen and (min-width: 1024px) {
	.secondarynav .inner {
		margin: 0 auto;
	}
}
.secondarynav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.secondarynav li {
	display: inline-block;
}
.secondarynav a {
	padding: 0 5pt;
}
@media screen and (min-width: 768px) {
	.secondarynav a {
		padding: 0 13pt;
	}
}

nav.subnav {
	background: #848484;
	color: #e6e6e6;
	margin: -1px 0 0 0;
	padding: 0;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', 'Gotham Rounded', sans-serif;
	font-style: normal;
	border-bottom: solid #636363 1px;
}
nav.subnav .inner {
	margin: 0 auto;
	padding: 0;
	max-width: 986px;
	height: 24pt;
	position: relative;
}
nav.subnav a {
	color: inherit;
	text-decoration: inherit;
}
nav.subnav abbr {
	text-decoration: inherit !important;
	cursor: inherit !important;
	border: none !important;
}
nav.subnav ul {
	display: block;
	margin: 0;
	padding: 0;
}
nav.subnav li {
	display: inline-block;
	height: 24pt;
	margin: 0;
}
nav.subnav li>a {
	display: block;
	height: 24pt;
	line-height: 24pt;
	padding: 0 13pt;
	font-size: 0.85em;
}
nav.subnav li>a:hover {
	color: #fff;
}

/* 5.1.2 Masthead image */

body>header .masthead {
	display: none;
	margin: -1px 0 0 0;
	height: 360px;
	display: block;
	position: relative;
}
@media screen and (max-width: 767px) {
	body>header .masthead {
		height: 220px;
	}
}
body.home>header .masthead {
	height: 500px;
}
body.book>header .masthead, body.index>header .masthead {
	height: 360px;
	border-bottom: solid #636363 1px;
}
/*body.home>header .masthead {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 9px;
	height: 0;
	overflow: hidden;
	z-index: 0;
	z-index: 0;
}*/
@media screen and (max-width: 767px) {
	body.book>header .masthead, body.index>header .masthead, body.home>header .masthead {
		height: 220px;
	}
	body.home>header .masthead {
		height: 350px;
	}
}
body #mediaPlayerWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	z-index: 0;
	z-index: 0;
}
body #mediaPlayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 0;
}
@media screen and (min-width: 1300px) {
/*	body.home>header .masthead {
		height: 740px;
		padding: 0;
	}*/
	body #mediaPlayer {
		width: 960px !important;
		height: 549px !important;
		margin: auto;
		display: block;
		position: relative;
	}
}

/* 5.1.3 Inside cover */

body>header h1, body>header h2 {
	margin: 13pt auto;
	max-width: 960px;
	padding: 0 13pt;
}
body>header p {
	font-weight: normal;
	font-style: normal;
	margin: 1.5em auto;
	max-width: 960px;
	padding: 0 13pt;
	color: black;
}
body>header a:link, body>header a:visited {
	text-decoration: inherit;
	color: inherit;
}
body>header .author,body>header .editor {
	font-size: 0.85em;
	font-weight: 300;
}
body>header .editor {
	color: #b2b2b2;
}
body>header .copyright {
	font-size: 0.85em;
	font-weight: 300;
	color: #b2b2b2;
}

/* 5.2 Document footer */

body>footer {
	margin: 0 -13pt -13pt -13pt;
	padding: 2em 1em 2em 1em;
	/*background-color: #01172a;*/
	position: relative;
	/*color: white;*/
	border-top: 1px solid #E2E2E6;
}
body>footer .wrapper {
	padding: 0;
}
body > footer p {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 960px;
	font-size: 0.75em;
}
/*body>footer:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 0;
	background-image: url(../res/images/twine-masthead.png);
	background-size: 90%;
	background-position: center 50px;
	background-repeat: no-repeat;
	opacity: 0.5;
}*/
body>footer p {
	font-size: 1em;
}
body>footer a:link, body>footer a:visited, body>footer a:link, body>footer a:visited {
	/*color: white;*/
	/*text-decoration: none;*/
}
.footer__links {
	border-color: rgba(255,255,255,0.3);
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
footer .logos a {
	margin-right: 50px;
	margin-bottom: 20px;
	opacity: 0.7;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
footer .logos a:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
footer .logos:after {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width: 767px) {
	footer .logos a {
		display: block;
		/*max-width: 100px;*/
	}
/*	footer .logos img {
		width: 100%;
	}*/
}

/* 5.3 Body text */

html {
	background-color: #fff;
	color: #000;
}
body {
	background: #fff;
	font-family: 'Roboto', 'Helvetica', 'Helvetica Neue', sans-serif;
	font-weight: 300;
	font-size: 13pt;
	margin: 0;
	padding: 13pt;
}
p {
	margin: 1em 0;
	line-height: 1.4;
}
section {
	clear: left;
}
article>section {
	margin: 1em 0;
	border-top: solid #e2e2e2 0.1em;
}
body>section {
	margin: 1em 0;
	border-top: solid #e2e2e2 0.1em;
}
body>header+section, header+article > section:first-child {
	border-top: none transparent 0;
}
body > section, body > article, body > nav {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 960px;
}

/* 5.4 Headings */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', 'Gotham Rounded', sans-serif;
	font-style: normal;
	padding: 0;
	margin: 13pt 0;
	line-height: 1.2;
}
h2, h3, h4, h5, h6 {
	color: #636363;
}
h1 {
	font-size: 3em;
	font-weight: 300;
}
h2, section h1, body>nav h1 {
	font-size: 1.875em;
	font-weight: 400;
}
h3, section section h1, section h2 {
	font-size: 1.125em;
	font-weight: 500;
}
h4, section section section h1, section section h2, section h3 {
	font-size: 0.875em;
	font-weight: 700;
}
h5, h6, section section section section h1, section section section h2, section section h3, section h4 {
	font-size: 0.75em;
	font-weight: 700;
}
h5, h6, section section section section section h1, section section section section section h2, section section section section section h3, section section section section section h4  {
	text-transform: uppercase;
}

/* 5.5 Lists */

ol, ul, dl {
	margin: 1em 0;
}
ol ol, ul ul, ol ul, ul ol {
	margin: 0;
}
ol, ul {
	padding: 0 0 0 1.5em;
}
li {
	margin: 0.25em 0;
	position: relative;
	line-height: 1.4;
}
li p {
	margin: 0.25em 0;
}
li>*:first-child {
	margin-top: 0;
}
li>*:last-child {
	margin-bottom: 0;
}

/* 5.5.1 Ordered lists */

ol {
	counter-reset: listitem;
	list-style-type: none;
}
ol>li:before {
	position: absolute;
	display: inline-block;
	counter-increment: listitem;
	content: counter(listitem, decimal) ". ";
	font-style: italic;
	width: 1.5em;
	text-align: right;
	margin-left: -2em;
}
ol>li>ol>li:before {
	content: counter(listitem, lower-latin) ". ";
}
ol>li>ol>li>ol>li:before {
	content: counter(listitem, lower-roman) ". ";
}

/* 5.5.2 Un-ordered lists */

/* 5.5.3 Definition lists */

dl {
	margin: 1em 0;
}
dt {
	margin: 1em 0 0.25em 0;
	font-weight: normal;
}
dd {
	margin: 0.25em 0 0.25em 1.5em;
}

/* 5.5.4 Tables of contents */

.toc {
	page-break-after: always;
}
.toc > ol li {
	position: relative;
}
.toc > ol li:before {
	position: absolute;
	left: -3.5em;
	min-width: 2em;
	text-align: right;
	content: counters(listitem, ".", decimal) " ";
	font-style: normal;
	font-size: 85%;
	vertical-align: middle;
	display: inline;
	margin: 0;
	color: #666;
}
.toc > ol > li > ol > li > ol > li > ol > li > ol li:before {
	content: '';
}
.toc > ol li.frontmatter:before, .toc > ol li.backmatter:before {
	content: '';
	counter-reset: listitem;
}
.toc > ol li.part:before {
	content: '';
}
.toc > ol li.part > a:before {
	content: "Part " counters(listitem, ".", decimal) ": ";
}

aside.sample {
	counter-reset: section1 -1;
}

/* Long-form works have numbered sections */

.book>article { counter-reset: section1; }
.book>article>section>h1:before { counter-increment: section1; content: counter(section1) " "; }
.book>article>section { counter-reset: section2; }
.book>article>section>section>h1:before { counter-increment: section2; content: counter(section1) "." counter(section2) " "; }
.book>article>section>section { counter-reset: section3; }
.book>article>section>section>section>h1:before { counter-increment: section3; content: counter(section1) "." counter(section2) "." counter(section3) " "; }

@media screen and (min-width: 1080px), print {
	article > section h1 {
		position: relative;
	}
	article > section h1:before {
		position: absolute;
		left: -3em;
		min-width: 2.5em;
		text-align: right;
	}
}

/* 5.6 Horizontal rules */

hr {
	border: none;
	outline: none;
	border-bottom: solid #666666 0.1em;
	margin: 1em 0;
}

/* 5.7 Code samples */

pre {
	margin: 1em;
	padding: 0.5em;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	border-left: 0.5em solid #444;
	border-radius: 4px;
	line-height: 1.0;
	overflow: scroll;
}
pre.code {
	background: #002b36;
}
pre.output {
	background: #000;
}
pre > code, pre > samp {
	color: #93a1a1;
}
pre.output kbd {
	background: #404040;
	color: #fff;
}
pre.css.code { border-left-color: #2aa198; }
pre.html.code { border-left-color: #268bd2; }
pre.js.code { border-left-color: #2aa198; }
pre.c.code { border-left-color: #dc322f; }

pre.code .keyword { color: #268bd2; }
pre.code .type { color: #b58900; }
pre.code .ident { color: #2aa198; }
pre.code .param { font-weight: bold; }
pre.code .string, pre.code .number, pre.code .literal { color: #859900; }
pre.code .builtin { color: #cb4b16; }
pre.code .comment { color: #93a1a1; font-weight: italic; }
pre.code .preproc { color: #dc322f; font-style: italic; }

pre.code .css-el { color: #6c71c4; }

/* 5.8 Tables */

table, td, tr, th {
	border-collapse: collapse;
	border: solid #e6e6e6 1px;
}
div.table {
	overflow: scroll;
}
table {
	table-layout: fixed;
	margin: 1em 0;
	border-top: 0.5em solid #636363;
	caption-side: bottom;
}
td {
	vertical-align: middle;
	padding: 0.5em;
}
thead, tfoot {
	background: #e6e6e6;
}
th {
	font-weight: normal;
	vertical-align: middle;
	padding: 0.5em;
}
tbody > tr > th {
	text-align: left;
}
caption {
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', 'Gotham Rounded', sans-serif;
	font-weight: normal;
	font-size: 0.85em;
	margin-bottom: 0.5em;
}
tfoot {
	font-size: 0.85em;
}
tfoot th {
	font-weight: 300;
}
table.numeric td, tbody.numeric td, tr.numeric td, td.numeric {
	text-align: right;
}

/* 5.9 Figures */

figure {
	clear: right;
	float: right;
	display: inline-table;
	margin: 1em;
	padding: 0;
	border: solid #e6e6e6 1px;
	position: relative;
	page-break-inside: avoid;
	max-width: 30%;
	text-align: center;
	caption-side: bottom;
	box-sizing: border-box;
	vertical-align: top;
}
figure>*, figure img {
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	width: 100%;
}
figure>figcaption {
	display: table-caption;
	width: auto; /* needed for Firefox */
	background: #e6e6e6;
	color: #000;
	margin: 0;
	font-size: 9pt;
	line-height: 1.5;
	padding: 0.25em 0.5em;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

figure.stacked {
	float: left;
	clear: none;
	max-width: 100%;
}
figure.full {
	float: none;
	clear: none;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
figure.half {
	float: none;
	max-width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
figure.half:nth-child(even) {
	clear: none;
}

figure.third {
	float: none;
	max-width: 30%;
	margin-left: 1%;
	margin-right: 1%;
}
figure.third:nth-child(3n+2), figure.third:nth-child(3n+3) {
	clear: none;
}

/* 5.10 Call-outs */

aside.info, aside.tip, aside.important, aside.warning, aside.caution {
	margin: 1em;
	padding: 0.75em 0.5em 0.75em 3em;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	border-left: 0.5em solid #444;
	border-radius: 4px;
	position: relative;
	line-height: 1.4;
}
aside.tip { border-left-color: #859900; }
aside.tip:before {
	background: #859900;
	content: 'i';
	font: italic normal 1em serif;
	position: absolute;
	left: 0.75em;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.75em;
	line-height: 1.5em;
	text-align: center;
	border-radius: 0.75em;
	color: #fff;
}
aside.info {
	border-left-color: #268bd2;
	overflow: scroll;
}
aside.info:before {
	background: #268bd2;
	content: 'i';
	font: italic normal 1em serif;
	position: absolute;
	left: 0.75em;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.75em;
	line-height: 1.5em;
	text-align: center;
	border-radius: 0.75em;
	color: #fff;
}
aside.warning { border-left-color: #b58900; }
aside.warning:before {
	background: #b58900;
	content: '!';
	font: normal bold 1em serif;
	position: absolute;
	left: 0.75em;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.75em;
	line-height: 1.5em;
	text-align: center;
	border-radius: 0.75em;
	color: #fff;
}
aside.important { border-left-color: #dc322f; }
aside.important:before {
	content: '!';
	font: normal normal 1em sans-serif;
	position: absolute;
	left: 0.75em;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.75em;
	line-height: 1.4em;
	text-align: center;
	background: #dc322f;
	border-radius: 0.75em;
	color: #fff;
}
aside.caution { border-left-color: #dc322f; }
aside.caution:before {
	content: '—';
	font: normal normal 1em sans-serif;
	position: absolute;
	left: 0.75em;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.75em;
	line-height: 1.4em;
	text-align: center;
	background: #dc322f;
	border-radius: 0.75em;
	color: #fff;
}
aside>p:first-child {
	margin-top: 0;
}
aside>p:last-child {
	margin-bottom: 0;
}

/* 5.11 Examples */

aside.example {
	margin: 1em auto;
	padding: 1em;
	border: solid #e6e6e6 1px;
	position: relative;
	page-break-inside: avoid;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	_height: 1%;
	display: table;
	caption-side: bottom;
	width: 100%;
	box-sizing: border-box;
}
aside.example>h1.example-title {
	display: table-caption;
	background: #e6e6e6;
	color: #000;
	margin: 0;
	font-size: 9pt;
	line-height: 1.5;
	padding: 0.25em 0.5em;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
aside.example:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
aside.example:before {
	content: 'Example';
	background: #e6e6e6;
	color: white;
	position: absolute;
	margin: -1px -1px 0 0;
	top: 0;
	right: 0;
	font-size: 9pt;
	line-height: 1.5;
	padding: 0 0.5em;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Gotham Rounded A', 'Gotham Rounded B', sans-serif;
	font-weight: 300;
	text-transform: lowercase;
}
aside.example:hover {
	border: solid #848484 1px;
}
aside.example:hover:before {
	background: #848484;
}
aside.example:hover>h1.example-title {
	background: #848484;
}

/* 5.12 Quotations */

blockquote {
	margin: 1em 1em 1em 0;
	padding: 0 0 0 1em;
	border-left: 0.5em solid #e6e6e6;
	line-height: 1.4;
	color: #404040;
}

/* 5.13 Footnotes */

.footnote>a:link, .footnote>a:visited {
	color: #268bd2;
	text-decoration: none;
}
.footnote>a:hover, .footnote>a:active {
	color: #000;
}
.footnotes ul {
	list-style: none;
}

/* 5.14 Forms */

/* 6.1 Links */

a:link {
	color: #a29f06;
}
a:visited {
	color: #ec7139;
}
a:hover, a:active {
	color: #e43744;
}

/* 6.2 Emphasis */

em {
	font-style: italic;
}
strong {
	font-weight: 500;
}

/* 6.3 Abbreviations and acronyms */

abbr[title] {
	border-bottom: dotted #000 1px;
	cursor: help;
}

/* 6.4 Code literals */

code, samp {
	font-family: Inconsolata, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
	font-weight: normal;
}
var {
	font-family: Arapey, serif;
	font-weight: normal;
	font-size: 1em;
	font-style: italic;
	color: inherit;
}
kbd {
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	font-style: italic;
	color: inherit;
}
code {
	color: #cb4b16;
}
samp {
	color: #586e75;
}
code var, kbd samp {
	font-family: inherit;
	color: inherit;
}
code var {
	font-weight: bold;
}

/* 6.5 Quotations */

q {
	color: #404040;
}
q:before {
	content: '“';
}
q:after {
	content: '”';
}

/* 6.7 Citations */

/* 7.1 Bold and italics */

/* Small screens */

@media screen and (max-width: 768px) {
	body {
		font-size: 11pt;
	}
}
/* Fixes for older IE */
header, footer, nav, aside, article, section {
    display: block;
}
nav.subnav li {
	*display: inline;
	zoom: 1;
}