html {
				font-family: "Raleway", sans-serif;
				font-size: 1.1em;
				font-weight: 300;
			}

			body {
				background: #e3e3e3;
				text-align: left;
				position: relative;
				margin: 0;
			}

			a {
				color: #da1c5c;
				text-decoration: none;
			}

			a:hover {
				text-decoration: underline;
			}



			header {
				width: 100%;
				position: fixed;
				display: table;
				top: 0;
				left: 0;
				z-index: 1;
				background: rgba(250,250,250,0.9);
			}
			header.small {
				height: 72px;
			}

			nav {
				width: 70%;
				margin: 0 auto;
				position: relative;
				display: table;
			}
			
			nav h1 {
				display: inline-block;
				float: left;

				margin: 16px 0 0;
				font-weight: 300;
				font-size: 1.4em;	
				text-transform: lowercase;
			}
			
			nav h1 strong {
				font-weight: 600;
			}
			
			nav ul.external {
				display: inline-block;
				float: right;

				list-style-type: none;
				margin: 24px 0px 10px 0px;
				padding: 0;
			}
			nav ul.external li {
				display: inline-block;
				margin: 0;
				padding: 6px 12px 6px 0;
				font-weight: 600;
				font-size: 0.8em;
			}
			
			nav, main, footer {
					max-width: 800px !important;
					width: 80% !important;
					min-width: 300px !important;
				}
			
			@media (max-width: 1100px) {
				nav h1 {
					font-size: 1.3em;
				}
			}

			@media (max-width: 900px) {
				nav h1 {
					font-size: 1.2em;
				}
				main {
					font-size: 95%;
				}
				nav ul.main {
					font-size: 95%;
				}
			}
			
			@media (max-width: 600px) {
				nav h1 {
					font-size: 1.1em;
				}
				main {
					font-size: 90%;
					margin-top: 250px !important;
				}
				nav ul.main {
					font-size: 90%;
				}
			}

			nav ul.external li.selected a {
				color: #000;	
			}	
			
			nav ul.main {
				clear: both;
				
				list-style-type: none;
				margin: 10px 0 10px;
				padding: 10px 0 0;
			}
			
			nav ul.main li {
				display: inline-block;
				padding: 4px 12px 4px 0;
				margin: 0;
				font-size: 0.8em;
			}

			nav ul.main li a {
				color: #000;	
			}
			nav ul.main li.selected a {
				color: #da1c5c;	
			}	
			
			nav hr {
				border: none;
				margin: 0;
				padding: 0;
				clear: both;
			}
								
			a.button {
				display: inline-block;
				padding: 10px 12px;
				color: #f15a29;
				background: rgba(250,250,250,0.9);
				font-size: 0.8em;
			}

			a.button.selected {
				background-color: #f15a29;
				color: #fff;
			}
			
			a.button.back {
				margin-top: 50px;
			}
			
			.pages {
				display: inline-block;
				float: left;
			}
			.pages a.button {
				padding-left: 0;
				padding-right: 0;
				width: 2.5em;
				text-align: center;
			}
			
			.download {
				margin-top: 40px;
			}

			nav ul.options {
				position: absolute;
				bottom: -2em;
				right: 0;
				height: 2em;
				
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			nav ul.options li {
				display: inline-block;
				padding: 10px 12px;
				background: rgba(250,250,250,0.9);
				margin: 0;
				font-size: 0.8em;
			}
			nav ul.options li a {
				color: #f15a29;
			}
			nav ul.options li.selected {
				background-color: #f15a29;
			}
			nav ul.options li.selected a {
				color: #fff;
			}
			
			main, footer {
				width: 70%;
				margin: 200px auto 50px;
				z-index: 0;
			}
			
			main p {
				line-height: 160%;
			}

			main hr {
				border: none;
				border-top: 2px solid #ddd;
				margin: 30px 0;
			}


			pre {
				text-align: left;
			}
			
			code a, pre a {
				color: #000;
			}
			
			footer {
				text-indent: -1000em;
				color: #888;
			}

			footer a {
				font-size: 0.8em;
				color: #888;
			}
			
			select {
				-webkit-appearance: none;
				-moz-appearance: none;
				
				border: none;
				border-radius: 0;
				background: #fff;
				padding: 8px 30px 8px 10px;

				font-family: "Raleway", sans-serif;
				font-size: 0.9em;
				font-weight: 300;
			}
			
			label {
				float: right;
				display: inline-block;
				position: relative;
			}
			
			label::after {
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				content: '▾';
				width: 1.2em;
				height: 2em;
				line-height: 2em;
			}


			.toolbar {
				overflow: hidden;
				margin-top: 20px;
				margin-bottom: 40px;
			}

			.headers {
				background: #fff;
				padding: 20px;
				font-size: 1.2em;
				font-family: monospace;
				margin-bottom: 3em;
			}
			
			.results {
				margin-top: 1em;
			}
			
			.results div {
				display: inline-block;
				font-size: 1.4em;
				margin-right: 1em;
			}
			
			.results div em {
				display: block;
				font-style: normal;
				font-size: 0.4em;
				font-weight: 600;
				text-transform: lowercase;
				color: #888;
			}
			
			table {
				width: 100%;
				margin-bottom: 40px;
			}
			
			table td {
				white-space: nowrap;
				font-size: 0.85em;
				padding: 6px 0;
				
				border-bottom: 1px solid #ccc;
			}
			table td code {
				font-size: 1.15em;
				max-width: 400px;
				overflow-x: hidden;
				text-overflow: ellipsis;
				display: inline-block;
			}


			#container {
				background: #fff;
				padding: 30px;
				font-size: 3em;
				text-align: center;
			}
			
			#container code {
				max-width: 60%;
				margin: 0 auto;
				display: block;
				margin-top: 2em;
				font-size: 0.3em;
				line-height: 150%;
			}