html, body {
	font-size: 16px;
	color: #666;
	-webkit-font-smoothing: antialiased;
	font-family: 'Myriad Pro',Helvetica,Arial,sans-serif;
	background-color: #E2E2E2;
}

.note {
	background: #FFFFA6;
	border: 1px solid #FDE112;
	padding: 1em;
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-radius: 2px;
}

.card, .post-content table {
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-radius: 2px;
	padding: 1em;	
}

.wp-caption {
	width: auto !important;
	background: #eee;
	margin: 1em 0em;
	text-align: center;
}

.post-content .wp-caption img {
	border: 0;
}

.wp-caption-text {
	font-size: 0.8em;
	padding: 0.5em;
	text-align: center;
}

body, img, ul, ol, li, form, blockquote {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5em;
	margin: 0 0 1.14286em 0;
}

h1, h2, h3, h4, h5 {
	font-weight: 400;
	margin-top: 2em;
	margin-bottom: 0.85714em;
}

ul, ol {
	list-style: none;
}

small {
	font-size: 11px;
}

#content pre {
	border: 1px solid #ddd;
	display: block;
	overflow: auto;
	font-size: 0.8em;
}

a {
	color: #C00;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Align (used for images) */

.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
}

.alignleft {
	margin: 14px 15px 10px 0;
	float: left;
}

.alignright {
	margin: 14px 0px 10px 15px;
	float: right;
}

/* Wrap */

.wrap {
	width: 100%;
}

.left-col {
	float: left;
}

.right-col {
	float: right;
}

/* Container */

#container {
	width: auto;
	margin: 0px auto;
	position: relative;
	max-width: 1370px;
	background-color: #f4f4f4;
}

#content-title {
	background: #222;
	padding: 1.3em;
	border-bottom: 6px solid rgb(39,163,223);
}

#content-title a {
	color: #fff;
	text-decoration: none;
	font-size: 1.8em;
}

#content-title p {
	color: #ddd;
}

/* Header */

#header {
	position: relative;
	background: #749ec4;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-bottom: 6px solid rgb(39, 163, 223);
}

/* Main Menu */

#menu {
	position: relative;
	z-index: 1;
	margin-top: 10px;
}

#menu ul {
	padding: 0;
	text-align: right;
	width: auto;
	padding-right: 240px;
	font-size: 1.5em;
}

#menu ul li {
	line-height: 32px;
	display: inline-block;
	padding: 0.5em 1em 0.5em 0em;
}

#menu ul li a {
	display: block;
	color: rgb(115, 196, 241);
	text-decoration: none;
}

#menu ul li a:hover {
	color: rgb(32, 176, 255);
	border-bottom: 2px solid rgb(32, 176, 255);
	cursor: pointer;
}

/* Main Menu - Current Page Item */

#menu ul li.current_page_item a {
	color: rgb(32, 176, 255);
	border-bottom: 2px solid rgb(32, 176, 255);
}

/* Content Area - Content and Sidebar */

.background {
	position: relative;
	width: auto;
	padding-right: 320px;
}

/* Content */

#content {
	margin-right: 10px;
}

#content, #sidebar {
	float: left;
	position: relative;
}

/* Post */

.post {
	width: 100%;
	clear: both;
	position: relative;
	padding-left: 114px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.error, .page {
	border: 0;
}

/* Post Content */

.post-content {
	padding: 1em 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgb(239, 239, 239);
}

.post-content.homepage,
.post-content.archive {
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.post-content table {
	margin: 1em 0;
}

.post-content table td {
	padding: 0.6em;
	min-width: 100px;
}

.post-content-page {
	margin-left: 10px;
}

/* Post Content Headings */

.post-tweet {
	text-align: left;
	display: block;
	padding-left: 1em;
}

.post-content img.featured {
	border: none;
	padding: none;
	position: relative;
	top: 10px;
	-webkit-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	transform: rotate(8deg);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
	zoom: 0.8;
}

.post-content img.featured {
	margin-bottom: 1.5em;

}

.post-content img.featured.alignright {
	margin-left: 1.5em;
}

.post-content img.featured.alignleft {
	margin-right: 2.5em;
}

.post-content img.featured-first {
	right: auto;
	-webkit-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

.post-content h2 {
	font-size: 140%;
	padding: 0;
	margin-top: 1em;
}

.post-content-single {
	padding-top: 0.8em;
	padding-bottom: 0;
	overflow: hidden;
}

.post-content h2 a {
	color: #000;
	text-decoration: none;
}

.post-content h2 a:hover {
	text-decoration: underline;
}

.post-content h3 {
	font-weight: normal;
	color: #000;
	font-size: 1.6em;
}

.post-content h4 {
	font-weight: normal;
	color: #000;
	font-size: 1.3em;
}

.post-content h5 {
	font-weight: normal;
	color: #000;
	font-size: 1.1em;
}

.post-content h6 {
	font-weight: normal;
	color: #000;
	font-size: 1em;
}



.post-content h3:first-child {
	margin-top: 0.6em;
}

/* Post Content Lists and Blockquote */

.post-content ol, .post-content ul {
	line-height: 1.5em;
	margin-bottom: 1em;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-radius: 2px;
	padding: 1em;
}

.post-content ul {
	padding-left: 2.5em;
}

.post-content ul li {
	list-style: circle;
	padding: 3px 0;
}

.post-content ol {
	padding-left: 2.5em;
}

.post-content ol li {
	list-style: decimal;
	padding: 0.2em 0;
}

.post-content blockquote {
	border-left:2px solid #777777;
	color:#777777;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

/* Post Content Images*/

.post-content img {
	max-width: 100%;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-color: #fff;
}

/* Post Meta */

.post-meta {
	width: 125px;
	margin-left: 0.8em;
	text-align: right;
	padding-top: 0.6em;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 1;
}

.post-meta a {
	color: #587384;
}

.post-meta a:hover {
	text-decoration: underline;
}

/* Post Meta Date */

.post-meta h3 {
	padding: 3px 0;
	padding-right: 30px;
	margin-bottom: 30px;
}

.post-meta h3 span.day {
	display: block;
	float: right;
	line-height: 0.9em;
	font-size: 1.4em;
	border-right: rgb(200, 200, 200) 1px solid;
	padding-right: 0.4em;
	color: #8D8D8D;
}

.post-meta h3 span.month, .post-meta h3 span.year {
	color: #666666;
	width: 40px;
}

.post-meta h3 span.month {
	display: block;
	float: right;
	font-size: 0.6em;
	line-height: 1em;
	padding-left: 4px;
	text-align: center;
	text-transform: uppercase;
}

.post-meta h3 span.year {
	display: block;
}


/* More Entries */

.more_posts {
	clear: both;
	margin-left: 150px;
	padding: 5px 0 1em 0;
}

.more_posts h2 {
	font-size: 20px;
}

.more_posts h2 a {
	color: rgb(206, 206, 206);
}

.more_posts h2 a:hover {
	color: #1A86DF;
}

/* Sidebar */

#sidebar {
	width: 305px;
	margin-right: -100%;
	margin-top: -60px;
}

#sidebar h2 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	padding-left: 14px;
	margin-left: -14px;
	margin-right: -14px;
	background: rgba(255, 255, 255, 0.18);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.04);
}

/* Sidebar Search */

#search {
	width: 100%;
	position: relative;
	z-index: 1;
}

#search form {
	padding: 10px 0 0 9px;
}

#search form div {
	height: 28px;
	position: relative;
	margin-right: 14px;
}

#search form input.search_box {
	width: -webkit-calc(100% - 89px);
	width: -moz-calc(100% - 89px);
	width: -ms-calc(100% - 89px);
	width: calc(100% - 89px);
	border: 1px solid #bbb;
	position: absolute;
	left: 5px;
	top: 0px;
	padding: 6px;
	font-size: 11px;
	outline: none;
	height: 14px;
}

#search form input.submit {
	position: absolute;
	right: 0;
	width: 71px;
    height: 28px;
    border: 1px solid #C5C5C5;
    background: #F3F3F3;
}

/* Sidebar Block */

#sidebar .block {
	margin: 14px;
	padding: 14px;
	background: rgb(39, 163, 223);
	padding-top: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	overflow: hidden;
}

#sidebar .block a {
	color: #eee;
}

#sidebar .block a:hover {
	color: #fff;
}

#sidebar .block ul, #sidebar .block ol {
	width: 100%;
	padding: 1px 0 8px 0;
}

/* Sidebar Inside Block */

#sidebar_in .block ul li, #sidebar_in .block ol li {
	line-height: 20px;
	padding: 4px 0 4px 21px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAZCAYAAADTyxWqAAAAM0lEQVR42mNgGHLgPxBQzSAYoJpBFBn4Hw8YNXDUQFobOGrQiDaI6uUZ1UtaqtcBgwIAAKYj6iTGdNzpAAAAAElFTkSuQmCC) no-repeat 4px 6px;
	margin-right: 10px;
	background-size: 10px auto;
	margin-bottom: 14px;
}

#sidebar_in .block ul li ul li, #sidebar_in .block ol li ul li {
	border: 0;
}

/* Footer */

#footer {
	margin: 0 auto;
	padding-top: 0;
	position: relative;
	background-color: rgb(39,163,223);
	text-align: center;

	padding: 6px;
	color: rgba(255,255,255,0.8);
	box-sizing: border-box;
}

#footer a {
	color: #fff;
}

#footer p {
	margin: 1em;
}


/* Fix */

.wrap:after,
.block ul:after {
    content: " "; 
    display: block;
	height: 0;
    clear: both; 
    visibility: hidden;
}

/* Misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0em 1em 1em 0;
	display: inline;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.post-content { max-width:100% };
#comments { max-width:100% };
#footer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

ul.history, ul.essays {
	padding: 0;
	border-left: 2px solid #333;
	padding-left: 2em;
	margin-left: 1.1em;
}

ul.history h4, ul.essays h4 {
	color: #333;
}

ul.essays li {
	padding-top: 1em;
	padding-bottom: 1em;
}

ul.essays h4, ul.essays p {
	margin: 0;
	padding: 0;
}

#sidebar_in .block ul li a, #sidebar_in .block ol li a {
	text-decoration: none;
}

#sidebar_in .block ul li:hover, #sidebar_in .block ol li:hover {
	background-color: rgba(0,0,0,0.1);
}

#sidebar_in .block ul li h4, #sidebar_in .block ol li h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

#sidebar_in .block ul li p, #sidebar_in .block ol li p {
	margin-bottom: 0;
	margin-top: 0;
}

#sidebar_in .block ul, #sidebar_in .block ol {
	margin-top: 1em;
	font-size: 0.85em;
}

#sidebar_in .block ul li, #sidebar_in .block ol li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}

#sidebar_in .block ul li:last-child, #sidebar_in .block ol li:last-child {
	border-bottom: none;
}

#sidebar_in .block ul strong, #sidebar_in .block ol strong {
	color: #eee;
}

/* social icons */
.social-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: 96px;
}

#text-5 {
	padding-top: 15px !important;
	font-size: 16px;
}

span.tutorial-marker {
	position: absolute;
	top: -5px;
	right: -5px;
	display: none;
}

span.tutorial-marker-first {
	left: auto;
	right: -5px;
}

span.tutorial-marker {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 7px 8px 8px 8px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
}

div.outline {
	border: 1px dashed rgb(179, 179, 179);
	background: rgb(77, 77, 77);
	background: linear-gradient(to bottom, rgb(43, 43, 43), rgb(77, 77, 77));
	padding: 1em 2em;
	color: rgb(255, 255, 255);
	border-radius: 0.3em;
}

ol.lanyrd-listing {
	padding: 0;
}

ol.lanyrd-listing p.location {
	padding: 0;
}

ol.lanyrd-listing img {
	vertical-align: middle;
}

p.lanyrd-date {
	padding: 0;
	padding-top: 0.5em;
}

#nav-icon {
	display: none;
}

/*************************************
************ MEDIA QUERIES ***********
**************************************/

@media screen and (max-width: 799px) {

	#content-title {
		margin-right: -10px;
	}

	#menu ul {
		padding-right: 190px;
	}

	#menu ul li {
		padding: 0.5em 0.5em 0.5em 0;
	}

	.background {
		padding-right: 182px;
	}

	#sidebar {
		width: 172px;
	}

	#sidebar .block {
		margin: 0;
		padding: 8px;
	}

	#search form div {
		margin-right: 0;
	}

	#search form {
		padding: 10px 0 0 0;
	}

	#search form input.search_box {
		left: 0;
	    width: -webkit-calc(100% - 84px);
	    width: -moz-calc(100% - 84px);
	    width: -ms-calc(100% - 84px);
	    width: calc(100% - 84px);
	}

	#rest-outer {
		margin-top: 21px;
	}

}

@media screen and (min-width: 800px) {

	.post-content-single {
		padding-top: 3.8em;
	}

	#menu ul {
		padding-right: 240px;
	}

	.background {
		padding-right: 270px;
	}

	#content-title {
    	margin-right: -270px;
    	padding-right: 270px;
    }

	#rest-outer {
		width: 254px;
	}

	#search {
		width: 254px;
	}

	span.tutorial-marker {
		display: block;
	}

}


@media screen and (min-width: 1300px) {

	body {
		font-size: 18px;
	}

	#menu ul {
		padding-right: 330px;
	}

	#search {
		width: 340px;
	}

	.background {
		padding-right: 360px;
	}

	#content-title {
		margin-right: -360px;
		padding-right: 360px;
	}

	#rest-outer {
		width: 340px;
	}

	.post-tweet {
		padding-left: 0.7em;
		font-size: 0.9em;
	}

}

@media screen and (min-width: 1550px) {

	body {
		font-size: 20px;
	}

	.post-tweet {
		padding-left: 0.4em;
	}

}

@media screen and (max-width: 920px) {

	.post-meta {
		width: auto;
		position: static;
		float: right;
	}

	.post {
		padding-left: 0;
	}

	.post-meta h3 {
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		float: right;
	}

	.post-tweet {
		display: none;
	}

	.post-meta h3 span.month, .post-meta h3 span.year {
		width: auto;
		display: inline-block;
		font-size: inherit;
		line-height: inherit;
		padding-left: 5px;
	}

	.post-meta h3 span.month {
		display: inline;
		float: none;
	}

	.post-meta h3 span.day {
		display: inline;
		float: left;
		border-right: 0;
		width: auto;
		font-size: inherit;
		line-height: inherit;
		padding-right: 0;
	}

	.sharedaddy {
		position: absolute;
		top: 0px;
		left: 23px;
		width: auto;
	}

	div.sharedaddy div.sd-block {
		border-top: none !important;
	}

	div.sharedaddy .sd-content {
		width: auto !important;
	}

	.more_posts {
		margin-left: 51px;
	}

}

@media screen and (max-width: 680px) {

	.post {
		padding-left: 0;
	}

	.post-content {
		padding: 1.2em 1em;
		padding-bottom: 0;
	}

	.post-content h2 {
		padding-top: 0;
	}

	.post-content img.featured {
		top: 20px;
		zoom: 0.5;
		margin-bottom: 1.6em;
	}

	#header {
		padding-right: 10px;
		background-size: 200%;
		height: 35vw;
		margin-bottom: 0;
		z-index: 2;
	}

	.background {
		padding-right: 0;
	}

	#content-title {
		margin-right: 0;
	}

	#sidebar {
		position: static;
		margin-right: 0;
		margin-top: 0;
		width: auto;
	}

	#sidebar h2 {
		margin-top: 0;
		text-align: center;
	}

	#sidebar .block {
		margin: 0;
		box-shadow: none;
	}

	#rest-outer {
		margin-top: 0;
	}

	#text-5 {
		text-align: center;
	}

	#search {
		padding-bottom: 15px;
		background: #E6E6E6;
	}

	#search form {
		padding: 14px 0 0 9px;
	}

	#search form div {
		width: auto;
		margin-right: 8px;
	}

	#search form input.search_box {
		width: auto;
		width: -webkit-calc(100% - 89px);
		width: -moz-calc(100% - 89px);
		width: -ms-calc(100% - 89px);
		width: calc(100% - 89px);
	}

	.post-meta.left-col {
		float: none;
		text-align: left;
		padding: 0;
		display: none;
	}

	.post-meta h3 {
		padding-right: 0;
		margin-top: 0;
		padding-top: 10px;
		float: none;
	}

	.post-meta .post-tweet {
		display: none;
	}

	.post-meta h3 span.day {
		display: none;
	}

	h1 {
		font-size: 1.5em;
	}

	#menu {
		-webkit-backdrop-filter: blur(10px);
		background: rgba(0,0,0,0.5);
		position: absolute;
		top: 35vw;
		left: 0;
		right: 0;
		transform: translate(0, -100%);
		-webkit-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		-o-transform: translate(0, -100%);
		opacity: 0;
		transition: 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
		margin-top: 0;
	}

	#menu.open {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		opacity: 1;
	}

	#menu ul {
		text-align: left;
		padding-right: 0;
		font-size: 1.2em;
	}

	#menu ul li {
		padding: 0.5em;
		display: block;
	}

	#menu ul li a {
		border-bottom: 2px solid transparent;
	}

	.widget_rss_links {
		display: none;
	}

	#footer .left-col {
		padding-right: 10px;
		padding-left: 10px;
	}

	#sidebar_in .block ul li, #sidebar_in .block ol li {
		margin-right: 0;
	}

	.more_posts {
		margin-left: 16px;
	}

	#content-title h2 {
		margin-top: 0.83em;
		font-size: 1em;
	}

	/* Nav Icon*/

	#nav-icon {
		width: 70px;
		height: 30px;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		bottom: 0;
		left: 14px;
		padding-left: 28px;
		color: #fff;
		text-transform: uppercase;
		font-size: 26px;
		line-height: 22px;
		display: block;
	}

	#nav-icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 22px;
		background: #FFFFFF;
		border-radius: 0px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon span:nth-child(2) {
		top: 7px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon span:nth-child(3) {
		top: 14px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -2px;
		left: 3px;
	}

	#nav-icon.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 14px;
		left: 3px;
	}

}

#sidebar_in .block.toc_widget ul ul li {
	margin-bottom: 0;
}

#sidebar_in .block.toc_widget ul, #sidebar_in .block.toc_widget ol {
	margin-top: 0;
	padding-bottom: 0;
}

.ui-helper-clearfix {

}

.cf:before,
.cf:after,
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after,
.ui-helper-clearfix:after {
    clear: both;
}

div.action {
	padding: 0.1em 2em;
	margin-bottom: 1em;	
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+markdown+php+ruby+scss+yaml&plugins=line-numbers */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #a67f59;
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

pre.line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre.line-numbers > code {
	position: relative;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

	.line-numbers-rows > span {
		pointer-events: none;
		display: block;
		counter-increment: linenumber;
	}

		.line-numbers-rows > span:before {
			content: counter(linenumber);
			color: #999;
			display: block;
			padding-right: 0.8em;
			text-align: right;
		}