article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
	{
	display: block
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not ([controls] ){
	display: none
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}

body,button,input,select,textarea {
	font-family: sans-serif;
	color: #222
}

a {
	color: #508b88;
	text-decoration: none
}

a:visited {
	color: #508b88
}

a:hover,a:focus {
	color: #f04530
}

a:focus {
	outline: thin dotted
}

a:hover,a:active {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold
}

pre,code,kbd,samp {
	font-family: "Source Code Pro", monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before,q:after {
	content: "";
	content: none
}

small {
	font-size: 85%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

ul,ol {
	margin: 1em 0;
	padding: 0 0 0 40px
}

dd {
	margin: 0 0 0 40px
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

svg:not (:root ){
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

label {
	cursor: pointer
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,input {
	line-height: normal;
	*overflow: visible
}

table button,table input {
	*overflow: auto
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

input:invalid,textarea:invalid {
	background-color: #f0dddd
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td {
	vertical-align: top
}

.clear {
	clear: both;
	content: '';
	display: block
}

.padder {
	height: 140px
}

html,body {
	height: 100%;
	width: 100%;
	background: #EEE
}

.main {
	min-height: 38px;
	overflow: hidden;
	background: #ed4732;
	background: linear-gradient(0deg, #da421c, #db5945);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	position: relative
}

.main #title {
	display: none
}

.main #navtoggle {
	display: block;
	height: 25px;
	width: 44px;
	border-radius: 4px;
	border: 0;
	margin: 6px 7px;
	text-indent: -1000em;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
	background: #531911;
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KCSB3aWR0aD0iNDRweCIgaGVpZ2h0PSIyNXB4Ij4NCg0KPHJlY3QgeD0iMTEiIHk9IjciIGZpbGw9IiNEQjg3N0QiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyIiAvPg0KPHJlY3QgeD0iMTEiIHk9IjkiIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxIiAvPg0KDQo8cmVjdCB4PSIxMSIgeT0iMTEiIGZpbGw9IiNEQjg3N0QiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyIiAvPg0KPHJlY3QgeD0iMTEiIHk9IjEzIiBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMjIiIGhlaWdodD0iMSIgLz4NCg0KPHJlY3QgeD0iMTEiIHk9IjE1IiBmaWxsPSIjREI4NzdEIiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgLz4NCjxyZWN0IHg9IjExIiB5PSIxNyIgZmlsbD0iIzAwMDAwMCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjEiIC8+DQoNCjwvc3ZnPg0K);
	background-position: center center;
	background-repeat: no-repeat
}

.main nav {
	max-width: 1000px;
	margin: 0 auto
}

.main nav {
	display: none;
	position: relative;
	background: #333;
	width: 100%;
	z-index: 4;
	padding-bottom: 100px
}

.main nav.active {
	display: block
}

.main nav ul {
	padding: 20px 0 0 17px
}

.main nav ul li {
	font-family: Arial, sans-serif;
	display: block;
	text-transform: uppercase;
	margin-right: 10px;
	border-bottom: 1px solid #444;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	position: relative
}

.main nav ul li:after {
	content: '';
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #111
}

.main nav ul li a {
	display: block;
	color: #FFF;
	opacity: .7;
	font-size: 18px;
	line-height: 50px;
	font-weight: normal
}

.main nav ul li a:hover {
	opacity: 1
}

body[data-href="tutorials"] #tutorials_menu a {
	opacity: 1
}

.masthead {
	position: relative;
	background: #3c3237;
	height: 150px
}

.container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
	position: relative
}

.masthead a {
	display: block;
	width: 100%;
	height: 100%
}

.masthead .container #image {
	position: absolute;
	left: 0;
	top: 25px;
	background: url(/static/images/mastheads/h5r-shadow-small.png) center
		top no-repeat;
	background-size: 100px 80px;
	width: 44%;
	height: 120px;
	z-index: 2
}

.masthead .container {
	background: radial-gradient(ellipse farthest-side at top, #73646e 0, #3c3237 100%)
}

.masthead .container h2:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: radial-gradient(ellipse farthest-side at bottom, rgba(115, 100, 110, 1)
		0, rgba(115, 100, 110, 0) 100%);
	z-index: 0
}

.masthead .container h2 {
	font-family: 'Open Sans';
	margin: 0;
	padding: 0;
	color: #FFF;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4)
}

.masthead .container span {
	display: block;
	position: absolute;
	z-index: 1
}

.masthead .container span.large {
	font-weight: 700;
	text-transform: uppercase;
	width: 65%;
	left: 44%;
	top: 71px;
	font-size: 21px
}

.masthead .container span.small {
	font-style: italic;
	font-weight: 100;
	left: 45%;
	width: 45%;
	top: 20px;
	font-size: 13px;
	color: #87bab6
}

.masthead .container span.learnmore {
	right: 5%;
	top: 100px;
	font-size: 12px;
	color: #87bab6;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #87bab6
}

.search {
	position: relative;
	width: 98%;
	max-width: 1000px;
	background: #FFF;
	height: 54px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	margin-top: -10px;
	border: 2px solid #FFF
}

.search legend,.search label {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px)
}

.search #q {
	width: 74%;
	line-height: 54px;
	padding: 0 10px;
	font-size: 18px;
	font-family: 'Open Sans';
	font-weight: bold;
	color: #333;
	height: 54px;
	background: #e6e6e6;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
	border: 0;
	display: inline-block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none
}

.search #search-button {
	text-indent: -2000px;
	overflow: hidden;
	width: 7%;
	right: 2%;
	height: 54px;
	min-width: 40px;
	background: url(/static/images/home/search-button.jpg) center center
		no-repeat;
	border: 0;
	position: absolute
}

.divider {
	padding-top: 15px;
	margin-top: 15px;
	position: relative;
	display: block;
	border-top: 1px solid #cbcbcb
}

.divider:before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	border-top: 1px solid #FFF
}

.latest-articles {
	margin-top: 25px;
	width: 98%;
	max-width: 1000px;
	position: relative;
/*	margin: 0 auto;*/
	margin-bottom: 30px;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.latest-articles .container {
	padding-bottom: 30px
}

.latest-articles .rss-feed,.articles-list .rss-feed {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 2%;
	top: 1%;
	text-indent: 30px;
	font-size: 0;
	overflow: hidden;
	background: url(/static/images/rss.png);
	background-size: 28px 28px
}

.latest-articles h2 {
	font-family: 'Open Sans';
	font-size: 26px;
	font-weight: 800;
	color: #5fa49f;
	margin: 0 0 .8em 0;
	padding: .7em 0 0 4%
}

.latest-articles ul {
	margin: 0;
	padding: 0;
	float: left
}

.latest-articles ul li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #DDD;
	list-style: none;
	width: 100%;
	background: #FFF;
	display: block;
	float: left
}

.latest-articles ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.latest-articles ul li a {
	display: block;
	background: #FFF
}

.latest-articles .left {
	display: block;
	float: left;
	width: 13%;
	min-width: 70px;
	padding-left: 4%
}

.latest-articles .right {
	display: block;
	float: left;
	width: 70%;
	margin: 0 0 0 1%
}

.latest-articles .author img {
	border: 2px solid #FFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

.latest-articles .title {
	color: #333;
	font-size: 15px;
	font-family: 'Open Sans';
	font-weight: 800;
	display: block;
	margin-bottom: .6em;
	transition: color .3s ease-out
}

.latest-articles a:hover .title {
	color: #666
}

.latest-articles .description {
	color: #666;
	font-size: 13px;
	line-height: 1.3
}

.landing-pages {
	width: 98%;
	max-width: 1000px;
	position: relative;
	margin: 0 auto;
	background: #FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 4px
}

.landing-pages .panel {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #DDD
}

.landing-pages .panel:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.landing-pages .panel .left {
	width: 13%;
	min-width: 75px;
	min-height: 50px;
	padding-left: 4%;
	float: left;
	display: block
}

.landing-pages .panel .icon {
	width: 66px;
	height: 66px;
	background:
		url(data:image/jpeg;base64,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);
	background-size: 197.5px 65.5px;
	margin-top: 20px
}

.landing-pages .panel.performance .icon {
	background-position: -264.5px 0
}

.landing-pages .panel .right {
	width: 70%;
	float: left;
	display: block;
	margin: 0 0 0 1%
}

.landing-pages .panel a {
	display: block
}

.landing-pages .panel h2 {
	color: #333;
	font-size: 28px;
	font-family: 'Open Sans';
	font-weight: 300;
	display: block;
	margin-bottom: .6em;
	transition: color .3s ease-out
}

.landing-pages .panel p {
	color: #666;
	font-size: 13px;
	line-height: 1.4
}

.google-project {
	color: #444;
	margin-top: 20px;
	padding-top: 40px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	text-align: center;
	border-top: 1px solid #cbcbcb;
	font-size: 14px;
	position: relative
}

.google-project:after {
	content: '';
	border-top: 1px solid #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

kbd,.kbd {
	padding: .1em .6em;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	color: #333;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
	border-radius: 3px;
	display: inline-block;
	margin: 0 .1em;
	text-shadow: 0 1px 0 #fff;
	line-height: 1.5;
	white-space: nowrap
}

@media screen and (min-width:430px) {
	.divider {
		padding-top: 25px;
		margin-top: 25px
	}
	.masthead .container span.large {
		font-size: 21px;
		top: 69px;
		left: 56%
	}
	.masthead .container span.small {
		font-size: 15px
	}
}

@media screen and (min-width:500px) {
	.masthead {
		height: 198px
	}
	.masthead .container #image {
		background: url(/static/images/mastheads/h5r-shadow.png) center top
			no-repeat;
		background-size: 177px 140px;
		width: 35%;
		height: 140px;
		top: 20px;
		left: 17px
	}
	.masthead .container span.small {
		top: 35px;
		font-size: 17px
	}
	.masthead .container span.large {
		top: 88px;
		font-size: 31px
	}
	.masthead .container span.learnmore {
		top: 135px;
		font-size: 17px
	}
	.search {
		border: 0;
		width: 96%;
		padding: 2%
	}
	.search #q {
		width: 85%
	}
}

@media screen and (min-width:620px) {
	.latest-articles h2 {
		padding-left: 2%
	}
	.latest-articles ul {
		padding: 0 0 0 2%
	}
	.latest-articles ul li {
		width: 47.5%;
		height: 140px;
		margin: 0 2% 20px 0
	}
	.latest-articles .left {
		width: 20%;
		padding: 0
	}
	.latest-articles .right {
		width: 71%
	}
	.landing-pages {
		width: 98%;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
		background: 0
	}
	.landing-pages .panel {
		width: 45%;
		height: 180px;
		margin: 0 2% 20px 0;
		padding: 2%;
		float: left;
		border: 0;
		background: #FFF;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
	}
	.landing-pages .panel:nth-child(2) {
		margin: 0 0 20px 0;
		padding-bottom: 2%
	}
	.landing-pages .panel .left {
		width: 20%;
		padding: 0
	}
	.landing-pages .panel .right {
		width: 71%
	}
}

@media screen and (min-width:700px) {
	.main {
		min-height: 50px
	}
	.main #navtoggle {
		display: none
	}
	.main nav {
		display: block;
		background: 0;
		position: relative;
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		padding-bottom: 0
	}
	.main nav ul {
		padding: 0 17px
	}
	.main nav ul li {
		display: inline;
		line-height: 50px;
		border-bottom: 0
	}
	.main nav ul li:after {
		display: none
	}
	.main nav ul li a {
		font-size: 14px;
		display: inline
	}
	.masthead .container span.large {
		left: 45%;
		top: 77px;
		font-size: 43px
	}
	.masthead .container span.small {
		width: 55%;
		left: 38%;
		top: 32px;
		font-size: 20px
	}
}

@media screen and (min-width:735px) {
	.latest-articles .right {
		width: 78%
	}
}

@media screen and (min-width:770px) {
	.masthead {
		height: 408px
	}
	.masthead .container #image {
		background-size: 245px 194px;
		width: 245px;
		height: 194px;
		top: 70px;
		left: 5%
	}
	.masthead .container span.large {
		font-size: 48px;
		top: 162px;
		left: 49%
	}
	.masthead .container span.small {
		font-size: 26px;
		top: 80px;
		width: 50%;
		left: 43%
	}
	.masthead .container span.learnmore {
		font-size: 22px;
		top: 240px
	}
	.masthead .container span.learnmore:after {
		content: ' →'
	}
	.search {
		margin-top: -33px;
		width: 98%;
		padding: 1%
	}
	.search #q {
		width: 88%
	}
}

@media screen and (min-width:915px) {
	.latest-articles ul li {
		width: 31%;
		height: 140px;
		margin: 0 2% 20px 0;
		border-bottom: 0
	}
	.latest-articles .right {
		width: 73%
	}
	.landing-pages .panel .icon {
		margin-left: 7px
	}
}

@media screen and (min-width:1000px) {
	.masthead .container #image {
		top: 75px
	}
	.masthead .container span.large {
		font-size: 70px;
		top: 164px;
		left: 40%;
		width: 64%;
		line-height: 1.05;
		letter-spacing: -3px
	}
	.masthead .container span.small {
		font-size: 28px;
		top: 100px;
		left: 34%;
		width: 60%
	}
	.search {
		border-radius: 4px;
		padding: 0;
		height: 74px
	}
	.search #q {
		width: 88%;
		margin: 1%
	}
	.search #search-button {
		right: 1%;
		margin-top: 9px
	}
	.landing-pages {
		width: 98%
	}
	.latest-articles .rss-feed {
		top: 2%;
		right: 1%
	}
	.landing-pages .panel .icon {
		margin-left: 9px
	}
}

.article {
	background: #EEE
}

.article table {
	width: 100%;
	margin-bottom: 1em
}

.article table,.article tr,.article td {
	word-wrap: break-word
}

.article .title {
	background: #f2f2f2;
	background: radial-gradient(circle farthest-side at center, #FFF 0, #dae4e4 100%)
}

.article .watermark {
	display: none;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -72px;
	width: 68px;
	height: 116px;
	text-indent: -100em;
	opacity: .75;
	transition: opacity .3s ease-out;
	overflow: hidden;
	background-image:
		url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3
}

.article .watermark:hover {
	opacity: 1
}

.article .divider {
	display: none
}

.article .title h1 {
	color: #333;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);
	font-size: 28px;
	font-family: 'Open Sans';
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.06em;
	margin: 0 auto;
	width: 70%;
	padding-right: 10%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased
}

.article .title h2 {
	font-size: 15px;
	z-index: 2;
	color: #666;
	border: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	font-weight: 300;
	padding: 7px 14px;
	margin: 0 auto;
	width: 80%
}

.article .title-text {
	padding: 15px 0
}

.article .title-text:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient(circle farthest-side at top, rgba(255, 255, 255, 0.45)
		0, rgba(255, 255, 255, 0) 100%)
}

.article .byline {
	margin-bottom: 34px
}

.article .byline .translator,.article .byline .date time,.article .byline .date span
	{
	display: block
}

.article .byline .date:last-child {
	margin-right: 0;
	padding-bottom: 30px
}

.article .byline a,.article .byline a:visited {
	color: #555;
	text-decoration: underline
}

.article .byline a:visited {
	color: #777
}

.article .author-images {
	text-align: center
}

.article .author-images img {
	width: 80px;
	border: 3px solid #FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	border-radius: 100%;
	position: relative
}

.article .author-images a {
	margin-right: 10px;
	display: inline-block;
	height: 86px;
	width: 86px
}

.article .meta {
	font-weight: 400;
	padding-top: 2px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased
}

.article .meta strong {
	font-weight: 800
}

.article .meta .authors {
	font-size: 16px;
	padding-bottom: 6px;
	color: #444
}

.article .content-wrapper {
	position: relative;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	word-wrap: break-word;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased
}

.article .content-wrapper:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	height: 30px;
	width: 100%;
	background: linear-gradient(0deg, #FFF, #f6f9f9)
}

body.locked.article .content-wrapper:after {
	display: none
}

.article .content-wrapper .container {
	padding: 30px 0 60px 0;
	width: 100%;
	max-width: 975px
}

.article .content-wrapper .content {
	width: 87%;
	margin: 0 auto;
	max-width: 660px;
	position: relative
}

.article header .toc,.article .article-meta {
	display: none
}

.article header .toc.active {
	width: 100%;
	background: #333;
	display: block;
	z-index: 10;
	padding-bottom: 100px
}

.article header .toc.active h1 {
	display: none
}

.article header .toc.active h1.visible-title {
	display: block;
	margin: 1.5em 0 -20px 0;
	padding: 0 0 0 17px;
	font-size: 18px;
	color: #FFF
}

.article header .toc.active ul:first-of-type {
	padding: 20px 17px 0 17px
}

.article header .toc.active ul li {
	display: block;
	text-transform: uppercase;
	margin-right: 10px;
	border-bottom: 1px solid #444;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	position: relative;
	padding-left: 0;
	background: 0;
	font-family: Arial, sans-serif
}

.article header .toc.active ul li:after {
	content: '';
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #111
}

.article header .toc.active ul li a {
	display: block;
	color: #FFF;
	opacity: .7;
	font-size: 18px;
	transition: opacity .2s ease-out;
	text-decoration: none
}

.article header .toc.active ul li a:hover {
	opacity: 1
}

.article #toctoggle {
	position: absolute;
	top: 6px;
	right: 7px;
	display: block;
	height: 25px;
	border: 0;
	padding: 0 10px;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	font-size: 14px;
	line-height: 25px;
	text-decoration: none;
	font-weight: 800;
	z-index: 10;
	opacity: .75
}

.article #toctoggle:hover {
	color: #FFF;
	opacity: 1
}

.article .content-wrapper section {
	display: block;
	margin: 0 auto
}

.article .content-wrapper a {
	text-decoration: underline
}

.article .content-wrapper button a {
	text-decoration: none;
	color: #FFF
}

.article .content-wrapper button {
	background: #333;
	color: #FFF;
	border-radius: 4px;
	border: 0;
	padding: 10px 14px
}

.article .content-wrapper .notice {
	clear: both;
	padding: .8em .7em;
	margin: 1em 0;
	border-top: 1px dotted #cbcbcb;
	border-bottom: 1px dotted #cbcbcb;
	color: #333;
	font-style: italic
}

.article .content-wrapper .fact,.article .content-wrapper .tip,.article .content-wrapper .warning
	{
	position: relative;
	margin: 2em 0 1.5em 0
}

.article .content-wrapper .fact:before,.article .content-wrapper .tip:before,.article .content-wrapper .warning:before
	{
	font-size: 16px;
	padding: 2px 7px 3px 7px;
	content: 'Fact!';
	background: #59b200;
	line-height: 24px;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	-webkit-transform: rotate(-5deg) translateX(-10px) translateY(-25px);
	-moz-transform: rotate(-5deg) translateX(-10px) translateY(-25px);
	-ms-transform: rotate(-5deg) translateX(-10px) translateY(-25px);
	-o-transform: rotate(-5deg) translateX(-10px) translateY(-25px);
	transform: rotate(-5deg) translateX(-10px) translateY(-25px)
}

.article .content-wrapper .warning {
	color: #ed4732;
	border-top: 1px dotted #ed4732;
	border-bottom: 1px dotted #ed4732
}

.article .content-wrapper .warning:before {
	content: 'Heads up!';
	background: #ed4732
}

.article .content-wrapper .fact {
	border-top: 1px dotted #59b200;
	border-bottom: 1px dotted #59b200;
	background: #fcfffa
}

.article .content-wrapper .fact strong,.article .content-wrapper .fact b
	{
	color: #59b200
}

.article .content-wrapper .tip {
	border-top: 1px dotted #00a3d9;
	border-bottom: 1px dotted #00a3d9;
	background: #fafeff
}

.article .content-wrapper .tip strong,.article .content-wrapper .tip b {
	color: #00a3d9
}

.article .content-wrapper .tip:before {
	content: 'Tip!';
	background: #00a3d9
}

.article p {
	margin: .4em 0 .8em 0
}

.article h2,.article h3,.article h4,.article h5 {
	color: #333;
	font-family: 'Open Sans';
	font-weight: 600;
	margin: 1.3em 0 .7em 0;
	clear: both;
	max-width: 85%
}

.article h1 {
	font-size: 150%
}

.article h2 {
	font-size: 135%
}

.article h3 {
	font-size: 120%
}

.article h4 {
	font-size: 110%
}

.article h5 {
	font-size: 105%
}

.article p code,.article table code {
	font-size: .9em;
	color: #333
}

.article figure {
	text-align: center;
	display: block;
	margin-bottom: 1em
}

.article img,.article figure img {
	max-width: 100%;
	box-sizing: border-box
}

.article img.bordered {
	outline: 1px solid #CCC
}

.article figcaption {
	color: #333;
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
	margin: 1em auto 2em auto;
	width: 80%
}

.article blockquote {
	color: #4a7e7b;
	font-style: italic;
	padding: .9em .7em 1.2em .7em;
	margin: 1.5em 0;
	font-weight: 400;
	position: relative;
	box-sizing: border-box;
	border-top: 1px dotted #4a7e7b;
	border-bottom: 1px dotted #4a7e7b;
	line-height: 1.4
}

.article blockquote cite {
	position: absolute;
	bottom: -0.75em;
	right: 0;
	line-height: 30px;
	font-size: 20px;
	color: #999;
	background: #FFF;
	padding: 0 20px
}

.article blockquote cite:before {
	content: '- '
}

.article blockquote.talkinghead {
	padding-left: 80px
}

.article blockquote.talkinghead:before {
	content: '';
	border-radius: 100%;
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: -28px;
	top: 50%;
	left: 10px;
	background-position: center center !important;
	background-size: 50px 50px !important;
	border: 2px solid #FFF;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4)
}

.article blockquote:after,.article blockquote:before {
	clear: both
}

.article footer {
	color: #DDD;
	font-size: 16px;
	padding-top: 60px;
	min-height: 130px;
	background: #444;
	position: relative;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased
}

.article footer .container {
	width: 90%;
	margin: 0 auto
}

.article footer p.licensing {
	width: 60%;
	margin: 0 auto;
	color: #777;
	text-align: center;
	clear: both;
	font-size: 13px;
	padding-bottom: 40px
}

.article footer a {
	color: #999
}

.article footer a:hover {
	color: #FFF
}

.article footer:after {
	position: absolute;
	content: '';
	top: 10px;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px dashed #8f8f8f
}

#article-meta {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	opacity: .999999
}

#article-meta.sticky {
	-webkit-backface-visibility: hidden;
	position: fixed !important;
	top: 22px;
	bottom: 22px;
	left: 50%;
	margin-left: -467px;
	opacity: .3;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: opacity 5s ease-in-out;
	-moz-transition: opacity 5s ease-in-out;
	-ms-transition: opacity 5s ease-in-out;
	-o-transition: opacity 5s ease-in-out;
	transition: opacity 5s ease-in-out
}

#article-meta.sticky:hover {
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	opacity: .999999
}

.article .article-meta .toc,.article aside.localizations {
	font-size: 15px;
	margin-bottom: 30px
}

.article .article-meta .toc a,.article aside.localizations a {
	color: #666;
	text-decoration: none
}

.article .article-meta .toc a:hover,.article aside.localizations a:hover
	{
	color: #333;
	text-decoration: underline
}

.article .article-meta h1 {
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px solid #DDD;
	margin: 0 0 .6em 0;
	padding: 0 0 5px 0
}

.article .article-meta ul,.article .article-meta li,.article footer .panel ul,.article footer .panel li
	{
	list-style: none;
	padding: 0;
	margin: 0
}

.article .article-meta li,.article footer .panel li {
	padding-left: 20px;
	background:
		url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KCSB3aWR0aD0iOXB4IiBoZWlnaHQ9IjlweCI+DQo8cmVjdCB5PSIzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzVGQTQ5RiIgd2lkdGg9IjkiIGhlaWdodD0iMyIvPg0KPHJlY3QgeD0iMyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1RkE0OUYiIHdpZHRoPSIzIiBoZWlnaHQ9IjkiLz4NCjwvc3ZnPg0K);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	line-height: 1.4;
	padding-bottom: .4em
}

.article footer .panel li a {
	color: #666
}

.article nav.toc ul li ul {
	display: none
}

.article footer h1,.article footer h2 {
	font-family: 'Open Sans';
	font-weight: 800;
	font-size: 38px;
	color: #FFF;
	margin: 0 0 1em 0
}

.article footer h2 {
	line-height: 28px;
	font-size: 22px;
	color: #AAA;
	margin: 0 0 .6em 0
}

.article footer .panel {
	margin: 0 0 30px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #5f5f5f
}

.article footer .panel ul,.article footer .panel li {
	font-size: 16px;
	margin-bottom: 5px;
	list-style: none;
	color: #FFF;
	line-height: 1.2;
	background-position: 3px 6px
}

.article footer .panel li a {
	color: #DDD;
	text-decoration: underline
}

.article footer .panel li a:hover {
	color: #FFF
}

.article footer .panel.share a {
	margin-right: 14px;
	display: inline-block;
	width: 48px;
	height: 48px;
	background-image: url(icons.png);
	background-size: 296px 56px;
	background-repeat: no-repeat;
	text-indent: -100em;
	overflow: hidden;
	font-size: 0
}

.article footer .panel.share a.twitter {
	background-position: -160px 0
}

.article footer .panel.share a.facebook {
	background-position: -80px 0
}

.article footer .panel.share a.gplus {
	background-position: 0 0
}

.article footer .panel.rss h2 {
	padding-left: 40px;
	background-image: url(icons.png);
	background-size: 148px 28px;
	background-repeat: no-repeat;
	background-position: -120px 0
}

.article footer .panel a {
	text-decoration: underline;
	color: #FFF
}

.error-block {
	padding: 7px;
	font-size: 90%;
	background: #FFF;
	border-bottom: 1px solid #DDD;
	color: #7a7a7a;
	text-align: center;
	box-sizing: border-box
}

.error-block p {
	margin: 0 auto;
	width: 75%
}

#notcompatible {
	color: #666;
	text-align: center;
	font-size: 80%;
	font-weight: 600;
	padding: 1em 0;
	margin: 0 auto;
	width: 75%
}

#notcompatible.hidden {
	display: none
}

#disqus {
	margin: 40px auto 40px auto
}

#disqus.active {
	background: #FFF;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

#disqus h2 {
	width: 80%;
	margin: 0 auto;
	padding: 1.5em 0 .4em 0;
	display: none
}

#disqus.active h2 {
	display: block
}

#disqus_thread {
	width: 80%;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center
}

#disqus .load-comments {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-decoration: underline;
	padding: 20px 90px 20px 40px;
	border: 1px solid #DDD;
	background: #FFF;
	border-radius: 42px;
	height: 45px;
	line-height: 45px;
	background-image:
		url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-position: 97% center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased
}

#disqus .load-comments:after {
	content: ' comments.'
}

pre.prettyprint,code.prettyprint {
	color: white;
	background-color: #444;
	padding: 1em;
	line-height: 1.3;
	font-size: 15px;
	border-radius: 2px;
	margin-bottom: 2em
}

pre.prettyprint.small {
	padding: .5em
}

.article .content-wrapper a.tooltip {
	text-decoration: none
}

pre .tooltip {
	position: relative;
	cursor: pointer
}

pre .tooltip .property {
	border-bottom: 1px dotted #fff
}

pre .tooltip .property .kwd {
	color: #508b88
}

pre .tooltip:hover:after {
	content: attr(data-tooltip);
	position: absolute;
	background: rgba(0, 0, 0, 0.85);
	padding: 5px 9px;
	color: #fff;
	border-radius: 3px;
	left: 0;
	top: 25px;
	width: 390px;
	z-index: 100
}

pre .str,code .str {
	color: #65b042
}

pre .kwd,code .kwd {
	color: #e28964
}

pre .com,code .com {
	color: #aeaeae;
	font-style: italic
}

pre .typ,code .typ {
	color: #89bdff
}

pre .lit,code .lit {
	color: #3387cc
}

pre .pun,code .pun {
	color: #fff
}

pre .pln,code .pln {
	color: #fff
}

pre .tag,code .tag {
	color: #89bdff
}

pre .atn,code .atn {
	color: #bdb76b
}

pre .atv,code .atv {
	color: #65b042
}

pre .dec,code .dec {
	color: #3387cc
}

@media ( min-width :450px) {
	.article .content-wrapper .warning {
		margin: 30px 0
	}
	.article .title h1 {
		font-size: 36px
	}
}

@media ( min-width :570px) {
	.article .author-images,.article .meta {
		float: left;
		text-align: left
	}
	.article .author-images img,.article .author-images a {
		width: 80px;
		height: 80px
	}
	.article .author-images a:last-of-type {
		margin-right: 25px
	}
	.article .divider {
		display: block
	}
	.article .title h1 {
		font-size: 40px
	}
	.article .byline .translator,.article .byline .date time,.article .byline .date span
		{
		font-size: 15px
	}
	.article .content-wrapper {
		font-size: 17px
	}
	.article blockquote.talkinghead {
		padding-left: 100px
	}
	.article blockquote.talkinghead:before {
		width: 60px;
		height: 60px;
		left: 10px;
		margin-top: -31px;
		background-position: center center !important;
		background-size: 60px 60px !important;
		border: 2px solid #FFF
	}
	.article .content-wrapper .container {
		padding: 60px 0 60px 0
	}
	body.locked.article .content-wrapper .container {
		padding: 0
	}
	.article .title-text {
		padding: 25px 0
	}
	.article footer .panel li {
		font-size: 20px;
		margin-bottom: 10px
	}
	#notcompatible {
		width: auto;
		text-align: left;
		font-size: 80%
	}
}

@media ( min-width :700px) {
	.article #toctoggle {
		text-transform: uppercase;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		line-height: 50px;
		font-size: 14px;
		top: 0;
		font-weight: normal
	}
	.article .content-wrapper .fact:before,.article .content-wrapper .tip:before,.article .content-wrapper .warning:before
		{
		font-size: 20px;
		padding: 4px 7px 5px 7px;
		-webkit-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		-moz-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		-ms-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		-o-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		transform: rotate(-5deg) translateX(-25px) translateY(-25px)
	}
	.article header .toc.active h1.visible-title {
		margin-bottom: 0
	}
	.main nav.toc.active ul li:after {
		display: block
	}
}

@media ( min-width :750px) {
	.article footer .panel {
		width: 31%;
		margin-right: 3%;
		float: left;
		display: block;
		border-bottom: 0
	}
	.article footer .panel:last-of-type {
		margin-right: 0
	}
	.article .title h1 {
		font-size: 46px
	}
	.article .title-text {
		padding: 45px 0
	}
	.article .author-images {
		margin: 5px 0 0 0
	}
	.article .author-images,.article .meta {
		display: inline-block;
		float: left
	}
	#disqus .load-comments:before {
		content: 'There are '
	}
	#disqus .load-comments:after {
		content: ' comments. Want to add yours?'
	}
	.article .content-wrapper .container {
		padding: 90px 0 120px 0
	}
}

@media ( min-width :1000px) {
	.article .author-images {
		margin: -10px 0 0 0
	}
	.article .author-images a {
		height: 86px;
		width: 86px
	}
	.article .author-images img {
		width: 80px;
		height: 80px
	}
	.article .watermark {
		display: block
	}
	.article .title h1 {
		font-size: 56px
	}
	.article .title-text {
		padding: 55px 0
	}
	.article .meta {
		font-size: 15px
	}
	.article .meta .authors {
		font-size: 17px
	}
	.article .content-wrapper .content {
		max-width: 660px;
		position: relative;
		margin-left: 315px
	}
	.article .content-wrapper.wide .content {
		margin: 0 auto;
		max-width: 800px
	}
	.article .article-meta {
		position: absolute;
		width: 260px;
		top: 100px;
		left: 20px;
		right: auto;
		bottom: auto;
		font-size: 15px;
		display: block;
		background: 0
	}
	.article header .toc.active {
		display: none
	}
	.article .article-meta.active .localizations,.article .article-meta .localizations
		{
		display: block
	}
	.article #toctoggle {
		display: none
	}
	.article .content-wrapper,.article .content-wrapper .notice {
		font-size: 18px
	}
	.article blockquote {
		clear: both
	}
	.article blockquote.talkinghead {
		padding-left: 120px
	}
	.article blockquote.talkinghead:before {
		width: 65px;
		height: 65px;
		left: 20px;
		margin-top: -38px;
		background-position: center center !important;
		background-size: 65px 65px !important;
		border: 3px solid #FFF
	}
	.article .title h2 {
		width: 80%;
		font-size: 20px;
		bottom: 45px
	}
	.article .content-wrapper .fact:before,.article .content-wrapper .tip:before
		{
		font-size: 22px;
		padding: 5px 8px 6px 8px;
		-webkit-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		-moz-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		-ms-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		-o-transform: rotate(-5deg) translateX(-25px) translateY(-25px);
		transform: rotate(-5deg) translateX(-25px) translateY(-25px)
	}
}

@media print {
	html,body,.article {
		background: #FFF
	}
	.main {
		display: none
	}
	.article .content-wrapper {
		box-shadow: none
	}
	.article .title {
		background: 0
	}
	.article .title-text:after,.article .content-wrapper:after {
		display: none
	}
	.article .content-wrapper .container {
		padding: 0 0 60px 0
	}
	.article .author-images img {
		border: 0;
		box-shadow: none;
		border-radius: 0
	}
	#notcompatible {
		display: none
	}
	.article .title h1,.article .title h2 {
		padding: 0;
		margin: 0;
		width: 100%
	}
	.disqus,footer {
		display: none
	}
}

.listing.article .content-wrapper {
	line-height: 1.2
}

.listing .pager {
	font-size: 18px;
	margin: 0 0 2em 0;
	text-align: center
}

.listing.article .content-wrapper section.search {
	margin: -2em 0 1em 0;
	z-index: 2
}

.articles-list {
	position: relative
}

.articles-list ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.articles-list ul li {
	margin: 0 0 20px 0;
	padding: 20px 0 20px 0;
	border-top: 1px solid #DDD;
	list-style: none;
	width: 100%;
	background: #FFF;
	display: block;
	float: left
}

.articles-list ul li:nth-child(1),.articles-list ul li:nth-child(2) {
	border-top: 0;
	padding-top: 0
}

.articles-list ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.articles-list ul li a {
	display: block;
	background: #FFF
}

.articles-list .left {
	display: block;
	float: left;
	width: 7%;
	min-width: 70px;
	padding-left: 4%
}

.articles-list .right {
	display: block;
	float: left;
	width: 70%;
	margin: 0 0 0 1%
}

.articles-list .author img {
	border: 2px solid #FFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

.articles-list .title {
	background: 0;
	color: #333;
	font-size: 17px;
	font-family: 'Open Sans';
	font-weight: 800;
	display: block;
	margin-bottom: .6em;
	transition: color .3s ease-out
}

.articles-list .date {
	display: block;
	margin-bottom: .4em;
	line-height: 1;
	color: #666;
	font-size: 14px;
	font-weight: 600
}

.articles-list a:hover .title {
	color: #666
}

.articles-list .description {
	color: #666;
	font-size: 15px;
	line-height: 1.2;
	display: block;
	margin-bottom: .6em
}

.articles-list .tag {
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 5px
}

@media ( max-width :999px) {
	.listing.article .title h1 {
		width: 100%;
		padding-left: 4%
	}
}

@media ( min-width :1000px) {
	.articles-list .left {
		padding-left: 2%
	}
	.articles-list ul li {
		float: left;
		width: 48%
	}
	.articles-list ul li:nth-child(2n+1) {
		clear: left;
		margin-right: 3%
	}
}