html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html { line-height: 1; }
ol,ul { list-style: none; }

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

caption,th,td
{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,blockquote { quotes: none; }
q:before,q:after,blockquote:before,blockquote:after { content: none; }
a img { border: none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }

@font-face{font-family:'Sosa';src:url("/font/sosa.eot");src:url("/font/sosa.eot?#iefix") format("embedded-opentype"),url("/font/sosa.woff") format("woff"),url("/font/sosa.ttf") format("truetype"),url("/font/sosa.svg#FontAwesomeRegular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'Abel';src:url("/font/abelregular.woff") format("woff");font-weight:normal;font-style:normal}
@font-face{font-family:'AnonymousProRegular';src:url("/font/Anonymous_Pro-webfont.woff") format("woff"),url("/font/Anonymous_Pro-webfont.svg#AnonymousProRegular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'AnonymousProItalic';src:url("/font/Anonymous_Pro_I-webfont.woff") format("woff"),url("/font/Anonymous_Pro_I-webfont.svg#AnonymousProItalic") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'AnonymousProBold';src:url("/font/Anonymous_Pro_B-webfont.woff") format("woff"),url("/font/Anonymous_Pro_B-webfont.svg#AnonymousProBold") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'AnonymousProBoldItalic';src:url("/font/Anonymous_Pro_BI-webfont.woff") format("woff"),url("/font/Anonymous_Pro_BI-webfont.svg#AnonymousProBoldItalic") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'TitilliumText22LMedium';src:url("/font/TitilliumText22L004-webfont.woff") format("woff"),url("/font/TitilliumText22L004-webfont.svg#TitilliumText22LMedium") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"opendyslexic";src:url("/font/OpenDyslexic-Regular.otf");font-style:normal;font-weight:normal} 
@font-face{font-family:"opendyslexic";src:url("/font/OpenDyslexic-Italic.otf");font-style:italic;font-weight:normal} 
@font-face{font-family:"opendyslexic";src:url("/font/OpenDyslexic-Bold.otf");font-weight:bold;font-style:normal} 
@font-face{font-family:"opendyslexic";src:url("/font/OpenDyslexic-BoldItalic.otf");font-weight:bold;font-style:italic} 
@font-face{font-family:'OswaldBook';src:url("/font/Oswald-Regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}
@font-face{font-family:'OswaldBold';src:url("/font/Oswald-Bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}

.clearfix:before,.clearfix:after
{
	content: " ";
	display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.gist .gist-file .gist-data .line-numbers { font-size: 13px!important; }
body { background-color: #fffbfb; }

h1
{
	font-size: 2em;
	font-weight: bold;
}

h2
{
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 20px;
}

li { margin-bottom: .2em; }

ul
{
	display: block;
	list-style-type: none;
}

aside#logo div a
{
	background: transparent url(/images/bt-mark-beaker.png) 4px bottom no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	height: 90px;
}

@media only screen and (max-width: 768px)
{
	#home #sidebar input.search { left: 110px; }
	#home #sidebar ul#menu h1#title a { left: 47px; }
}

@media only screen and (max-width: 546px)
{
	#home #sidebar input.search
	{
		left: 70px;
		top: 60px;
		right: 10px;
		width: auto;
	}
}

#home aside#logo div a
{
	background: transparent url(/images/bt-mark.png) 4px bottom no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

ul#menu a { color: #999; }
#octopress_linkback { background-color: rgba(255,255,255,0.7); }
article a:link,article a:visited,article a:hover,article a:active { text-decoration: none; }

article a h2
{
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
	color: #222;
}

article a:hover h2 { color: #0095b6; }

article h2
{
	color: #222;
	font-family: "OswaldBook","Helvetica Neue",Arial,sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.2em;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
}

article h2 a:link,article h2 a:visited
{
	color: #222;
	text-decoration: none;
}

article h2 a:hover,article h2 a:active { color: #0095b6; }
.heading,body>header h1,h1,h2,h3,h4,h5,h6 { font-family: "OswaldBook","Helvetica Neue",Arial,sans-serif; }
.sans,body,html .gist .gist-file .gist-meta { font-family: Abel,"Helvetica Neue",Arial,sans-serif; }
.serif { font-family: Abel,Georgia,Times,"Times New Roman",serif; }
.mono,pre,code,tt,p code,li code { font-family: "AnonymousProBold",Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace; }

body>header h1
{
	font-size: 2.2em;
	font-family: "OswaldBook","OswaldBook","Helvetica Neue",Arial,sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 0.6667em;
}

body>header h2 { font-family: "OswaldBook","Helvetica Neue",Arial,sans-serif; }

body
{
	font-size: 1.15em;
	line-height: 1.5em;
	color: #333;
}

h1
{
	font-size: 2.2em;
	line-height: 1.2em;
}

@media only screen and (min-width: 992px)
{
	body { font-size: 1.15em; }
	
	h1
	{
		font-size: 2.6em;
		line-height: 1.2em;
	}
}

h1,h2,h3,h4,h5,h6
{
	text-rendering: optimizelegibility;
	margin-bottom: .5em;
	font-weight: bold;
}

h2,section h1 { font-size: 1.5em; }
h3,section h2,section section h1 { font-size: 1.65em; }

h4,section h3,section section h2,section section section h1
{
	font-size: 1.3em;
	font-weight: 300;
}

h5,section h4,section section h3 { font-size: .9em; }
h6,section h5,section section h4,section section section h3 { font-size: .8em; }
p,blockquote,ul,ol { margin: 0.75em 0; }
ul { list-style-type: disc; }

ul ul
{
	list-style-type: circle;
	margin-bottom: 0px;
}

ul ul ul
{
	list-style-type: square;
	margin-bottom: 0px;
}

ol { list-style-type: decimal; }

ol ol
{
	list-style-type: lower-alpha;
	margin-bottom: 0px;
}

ol ol ol
{
	list-style-type: lower-roman;
	margin-bottom: 0px;
}

ul,ul ul,ul ol,ol,ol ul,ol ol { margin-left: 1.3em; }

strong
{
	font-weight: 700;
	font-size: .9em;
}

em { font-style: italic; }

sup,sub
{
	font-size: 0.75em;
	position: relative;
	display: inline-block;
}

sup { top: -.8em; }
sub { bottom: -.5em; }
q { font-style: italic; }
q:before { content: "\201C"; }
q:after { content: "\201D"; }
em,dfn { font-style: italic; }
strong,dfn { font-weight: bold; }
del,s { text-decoration: line-through; }

abbr,acronym
{
	border-bottom: 1px dotted;
	cursor: help;
}

sub,sup { line-height: 0; }
hr { margin: 0.5em; }
small { font-size: .8em; }
big { font-size: 1.2em; }

blockquote
{
	font-style: italic;
	position: relative;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left: 1em;
	border-left: 4px solid rgba(170,170,170,0.5);
}

blockquote cite { font-style: italic; }

blockquote cite a
{
	color: #aaa !important;
	word-wrap: break-word;
}

blockquote cite:before
{
	content: '\2014';
	padding-right: .3em;
	padding-left: .3em;
	color: #aaa;
}

@media only screen and (min-width: 992px)
{
	blockquote
	{
		padding-left: 1.5em;
		border-left-width: 4px;
	}
}

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

body
{
	min-width: 895px;
	font-size: 1.4em;
	line-height: 1.6;
}

#sidebar
{
	padding-left: 1.5%;
	position: fixed;
	min-height: 100%;
	z-index: 1;
}

aside#logo
{
	position: relative;
	display: block;
	margin-top: 20px;
}

aside#logo div
{
	margin-top: 5px;
	height: 170px;
	text-indent: -9999px;
	margin: 0 auto;
	clear: both;
}

aside#logo div a
{
	display: block;
	clear: both;
	margin: 9px 0;
}

ul#menu
{
	clear: both;
	margin: 0;
	padding: 0;
}

ul#menu li
{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

ul#menu li.title { margin-bottom: 0; }
ul#menu li.subtitle { margin-top: 0; }

ul#menu a
{
	font-family: "OswaldBook","OswaldBook","Helvetica Neue",Arial,sans-serif;
	display: block;
	line-height: 14px;
	z-index: 999;
	padding: 4px 15px 7px 4px;
	margin-left: -3px;
	font-weight: 400;
	position: relative;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

ul#menu a:hover { color: #666; }

#main
{
	margin-left: 27%;
	min-height: 900px;
	position: relative;
}

header#sidebar h1#title
{
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0;
	min-width: 200px;
}

header#sidebar h1#title a
{
	font-family: "OswaldBook","Helvetica Neue",Arial,sans-serif;
	text-transform: lowercase;
	font-weight: 400;
	font-size: 30px;
	line-height: 30px;
	border: none;
	padding: 0;
	display: block;
	color: black;
	margin-left: 0;
}

header#sidebar h2#subtitle
{
	font-weight: 700;
	font-size: 16px;
	line-height: 23px;
	color: #585C60;
	-webkit-font-smoothing: antialiased;
	max-width: none;
	margin-top: 5px;
	margin-bottom: 25px;
}

article.post
{
	width: auto;
	position: relative;
	padding-left: 0;
	padding-right: 20px;
	padding-bottom: 40px;
	min-height: 130px;
	max-width: 780px;
	clear: both;
}

article.post img,article.post pre,article.post .gist
{
	max-width: 100%;
	height: auto;
	margin-right: 10px;
}

section.comments
{
	width: auto;
	position: relative;
	padding: 0 20px 0 0;
	overflow-x: hidden;
	max-width: 650px;
}

h2.entry-title a.anchor
{
	font-size: 0.9em;
	margin-left: 5px;
	border-bottom: 0;
}

nav#pagination
{
	padding: 20px 40px 100px 0;
	clear: both;
	max-width: 780px;
}

nav#pagination span { display: block; }
nav#pagination span.prev { float: right; }
nav#pagination span.next { float: left; }

nav#pagination span.next a,nav#pagination span.prev a
{
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: "TitilliumText22LMedium",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	border: 2px solid #666;
	color: #666;
}

nav#pagination span.next a:hover,nav#pagination span.prev a:hover { border-color: inherit; }

@media only screen and (min-width: 1300px)
{
	#sidebar
	{
		margin-left: 0;
		padding-left: 1.5%;
	}
	
	#sidebar h1#title a
	{
		font-size: 35px;
		line-height: 35px;
	}
	
	#sidebar h2#subtitle
	{
		font-size: 20px;
		line-height: 25px;
	}
	
	ul#menu
	{
		max-width: 300px;
		width: 65%;
	}
}

@media only screen and (max-height: 960px)
{
	#sidebar { position: absolute; }
}

@media only screen and (max-width: 768px), (device-height: 1024px) and (device-width: 768px) and (orientation: portrait)
{
	body
	{
		min-width: 0;
		font-size: 1em;
	}
	
	#sidebar
	{
		position: relative;
		box-sizing: border-box;
		width: 100%;
		font-size: 50%;
		margin: 0;
		padding: 0 0 20px 10px;
	}
	
	#sidebar #carbonads-container { right: 10px; }
	
	aside#logo
	{
		margin: 0 auto;
		position: relative;
		left: auto;
		right: auto;
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	aside#logo div a { background-position: left center; }
	
	ul#menu
	{
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	ul#menu li.link
	{
		display: inline-block;
		font-size: 18px;
		float: none;
		width: auto;
		clear: none;
		margin: 0;
		margin-bottom: 5px;
	}
	
	ul#menu li.link.rss { display: none; }
	ul#menu li.link a { padding-right: 4px; }
	
	section#main
	{
		margin: 15px;
		border: none;
		width: 95%;
		min-width: 0;
		overflow: hidden;
	}
	
	section#main article
	{
		width: auto;
		padding: 0px 10px 4px 15px;
		overflow: hidden;
	}
	
	section#main article h2 { margin-top: 0; }
	
	section#main article.post
	{
		width: auto;
		padding-left: 0;
		padding-top: 30px;
		padding-bottom: 15px;
		overflow: hidden;
	}
	
	section#main article.post figure
	{
		padding-right: 10px;
		padding-left: 15px;
		width: 90%;
	}
}

.meta+.sharing-box
{
	padding-top: 1em;
	padding-left: 0;
}

div.sharing-box
{
	width: 100px;
	position: absolute;
	left: 570px;
	top: 60px;
}

#fb-root { display: none; }
.highlight,html .gist .gist-file .gist-syntax .gist-highlight { border: 1px solid #e7dec3 !important; }
.highlight table td.code,html .gist .gist-file .gist-syntax .gist-highlight table td.code { width: 100%; }

.highlight .line-numbers,html .gist .gist-file .gist-syntax .gist-highlight .line-numbers
{
	text-align: right;
	font-size: 13px;
	line-height: 1.45em;
	background: #fdf8e8 url('/images/noise.png?1365731858') top left !important;
	border-right: 1px solid #ebe4ce !important;
	-webkit-box-shadow: #fef9ed -1px 0 inset;
	-moz-box-shadow: #fef9ed -1px 0 inset;
	box-shadow: #fef9ed -1px 0 inset;
	text-shadow: #f1ecdc 0 -1px;
	padding: 0.8em !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.highlight .line-numbers span,html .gist .gist-file .gist-syntax .gist-highlight .line-numbers span { color: #93a1a1 !important; }

figure.code,.gist-file,pre
{
	-webkit-box-shadow: rgba(0,0,0,0.06) 0 0 10px;
	-moz-box-shadow: rgba(0,0,0,0.06) 0 0 10px;
	box-shadow: rgba(0,0,0,0.06) 0 0 10px;
}

figure.code .highlight pre,.gist-file .highlight pre,pre .highlight pre
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

html .gist .gist-file
{
	margin-bottom: 1.8em;
	position: relative;
	border: none;
	padding-top: 26px !important;
}

html .gist .gist-file .gist-syntax
{
	border-bottom: 0 !important;
	background: none !important;
}

html .gist .gist-file .gist-syntax .gist-highlight { background: #fdf6e3 !important; }

html .gist .gist-file .gist-meta
{
	padding: 0.6em 0.8em;
	color: #93a1a1;
	font-size: 0.7em !important;
	background: #fef9ed url('/images/noise.png?1365731858') top left;
	border: 1px solid #e7dec3 !important;
	border-top: 1px solid #fef9ed !important;
	line-height: 1.5em;
}

html .gist .gist-file .gist-meta a
{
	color: #75878b !important;
	text-decoration: none;
}

html .gist .gist-file .gist-meta a:hover { text-decoration: underline; }
html .gist .gist-file .gist-meta a:hover { color: #586e75 !important; }

html .gist .gist-file .gist-meta a[href*='#file']
{
	position: absolute;
	top: 0;
	left: 0;
	right: -10px;
	color: #474747 !important;
}

html .gist .gist-file .gist-meta a[href*='#file']:hover { color: #0095b6 !important; }
html .gist .gist-file .gist-meta a[href*=raw] { top: .4em; }

pre
{
	background: #fdf6e3 url('/images/noise.png?1365731858') top left;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	border-radius: 0.4em;
	border: 1px solid #e7dec3;
	line-height: 1.45em;
	font-size: 13px;
	margin-bottom: 2.1em;
	padding: 0.8em 1em;
	color: #586e75;
	overflow: auto;
}

h3.filename+pre
{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

p code,li code
{
	white-space: pre;
	background: #fff;
	font-size: .8em;
	line-height: 1.5em;
	color: #555;
	border: 1px solid #ddd;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	border-radius: 0.4em;
	padding: 0 0.3em;
	margin: -1px 0;
}

p pre code,li pre code
{
	font-size: 1em !important;
	background: none;
	border: none;
}

.pre-code,html .gist .gist-file .gist-syntax .gist-highlight pre,.highlight code
{
	font-family: "AnonymousProBold",Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace !important;
	overflow: scroll;
	overflow-y: hidden;
	display: block;
	padding: 0.8em !important;
	overflow-x: auto;
	line-height: 1.45em;
	background: #fdf6e3 url('/images/noise.png?1365731858') top left !important;
	color: #586e75 !important;
}

.pre-code *::-moz-selection,html .gist .gist-file .gist-syntax .gist-highlight pre *::-moz-selection,.highlight code *::-moz-selection
{
	background: #fff;
	color: inherit;
	text-shadow: #fdf6e3 0 1px;
}

.pre-code *::-webkit-selection,html .gist .gist-file .gist-syntax .gist-highlight pre *::-webkit-selection,.highlight code *::-webkit-selection
{
	background: #fff;
	color: inherit;
	text-shadow: #fdf6e3 0 1px;
}

.pre-code *::selection,html .gist .gist-file .gist-syntax .gist-highlight pre *::selection,.highlight code *::selection
{
	background: #fff;
	color: inherit;
	text-shadow: #fdf6e3 0 1px;
}

.pre-code span,html .gist .gist-file .gist-syntax .gist-highlight pre span,.highlight code span { color: #586e75 !important; }

.pre-code span,html .gist .gist-file .gist-syntax .gist-highlight pre span,.highlight code span
{
	font-style: normal !important;
	font-weight: normal !important;
}

.pre-code .c,html .gist .gist-file .gist-syntax .gist-highlight pre .c,.highlight code .c
{
	color: #93a1a1 !important;
	font-style: italic !important;
}

.pre-code .cm,html .gist .gist-file .gist-syntax .gist-highlight pre .cm,.highlight code .cm
{
	color: #93a1a1 !important;
	font-style: italic !important;
}

.pre-code .cp,html .gist .gist-file .gist-syntax .gist-highlight pre .cp,.highlight code .cp
{
	color: #93a1a1 !important;
	font-style: italic !important;
}

.pre-code .c1,html .gist .gist-file .gist-syntax .gist-highlight pre .c1,.highlight code .c1
{
	color: #93a1a1 !important;
	font-style: italic !important;
}

.pre-code .cs,html .gist .gist-file .gist-syntax .gist-highlight pre .cs,.highlight code .cs
{
	color: #93a1a1 !important;
	font-weight: bold !important;
	font-style: italic !important;
}

.pre-code .err,html .gist .gist-file .gist-syntax .gist-highlight pre .err,.highlight code .err
{
	color: #dc322f !important;
	background: none !important;
}

.pre-code .k,html .gist .gist-file .gist-syntax .gist-highlight pre .k,.highlight code .k { color: #cb4b16 !important; }

.pre-code .o,html .gist .gist-file .gist-syntax .gist-highlight pre .o,.highlight code .o
{
	color: #586e75 !important;
	font-weight: bold !important;
}

.pre-code .p,html .gist .gist-file .gist-syntax .gist-highlight pre .p,.highlight code .p { color: #586e75 !important; }

.pre-code .ow,html .gist .gist-file .gist-syntax .gist-highlight pre .ow,.highlight code .ow
{
	color: #2aa198 !important;
	font-weight: bold !important;
}

.pre-code .gd,html .gist .gist-file .gist-syntax .gist-highlight pre .gd,.highlight code .gd
{
	color: #586e75 !important;
	background-color: #f4c5b6 !important;
	display: inline-block;
}

.pre-code .gd .x,html .gist .gist-file .gist-syntax .gist-highlight pre .gd .x,.highlight code .gd .x
{
	color: #586e75 !important;
	background-color: #f1b1a4 !important;
	display: inline-block;
}

.pre-code .ge,html .gist .gist-file .gist-syntax .gist-highlight pre .ge,.highlight code .ge
{
	color: #586e75 !important;
	font-style: italic !important;
}

.pre-code .gh,html .gist .gist-file .gist-syntax .gist-highlight pre .gh,.highlight code .gh { color: #93a1a1 !important; }

.pre-code .gi,html .gist .gist-file .gist-syntax .gist-highlight pre .gi,.highlight code .gi
{
	color: #586e75 !important;
	background-color: #e5e3b5 !important;
	display: inline-block;
}

.pre-code .gi .x,html .gist .gist-file .gist-syntax .gist-highlight pre .gi .x,.highlight code .gi .x
{
	color: #586e75 !important;
	background-color: #cdd088 !important;
	display: inline-block;
}

.pre-code .gs,html .gist .gist-file .gist-syntax .gist-highlight pre .gs,.highlight code .gs
{
	color: #586e75 !important;
	font-weight: bold !important;
}

.pre-code .gu,html .gist .gist-file .gist-syntax .gist-highlight pre .gu,.highlight code .gu { color: #6c71c4 !important; }

.pre-code .kc,html .gist .gist-file .gist-syntax .gist-highlight pre .kc,.highlight code .kc
{
	color: #859900 !important;
	font-weight: bold !important;
}

.pre-code .kd,html .gist .gist-file .gist-syntax .gist-highlight pre .kd,.highlight code .kd { color: #268bd2 !important; }

.pre-code .kp,html .gist .gist-file .gist-syntax .gist-highlight pre .kp,.highlight code .kp
{
	color: #cb4b16 !important;
	font-weight: bold !important;
}

.pre-code .kr,html .gist .gist-file .gist-syntax .gist-highlight pre .kr,.highlight code .kr
{
	color: #d33682 !important;
	font-weight: bold !important;
}

.pre-code .kt,html .gist .gist-file .gist-syntax .gist-highlight pre .kt,.highlight code .kt { color: #2aa198 !important; }
.pre-code .n,html .gist .gist-file .gist-syntax .gist-highlight pre .n,.highlight code .n { color: #268bd2 !important; }
.pre-code .na,html .gist .gist-file .gist-syntax .gist-highlight pre .na,.highlight code .na { color: #268bd2 !important; }
.pre-code .nb,html .gist .gist-file .gist-syntax .gist-highlight pre .nb,.highlight code .nb { color: #859900 !important; }
.pre-code .nc,html .gist .gist-file .gist-syntax .gist-highlight pre .nc,.highlight code .nc { color: #d33682 !important; }
.pre-code .no,html .gist .gist-file .gist-syntax .gist-highlight pre .no,.highlight code .no { color: #b58900 !important; }
.pre-code .nl,html .gist .gist-file .gist-syntax .gist-highlight pre .nl,.highlight code .nl { color: #859900 !important; }

.pre-code .ne,html .gist .gist-file .gist-syntax .gist-highlight pre .ne,.highlight code .ne
{
	color: #268bd2 !important;
	font-weight: bold !important;
}

.pre-code .nf,html .gist .gist-file .gist-syntax .gist-highlight pre .nf,.highlight code .nf
{
	color: #268bd2 !important;
	font-weight: bold !important;
}

.pre-code .nn,html .gist .gist-file .gist-syntax .gist-highlight pre .nn,.highlight code .nn { color: #b58900 !important; }

.pre-code .nt,html .gist .gist-file .gist-syntax .gist-highlight pre .nt,.highlight code .nt
{
	color: #268bd2 !important;
	font-weight: bold !important;
}

.pre-code .nx,html .gist .gist-file .gist-syntax .gist-highlight pre .nx,.highlight code .nx { color: #b58900 !important; }
.pre-code .vg,html .gist .gist-file .gist-syntax .gist-highlight pre .vg,.highlight code .vg { color: #268bd2 !important; }
.pre-code .vi,html .gist .gist-file .gist-syntax .gist-highlight pre .vi,.highlight code .vi { color: #268bd2 !important; }
.pre-code .nv,html .gist .gist-file .gist-syntax .gist-highlight pre .nv,.highlight code .nv { color: #268bd2 !important; }
.pre-code .mf,html .gist .gist-file .gist-syntax .gist-highlight pre .mf,.highlight code .mf { color: #2aa198 !important; }
.pre-code .m,html .gist .gist-file .gist-syntax .gist-highlight pre .m,.highlight code .m { color: #2aa198 !important; }
.pre-code .mh,html .gist .gist-file .gist-syntax .gist-highlight pre .mh,.highlight code .mh { color: #2aa198 !important; }
.pre-code .mi,html .gist .gist-file .gist-syntax .gist-highlight pre .mi,.highlight code .mi { color: #2aa198 !important; }
.pre-code .s,html .gist .gist-file .gist-syntax .gist-highlight pre .s,.highlight code .s { color: #2aa198 !important; }
.pre-code .sd,html .gist .gist-file .gist-syntax .gist-highlight pre .sd,.highlight code .sd { color: #2aa198 !important; }
.pre-code .s2,html .gist .gist-file .gist-syntax .gist-highlight pre .s2,.highlight code .s2 { color: #2aa198 !important; }
.pre-code .se,html .gist .gist-file .gist-syntax .gist-highlight pre .se,.highlight code .se { color: #dc322f !important; }
.pre-code .si,html .gist .gist-file .gist-syntax .gist-highlight pre .si,.highlight code .si { color: #268bd2 !important; }
.pre-code .sr,html .gist .gist-file .gist-syntax .gist-highlight pre .sr,.highlight code .sr { color: #2aa198 !important; }
.pre-code .s1,html .gist .gist-file .gist-syntax .gist-highlight pre .s1,.highlight code .s1 { color: #2aa198 !important; }

.pre-code div .gd,html .gist .gist-file .gist-syntax .gist-highlight pre div .gd,.highlight code div .gd,.pre-code div .gd .x,html .gist .gist-file .gist-syntax .gist-highlight pre div .gd .x,.highlight code div .gd .x,.pre-code div .gi,html .gist .gist-file .gist-syntax .gist-highlight pre div .gi,.highlight code div .gi,.pre-code div .gi .x,html .gist .gist-file .gist-syntax .gist-highlight pre div .gi .x,.highlight code div .gi .x
{
	display: inline-block;
	width: 100%;
}

.highlight,.gist-highlight
{
	margin-bottom: 1.8em;
	background: #fdf6e3;
	overflow-y: hidden;
	overflow-x: auto;
}

.highlight pre,.gist-highlight pre
{
	background: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-ms-border-radius: none;
	-o-border-radius: none;
	border-radius: none;
	border: none;
	padding: 0;
	margin-bottom: 0;
}

pre::-webkit-scrollbar,.highlight::-webkit-scrollbar,.gist-highlight::-webkit-scrollbar
{
	height: .5em;
	background: rgba(0,0,0,0.15);
}

pre::-webkit-scrollbar-thumb:horizontal,.highlight::-webkit-scrollbar-thumb:horizontal,.gist-highlight::-webkit-scrollbar-thumb:horizontal
{
	background: rgba(0,0,0,0.15);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.highlight code { background: #000; }

figure.code
{
	background: none;
	padding: 0;
	border: 0;
	margin-bottom: 1.5em;
}

figure.code pre { margin-bottom: 0; }
figure.code figcaption { position: relative; }
figure.code .highlight { margin-bottom: 0; }

.code-title,html .gist .gist-file .gist-meta a[href*='#file'],h3.filename,figure.code figcaption
{
	text-align: center;
	font-size: 13px;
	line-height: 2em;
	text-shadow: #cbcccc 0 1px 0;
	color: #474747;
	font-weight: normal;
	margin-bottom: 0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	font-family: "Helvetica Neue",Arial,"Lucida Grande","Lucida Sans Unicode",Lucida,sans-serif;
	background: #aaa url('/images/code_bg.png?1365731858') top repeat-x;
	border: 1px solid #565656;
	border-top-color: #cbcbcb;
	border-left-color: #a5a5a5;
	border-right-color: #a5a5a5;
	border-bottom: 0;
}

.download-source,html .gist .gist-file .gist-meta a[href*=raw],figure.code figcaption a
{
	position: absolute;
	right: .8em;
	text-decoration: none;
	color: #666 !important;
	z-index: 1;
	font-size: 13px;
	text-shadow: #cbcccc 0 1px 0;
	padding-left: 3em;
}

.download-source:hover,html .gist .gist-file .gist-meta a[href*=raw]:hover,figure.code figcaption a:hover { text-decoration: underline; }

/* fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe,.fancybox-tmp object
{
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9990;
}

.fancybox-skin
{
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened { z-index: 10020; }

.fancybox-opened .fancybox-skin
{
	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.fancybox-outer,.fancybox-inner
{
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error
{
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image,.fancybox-iframe
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image
{
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image: url('/images/fancybox/fancybox_sprite.png?1365731858'); }

#fancybox-loading
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div
{
	width: 44px;
	height: 44px;
	background: url('/images/fancybox/fancybox_loading.gif?1365731858') center center no-repeat;
}

.fancybox-close
{
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 10000;
}

.fancybox-nav
{
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('/images/fancybox/blank.gif?1365731858');
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 10000;
}

.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }

.fancybox-nav span
{
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 10000;
	visibility: hidden;
}

.fancybox-prev span
{
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span
{
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

#fancybox-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 9999;
	background: #000;
}

#fancybox-overlay.overlay-fixed
{
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-title
{
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap
{
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child
{
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: rgba(0,0,0,0.8);
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

.fancybox-title-outside-wrap
{
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap { margin-top: 10px; }

.fancybox-title-over-wrap
{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: rgba(0,0,0,0.8);
}

/*
 * typeahead.js 0.8.1
 * https://github.com/twitter/typeahead
 * Copyright 2013 Twitter, Inc. and other contributors; Licensed MIT
 */

.twitter-typeahead
{
	position: relative !important;
	*display: inline;
	*zoom: 1;
}

.tt-query
{
	position: relative !important;
	*margin-top: -1px !important;
	vertical-align: top !important;
	background-color: transparent !important;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
}

.tt-hint
{
	display: none;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	border-color: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.tt-dropdown-menu,.tt-suggestions,.tt-suggestion
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.tt-suggestion[data-value="-"] { display: none; }

.tt-dropdown-menu
{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	display: none;
}

.tt-dropdown-menu.tt-is-open
{
	display: block;
	z-index: 1000;
	background: rgba(255,255,255,0.9);
	top: 31px;
}

.tt-dropdown-menu.tt-is-empty { display: none; }

.tt-suggestion
{
	display: block;
	white-space: nowrap;
	cursor: pointer;
}

.tt-suggestion * { white-space: normal; }
.tt-suggestion.tt-is-under-cursor { background: #ccc; }
.twitter-typeahead.tt-rtl { direction: rtl; }

.twitter-typeahead.tt-rtl .tt-dropdown-menu
{
	left: auto;
	right: 0;
}

article.post blockquote
{
	padding: 5px 1em;
	border-left-width: 4px;
	border-color: #dedede;
	box-shadow: -4px 0 6px rgba(0,0,0,0.15),1px 0 4px rgba(0,0,0,0.15);
	font-size: .95em;
	font-style: normal;
	background: #eee;
	border-radius: 5px;
}

article.post .alignright
{
	float: right;
	margin: 0 0 15px 15px;
	max-width: 50%;
}

article.post .alignleft
{
	float: left;
	margin: 0 15px 15px 0;
	max-width: 50%;
}

article.post .aligncenter
{
	display: block!important;
	margin: 0 auto;
	text-align: center;
}

article.post ul.tag_index { list-style-type: none; }
article.post ul.tag_index li { text-transform: lowercase; }

article.post .footnotes
{
	font-size: .8em;
	clear: both;
}

article.post figure.audio
{
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
}

article.tags #topicnav
{
	float: left;
	background: #ededed;
	padding: 0;
	border-radius: 10px;
}

article.tags #topicnav li
{
	float: left;
	width: 100px;
	margin: 0;
}

article.tags #topicnav li a
{
	display: block;
	padding: 0;
	text-align: center;
	border-radius: 10px;
}

article.tags #topicnav li a.selected { background: rgba(221,221,221,0.65); }
article.tags section { display: none; }
article.tags section.visible { display: block; }
article.tags section h3 { display: none; }
.inverse article.tags #topicnav { background: #222; }
.inverse article.tags #topicnav li a.selected { background: #333; }

a
{
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

dt { font-weight: 700; }

dd
{
	font-weight: 400;
	margin: 0.5em 0 0.5em 1.2em;
}

dl { margin-bottom: 1em; }

#sidebar
{
	z-index: 2;
	box-sizing: border-box;
}

#sidebar h1#title
{
	position: relative;
	left: 0;
	top: 0;
}

#sidebar input.search,#sidebar #searchpath_q
{
	padding: 4px 8px;
	font-size: 18px;
	color: #444;
	font-weight: bold;
	width: 150px;
}

#sidebar hr { border: none; }

#sidebar #menu li
{
	margin: 0;
	padding: 5px;
}

#sidebar #menu li.parent
{
	display: block;
	width: 150px;
	position: relative;
}

#sidebar #menu li.parent img
{
	border: solid 1px transparent;
	padding: 5px;
	position: relative;
	left: -9px;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	background: transparent;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.m-touch #sidebar #menu li.parent.hover #sociallinks { visibility: visible; }

.m-touch #sidebar #menu li.parent.hover img
{
	border-color: #d4d4d4;
	background-color: #fffbfb;
}

.m-no-touch #sidebar #menu li.parent #sociallinks
{
	opacity: 0;
	visibility: hidden;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin-x: 0 0;
	-ms-transform-origin-x: 0 0;
	transform-origin-x: 0 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.m-no-touch #sidebar #menu li.parent.hover #sociallinks
{
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
}

.m-no-touch #sidebar #menu li.parent.hover img
{
	border-color: #d4d4d4;
	background-color: #fffbfb;
}

#sidebar #menu li.parent #sociallinks
{
	visibility: hidden;
	position: absolute;
	background: #fffbfb;
	border: solid 1px #d4d4d4;
	border-top: none;
	width: 160px;
	left: -4px;
	top: 32px;
	padding: 10px 0;
	border-radius: 0 0 8px 8px;
	font-size: 12px;
	margin: 0;
	z-index: 9999;
}

#sidebar #menu li.parent #sociallinks li
{
	margin: 0;
	padding: 0;
}

#sidebar #menu li.parent #sociallinks a
{
	display: block;
	color: #555;
	margin: 0;
	padding: 3px 15px;
	line-height: 1.5;
	font-size: 16px;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

#sidebar #menu li.parent #sociallinks a:hover
{
	color: #222;
	background-color: #d4d4d4;
}

#searchpath_backdrop
{
	background-color: rgba(0,0,0,0.1) !important;
	opacity: 1!important;
	-webkit-transition: opacity 1s ease-in-out 0s;
	z-index: 10!important;
}

#searchpath_arrow { z-index: 12!important; }

#searchpath_pane
{
	padding: 10px 30px !important;
	z-index: 11!important;
}

#searchpath_pane a.searchpath_link
{
	font-size: 17px;
	display: inline-block;
	margin-bottom: 8px!important;
	color: #007c97;
	font-weight: 700;
}

#searchpath_pane p
{
	font-size: 17px;
	color: #555;
	line-height: 1.2;
}

#categories { list-style: none; }

#categories li
{
	border-bottom: none;
	position: relative;
	padding: 0.2em 0;
	margin-bottom: 2px;
	overflow: hidden;
	text-shadow: none;
}

#categories li:hover em { top: 5px; }
#categories li:hover span { width: 96% !important; }
#categories li:hover div { top: 40px; }

#categories li a
{
	position: relative;
	display: block;
	padding-left: 12px;
	z-index: 1;
	line-height: 25px;
}

#categories li em
{
	font-style: normal;
	font-size: 11px;
	right: 13px;
	opacity: 0.9;
	position: absolute;
	top: 40px;
	z-index: 2;
	line-height: 25px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#categories li span
{
	padding: 3px 6px;
	height: 50%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: #e5e5e5;
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

#categories li div
{
	width: 16px;
	height: 16px;
	float: right;
	text-indent: -9999px;
	position: absolute;
	top: 6px;
	right: 7px;
	opacity: 0.6;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#blog-archives h2
{
	font-size: 1.3em;
	color: #666;
	font-weight: 300;
}

#blog-archives article
{
	position: relative;
	margin: 0 0 10px;
}

#blog-archives article h4
{
	display: block;
	margin-left: 85px;
	font-size: 1em;
	margin-bottom: 4px;
	font-family: Abel,"Helvetica Neue",Arial,sans-serif;
	font-weight: 300;
}

#blog-archives article time
{
	font-size: .8em;
	margin: 3px 1em 0;
	display: block;
	position: absolute;
	width: 80px;
	left: 0;
}

.poststagge .post>ul { margin-left: 0; }

#carbonads-container .carbonad
{
	width: 150px;
	margin: 14px 0 0;
}

#syndicate
{
	max-width: 200px;
	overflow: hidden;
}

.page-navigation
{
	width: 100%;
	max-width: 800px;
	float: left;
	clear: both;
	margin-bottom: 40px;
}

.page-navigation .prev,.page-navigation .next
{
	width: 40%;
	display: block;
	font-size: 16px;
	line-height: 1.2;
}

.page-navigation .prev { float: left; }

.page-navigation .next
{
	float: right;
	text-align: right;
	margin-right: 3%;
}

.page-navigation .divider { display: none; }

#footnotediv
{
	position: absolute;
	width: 290px;
	opacity: 0.9;
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	font-size: 1em;
	color: #444;
	z-index: 99999;
}

#footnotediv p { margin: 0; }

@media only screen and (min-width: 769px)
{
	section#main { padding-top: 150px; }
	#sidebar input.search,#sidebar #searchpath_q { margin-left: 0; }
	section#main #blog-archives article { padding: 0; }
}

@media only screen and (max-width: 922px)
{
	#main
	{
		min-width: 0;
		width: 550px;
	}
}

@media only screen and (max-width: 768px)
{
	#main
	{
		float: left;
		font-size: 1.25em;
		max-width: 700px;
	}
	
	#sidebar
	{
		text-align: left;
		padding: 0 0 0 10px;
		float: left;
		width: 100%;
		border-bottom: solid 1px #ccc;
		box-shadow: 0 0px 3px rgba(0,0,0,0.25);
	}
	
	#sidebar input.search,#sidebar #searchpath_q
	{
		width: 158px;
		margin: 0 auto;
		font-size: 16px;
		border: solid 1px #aaa;
		position: absolute;
		top: 172px;
		left: 113px;
	}
	
	#sidebar ul#menu a { font-size: 18px; }
	#sidebar ul#menu li { margin: 5px 0; }
	#sidebar ul#menu li.link.external a { font-size: .85em; }
	
	#sidebar ul#menu h1#title
	{
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 15px;
		position: absolute;
		top: 50px;
		left: 65px;
	}
	
	#sidebar ul#menu h1#title a
	{
		position: absolute;
		width: 300px;
		left: 86px;
		top: 64px;
	}
	
	#carbonads-container
	{
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		padding: 0;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	
	#carbonads-container .carbonad
	{
		margin: 0;
		padding: 0;
	}
	
	#syndicate
	{
		width: 80%;
		max-width: 80%;
	}
}

@media only screen and (min-width: 547px)
{
	#menu { display: block; }
	#menu-mobile { display: none; }
	aside#logo div,aside#logo div a { height: 167px; }
}

@media only screen and (max-width: 546px)
{
	body { line-height: 1.4; }
	#menu { display: none; }
	
	#menu-mobile
	{
		display: block;
		max-width: 98%;
	}
	
	header#sidebar { min-height: 132px; }
	header#sidebar #carbonads-container { display: none!important; }
	
	header#sidebar #syndicate
	{
		max-width: 75%;
		width: 75%;
		position: absolute;
		left: 71px;
		top: 61px;
	}
	
	header#sidebar aside#logo
	{
		position: relative;
		margin: 20px 0 10px;
		float: left;
		height: 80px;
		width: 47px;
	}
	
	header#sidebar #menu
	{
		margin: 15px auto;
		left: 65px;
		bottom: 8px;
	}
	
	header#sidebar input.search,header#sidebar #searchpath_q
	{
		top: 35px;
		left: 70px;
	}
	
	header#sidebar #sponsor { display: none; }
	
	article.post .gallery li
	{
		float: none;
		text-align: center;
	}
}

@media only screen and (max-width: 480px)
{
	body.dyslexic { font-size: .95em; }
	body.dyslexic p,body.dyslexic li,body.dyslexic dd,body.dyslexic dt { line-height: 2em; }
	
	article.post img.alignright,article.post img.alignleft
	{
		max-width: 45%;
		height: auto;
	}
	
	ul#menu li.link.downloads { display: none; }
	article.tags #topicnav { width: 100%; }
	
	article.tags #topicnav li
	{
		float: none;
		height: 30px;
		width: 100%;
	}
	
	article.tags #topicnav li a { padding: 0; }
}

.form label
{
	font-size: 1em;
	margin-top: 10px;
	display: block;
}

.form input
{
	display: inline;
	border: 1px solid #ddd;
	background-color: transparent;
	margin: 0;
	padding: 2px 9px 2px 9px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	width: 90%;
	max-width: 400px;
	height: 28px;
	color: #989898;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.form input:hover { border-color: #D2D2D2; }

.form input:focus
{
	box-shadow: 0px 0px 3px #bbb;
	border-color: #D2D2D2;
}

.form textarea
{
	display: inline;
	border: 1px solid #ddd;
	resize: none;
	background-color: transparent;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin: 5px 0;
	padding: 4px 9px 4px 9px;
	width: 90%;
	max-width: 400px;
	height: 200px;
	color: #989898;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.form textarea:hover { border-color: #D2D2D2; }

.form textarea:focus
{
	box-shadow: 0px 0px 3px #bbb;
	border-color: #D2D2D2;
}

.form .button
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 6px 20px;
	color: #989898;
	border: solid 1px #ddd;
	background: -moz-linear-gradient(top, #fff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.form .button:hover
{
	text-decoration: none;
	border: solid 1px #d2d2d2;
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DCDCDC');
}

.form .button:active
{
	position: relative;
	top: 1px;
	color: #999;
	background: -moz-linear-gradient(top, #ededed, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}

.form .round
{
	padding: 6px 24px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.form input.error,.form textarea.error { border-color: #ec9b9b; }
.inverse .paypalform .paypalbutton { background: transparent url(/images/donation2-inv.png) no-repeat top left; }

.paypalform
{
	padding: 0;
	margin: 80px auto 30px auto;
	width: 273px;
	clear: both;
}

.paypalform .paypalbutton
{
	display: block;
	width: 273px;
	height: 127px;
	margin: 0 2px;
	outline: none;
	border: none;
	background: transparent url(/images/donation2.png) no-repeat top left;
	background-size: contain;
	-webkit-background-size: contain;
	opacity: 0.7;
	text-indent: -9000px;
	position: relative;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	cursor: pointer;
}

.paypalform .paypalbutton:hover { opacity: 1; }

.paypalform .paypalbutton:hover span
{
	visibility: visible;
	opacity: 0.9;
	-webkit-transform: translate(0px) rotate(0deg) scale(1);
	-moz-transform: translate(0px) rotate(0deg) scale(1);
	-o-transform: translate(0px) rotate(0deg) scale(1);
	-ms-transform: translate(0px) rotate(0deg) scale(1);
	transform: translate(0px) rotate(0deg) scale(1);
}

.paypalform .paypalbutton span
{
	width: 250px;
	line-height: 1.2;
	padding: 10px;
	right: -40px;
	bottom: 100px;
	font-family: Habibi,Georgia,Times,"Times New Roman",serif;
	font-weight: 300;
	font-style: italic;
	font-size: 21px;
	color: #777;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	text-align: center;
	border: 4px solid #fff;
	background: rgba(255,255,255,0.95);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transform: translate(35px) rotate(25deg) scale(1.5);
	-moz-transform: translate(35px) rotate(25deg) scale(1.5);
	-o-transform: translate(35px) rotate(25deg) scale(1.5);
	-ms-transform: translate(35px) rotate(25deg) scale(1.5);
	transform: translate(35px) rotate(25deg) scale(1.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.paypalform .paypalbutton span:before,.paypalform .paypalbutton span:after
{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}

.paypalform .paypalbutton span:after
{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}

#typeahead
{
	width: 90%;
	max-width: 480px;
	font-size: 16px;
	color: #444;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #c8c8c8;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.25) inset;
	margin-bottom: 10px;
}

.m-touch #typeahead { display: none; }
#home section#main { padding-top: 160px; }

#main
{
	z-index: 1;
	padding-top: 140px;
}

#main #welcome
{
	max-width: 650px;
	float: left;
	height: 200px;
	background-size: contain!important;
	background: transparent url(/images/terpstra_lab_c.png) no-repeat left bottom;
	font-size: 62px;
	line-height: 1.1;
	padding-left: 120px;
	margin-bottom: 30px;
	border-bottom: dashed 1px #ccc;
}

#main #welcome p
{
	margin: 20px 0 0;
	font-family: Abel,"Helvetica Neue",Arial,sans-serif !important;
	line-height: 1;
}

@media only screen and (max-width: 390px)
{
	#main #welcome { font-size: 30px; }
}

@media only screen and (min-width: 769px)
{
	#main #welcome { height: 300px; }
}

@media only screen and (min-width: 930px)
{
	#main #welcome
	{
		font-size: 125px;
		padding-left: 162px;
		line-height: 1;
	}
	
	#main #welcome p { margin: 50px 0 0; }
}

#callouts
{
	margin: 0 0 30px 0;
	padding-top: 20px;
	width: 100%;
	max-width: 860px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#callouts .links div
{
	box-sizing: border-box;
	cursor: pointer;
	width: 31%;
	background-repeat: no-repeat;
	float: left;
	margin: 4px 0;
	border: solid 1px #888;
	margin-right: 8px;
	height: 100px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	background: #111;
	-webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.45);
	box-shadow: inset 2px 2px 4px rgba(0,0,0,0.45);
}

#callouts .links div:last-child { margin-right: 0; }
#callouts .links div.marked { background: #177da7 url(/images/callouts/callout-marked2.jpg) no-repeat left top; }
#callouts .links div.sixtytips { background: #706e59 url(/images/callouts/callout-60tips2.jpg) no-repeat left top; }
#callouts .links div.systematic { background: #005362 url(/images/callouts/callout-systematic2.jpg) no-repeat left top; }

#callouts .links div h4
{
	line-height: 1;
	margin: 0 0 5px 0;
	color: rgba(0,0,0,0.8);
	padding: 4px 10px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.75);
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 31px;
	width: 100%;
	height: 37%;
	text-shadow: 0px 1px 1px #ccc;
}

#callouts .links div img
{
	z-index: 0;
	opacity: .5;
	margin: 0 6px 0 0;
	position: absolute;
	height: auto;
	left: 0;
	top: 0;
}

#callouts .links div p
{
	z-index: 1;
	position: absolute;
	bottom: 0;
	height: 63%;
	background: rgba(0,0,0,0.85);
	color: white;
	font-size: 15px;
	line-height: 1.2;
	width: 100%;
	padding: 4px 10px;
	box-sizing: border-box;
	margin: 0;
	font-family: Abel,"Helvetica Neue",Arial,sans-serif !important;
}

@media only screen and (min-width: 593px)
{
	#callouts .links div h4,#callouts .links div p
	{
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}
	
	#callouts .links div h4
	{
		opacity: 0;
		top: -60px;
	}
	
	#callouts .links div p
	{
		opacity: 0;
		bottom: -64px;
	}
	
	#callouts .links div:hover h4
	{
		top: 0;
		opacity: 1;
	}
	
	#callouts .links div:hover p
	{
		bottom: 0;
		opacity: 1;
	}
}

@media only screen and (max-width: 592px)
{
	#callouts .links div { text-align: center; }
	
	#callouts .links div
	{
		height: 80px;
		width: 30%;
	}
	
	#callouts .links div p { display: none; }
	
	#callouts .links div h4
	{
		font-size: 14px;
		height: 21px;
		background: rgba(0,0,0,0.7);
		color: #fff;
		bottom: 0;
		top: auto;
		text-shadow: none;
	}
}

@media only screen and (max-width: 480px)
{
	#callouts .links div div { background-size: cover!important; }
}

#callouts .details div
{
	cursor: pointer;
	display: none;
	background-color: rgba(0,0,0,0.85);
	width: 92.5%;
	float: left;
	clear: both;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.45);
	box-shadow: inset 2px 2px 4px rgba(0,0,0,0.45);
}

#callouts .details div#marked { background-color: #177da7; }
#callouts .details div#marked p { color: #c6e9f7; }

#callouts .details div#marked a
{
	color: #000;
	background-color: #c6e9f7;
}

#callouts .details div#marked a:hover { background-color: #99d7f1; }
#callouts .details div#marked h4 { border-bottom: dashed 1px #115b7a; }
#callouts .details div#sixtytips { background-color: #706e59; }
#callouts .details div#sixtytips p { color: #fefefd; }

#callouts .details div#sixtytips a
{
	color: #000;
	background-color: #e7e7e1;
}

#callouts .details div#sixtytips a:hover { background-color: #d1cfc4; }
#callouts .details div#sixtytips h4 { border-bottom: dashed 1px #545242; }
#callouts .details div#systematic { background-color: #005362; }
#callouts .details div#systematic p { color: #fbfeff; }
#callouts .details div#systematic img { box-shadow: 2px 2px 5px rgba(0,0,0,0.25); }

#callouts .details div#systematic a
{
	color: #000;
	background-color: #62e7ff;
}

#callouts .details div#systematic a:hover { background-color: #00d5fb; }
#callouts .details div#systematic h4 { border-bottom: dashed 1px #00282f; }

#callouts .details div h4
{
	font-style: normal;
	font-weight: normal;
	color: #fff;
	font-size: 28px;
	text-transform: uppercase;
	line-height: 1.5;
	height: auto;
	margin: 0 0 10px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	letter-spacing: 1.2px;
}

#callouts .details div figure
{
	float: left;
	margin-right: 10px;
	max-width: 35%;
	height: auto;
	position: relative;
}

#callouts .details div figure img
{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#callouts .details div figure figcaption
{
	text-align: center;
	overflow: hidden;
	width: 100%;
	padding: 5px 0;
}

#callouts .details div figure figcaption p
{
	width: 100%;
	max-width: 100%;
	float: none;
}

#callouts .details div figure figcaption a
{
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	box-shadow: 0 2px 4px rgba(8,8,8,0.75);
	display: block;
	width: 100%;
	padding: 6px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 700;
}

#callouts .details div p
{
	font-weight: 700;
	margin: 0 0 1em 0;
	font-size: 16px;
	display: block;
	float: left;
	max-width: 60%;
}

#callouts .details div p a { color: white; }

@media only screen and (max-width: 540px)
{
	#callouts .details div figure
	{
		width: 100%;
		float: none;
		max-width: 100%;
	}
	
	#callouts .details div figure img { display: none!important; }
	#callouts .details div h4 { font-size: 18px; }
	
	#callouts .details div p
	{
		max-width: 100%;
		font-size: 14px;
	}
	
	#callouts .details div { max-width: 88%; }
}

@media only screen and (max-width: 640px)
{
	#callouts .details div p { display: none; }
	#callouts .details div p:first-of-type { display: block; }
}

#sponsor
{
	font-size: 14px;
	padding: 0;
	margin-left: 0;
}

#sponsor p
{
	padding: 0;
	margin: 0;
}

@media only screen and (min-width: 769px)
{
	#sponsor
	{
		margin: 10px 0 0;
		width: 100%;
	}
}

@media only screen and (max-width: 540px)
{
	#sponsor p
	{
		padding: 0 12px;
		text-align: right;
		font-size: 12px;
	}
}

#footer
{
	text-align: center;
	float: left;
	width: 100%;
}

body.dyslexic { background: snow; }

body.dyslexic #main p,body.dyslexic #main ul,body.dyslexic #main li,body.dyslexic #main dd,body.dyslexic #main dt,body.dyslexic #main #blog-archives h4
{
	line-height: 200%;
	font-family: "opendyslexic";
	font-size: 95%;
}

body.dyslexic #superreadable { color: #fff; }

body.inverse
{
	background: #282929;
	color: #eee;
}

body.inverse a { color: #8ecfe8; }
body.inverse h1,body.inverse h2,body.inverse h3,body.inverse h4,body.inverse h5,body.inverse h6 { color: #fff; }
body.inverse #invert { color: #fff; }

#sidebar ul#menu li.link a
{
	font-family: Abel,"Helvetica Neue",Arial,sans-serif;
	font-weight: 600;
	color: #63bde0;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

#sidebar ul#menu li.link a:hover { color: #258fb8; }
#sidebar ul#menu li.link.external a { color: #aaa; }
#sidebar ul#menu li.link.external a:hover { color: #777; }
#sidebar ul#menu li.link.donate a { color: #913939; }

.custom-select select
{
	background: #111;
	color: #444;
	font-size: 18px;
	font-family: abel;
	font-weight: 600;
	-webkit-appearance: menulist;
	box-sizing: border-box;
	-webkit-box-align: center;
	border: none;
	border-image: initial;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	background-color: #fff;
	cursor: default;
	position: absolute;
	left: 70px;
	right: 10px;
	bottom: 10px;
}

a.bookmarklet
{
	display: inline-block;
	font-family: "Myriad Pro","Lucida Grande",Verdana,sans-serif;
	font-weight: 300;
	font-size: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	background-color: #626262;
	border: 1px solid #626262;
	text-shadow: #3b3b3b 1px 1px 0;
	min-width: 62px;
	text-align: center;
	vertical-align: 2px;
	padding: 3px 10px 4px;
}

p a>code { border: dashed 1px #999; }
p code { white-space: pre-line; }

a
{
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

a:link
{
	color: #0095b6;
	text-decoration: none;
	outline: 0;
}

a:visited { color: #0689a6; }
a:hover,a:active { color: #00bfe9; }

ins
{
	text-decoration: none;
	color: #595959;
}

ins:before
{
	content: "+";
	font-weight: 700;
	font-size: 36px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #ddd;
	position: relative;
	padding-right: .1em;
	line-height: 1;
	top: 2px;
}

pre code { font-size: 15px; }
ul.alpha { list-style-type: lower-alpha; }
.fnhighlight { background: rgba(255,245,200,0.8); }

#main .post .gallery
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
}

#main .post .gallery li
{
	float: left;
	max-width: 45%;
	overflow: hidden;
	border: solid 1px #ccc;
	margin: 1%;
}

.download
{
	position: relative;
	float: left;
	width: 96%;
	clear: both;
	margin: 30px 0 40px 0;
	border: solid 1px #ccc;
	padding: 10px;
	border-radius: 10px;
	font-size: 80%;
	-webkit-box-shadow: 0px 2px 1px rgba(2,2,1,0.25);
	box-shadow: 0px 2px 1px rgba(2,2,1,0.25);
}

.download h4
{
	font-size: 110%;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

.download .dl_link
{
	font-weight: bold;
	font-size: 110%;
}

.download .dl_icon
{
	float: left;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 0 0.75em 0;
	padding-right: 10px;
}

.download .dl_updated
{
	font-weight: normal;
	font-style: italic;
}

@media only screen and (max-width: 920px)
{
	.download .dl_body { max-width: 330px; }
}

@media only screen and (min-width: 500px)
{
	.download .dl_info
	{
		position: absolute;
		right: 15px;
		bottom: 5px;
		margin: 0;
	}
	
	.download .dl_body
	{
		float: left;
		max-width: 70%;
	}
	
	.download .dl_link { margin: 0; }
}

.blowup { margin: 1em 0 0; }
article.tags { float: left; }

article.tags section
{
	margin: 30px 0;
	width: 100%;
	float: left;
}

article.tags ul
{
	margin: 0;
	list-style-type: none;
}

article.tags ul li
{
	margin-bottom: .4em;
	float: left;
	width: 30%;
	min-width: 150px;
}

article.tags ul li a
{
	display: block;
	padding: 5px 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

article.tags .tag_cloud
{
	width: 100%;
	max-width: 480px;
	overflow: hidden;
	float: left;
	margin: 20px 0 30px;
}

article.tags .tag_cloud ul
{
	margin: 1em 0;
	padding: 0.5em 10px;
	font-size: 21px;
}

article.tags .tag_cloud ul li
{
	width: auto;
	min-width: 0;
	float: left;
	display: inline;
	margin-right: 0 5px 0 0;
	padding: 0;
	list-style: none;
}

article.tags .tag_cloud ul li a
{
	text-decoration: none;
	padding: 0 2px;
}

article.tags .tag_cloud ul .weight0 a { display: none; }
article.tags .tag_cloud ul .weight1 a { color: #b8c3c8; }
article.tags .tag_cloud ul .weight2 a,article.tags .tag_cloud ul .weight3 a { color: #a9bfc8; }
article.tags .tag_cloud ul .weight4 a { color: #a2bcc9; }
article.tags .tag_cloud ul .weight5 a,article.tags .tag_cloud ul .weight6 a { color: #92b8c9; }
article.tags .tag_cloud ul .weight7 a,article.tags .tag_cloud ul .weight8 a { color: #87b5ca; }
article.tags .tag_cloud ul .weight9 a { color: #56a7cc; }
article.tags .tag_cloud ul .weight10 a,article.tags .tag_cloud ul .weight11 a { color: #4fa5cc; }
article.tags .tag_cloud ul .weight12 a,article.tags .tag_cloud ul .weight13 a { color: #44a2cd; }

article.tags .tag_cloud ul .weight14 a,article.tags .tag_cloud ul .weight15 a
{
	color: #1e97ce;
	font-weight: 700;
}

article.tags .tag_cloud ul .weight16 a,article.tags .tag_cloud ul .weight17 a
{
	color: #0f93cf;
	font-weight: 700;
}

article.tags .tag_cloud ul .weight18 a,article.tags .tag_cloud ul .weight19 a
{
	color: #008ecf;
	font-weight: 700;
}

article.tags .tag_cloud ul .weight20 a
{
	color: #0094e0;
	font-weight: 700;
}

article.tags .series_index ul
{
	display: none;
	margin-bottom: 20px;
	background: white;
	border: solid 1px #eee;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

article.tags .series_index ul li
{
	float: none;
	width: auto;
	margin: 4px 0;
}

article.tags .series_index ul li a
{
	padding: 0;
	color: #07677c;
}

article.tags .series_index h4
{
	font-size: 1em;
	display: block;
	cursor: pointer;
	color: #006e89;
	font-family: Abel,"Helvetica Neue",Arial,sans-serif;
	font-weight: 700;
}

.post strong { border-bottom: double 4px #000; }

.post .follow
{
	clear: both;
	border-top: solid 1px #ddd;
	padding: .5em;
	border-bottom: solid 1px #ddd;
	background: rgba(240,220,220,0.25);
	box-shadow: 0 0 2px rgba(0,0,0,0.25) inset;
	color: #777;
	text-align: center;
}

.post .archive_list { list-style-type: none; }

.post .archive_list a
{
	display: block;
	max-width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	margin-right: 4px;
}

.post img[src$="jpg"],.post img[src$="jpeg"],.post img.shadow
{
	background: #fff;
	padding: 8px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}

.post time span
{
	vertical-align: super;
	font-size: .6em;
	line-height: 0;
}

.post time span.month,.post time span.day
{
	font-size: 100%;
	line-height: 1.9em;
}

#toolbar
{
	display: block;
	position: fixed;
	top: -20px;
	right: 4px;
	z-index: 12;
	list-style-type: none;
	padding: 10px 10px 0;
	background: rgba(0,0,0,0.7);
	border-radius: 0 0 4px 4px;
	min-height: 30px;
}

#toolbar li
{
	line-height: 24px;
	font-size: 18px;
}

#toolbar li a
{
	display: none;
	color: #aaa;
}

#toolbar li a#tooltoggle
{
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTI0MDM3OTNCOEQxMUUyODFFRUE2NUQ2N0ZDMzMxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTI0MDM3QTNCOEQxMUUyODFFRUE2NUQ2N0ZDMzMxMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI1MjQwMzc3M0I4RDExRTI4MUVFQTY1RDY3RkMzMzEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI1MjQwMzc4M0I4RDExRTI4MUVFQTY1RDY3RkMzMzEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zBUR6gAAAaJJREFUeNq0lbtKA0EUhjchFrHTygTFTVrLiIU+gBb2akpFvDXqExh7BRtBRLDUBwiY1k5j8ghRES+VdqZQs/4H/pHDcdbdxgMfuzNz5t/JuUyCKIqCFFTBJZ+J/tkgnc2Cfj4TzYqOgpKZGwB5vuc51lbivh/LyHHV4jnfd8ADWAcV8/EeaIFDMEJfsTlwa0XL4IwCsjFD4iwizn8edOzPl4kaHbIJggHXnWDNCYrljOOdR+wLXIEXMAQmzD7xf9YbrOiGEZW4boJ7k8wDMKxEl8GaL/uS1XE1/gTbRjDgeIvrziq6KuSkVTDDOtQfabpsekzmr8GkOtwxeAcXIrpKQWuPCYl6MuPQPUX0CExTOFROxQTRoifJctKGrlOJSUOFQGK2EBOCkDWdUw0hB3uziZKJG1MZe7YFOd43ldNygrajxMbAqSmrDyZFarHAOu0znbUC2nF1GtJJi4rAVEK7FuIulH/pfX0L7YJFxrjnWW9yveZZ/xXTsrpcnA2CE15z0rZL4PWvPTamHc/JRaDL964R9O5J+3dSZ2HX0zh/CzAAKj2t8p0h2WcAAAAASUVORK5CYII=) no-repeat center top;
	text-indent: -999999px;
	width: 20px;
}

table
{
	margin-bottom: 2em;
	padding: 0;
	font-size: 14px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
	margin: 0 auto 2em auto;
	border: 1px solid #ddd;
	border-collapse: separate;
	*border-collapse: collapse;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

table caption,table col,table colgroup,table table,table tbody,table td,table tfoot,table th,table thead,table tr
{
	border-spacing: 0;
	font-weight: 400;
	font-size: 24px;
}

table capion
{
	display: table-caption;
	font-family: "OswaldBook","Helvetica Neue",Arial,sans-serif;
	font-weight: 400;
	font-size: 18px;
	word-spacing: .2em;
	background: rgba(0,0,0,0.75);
	color: #EEE;
	padding: 4px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 0;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
}

table col { display: table-column; }
table colgroup { display: table-column-group; }
table tbody { display: table-row-group; }
table tfoot { display: table-footer-group; }

table th,table td
{
	padding: 10px 10px 9px;
	line-height: 18px;
	text-align: left;
}

table th
{
	padding-top: 9px;
	font-size: 18px;
	font-weight: normal !important;
	text-transform: uppercase;
	vertical-align: middle;
}

table td
{
	vertical-align: top;
	border-top: 1px solid #ddd;
	font-size: 18px !important;
}

table tbody th
{
	border-top: 1px solid #ddd;
	vertical-align: top;
}

table th+th,table td+td,table th+td { border-left: 1px solid #ddd; }

table thead tr:first-child th:first-child,table tbody tr:first-child td:first-child
{
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
}

table thead tr:first-child th:last-child
{
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

table tr:nth-child(odd),table th:nth-child(odd),table td:nth-child(odd) { background: rgba(255,255,255,0.06); }
table.hightlight tr:nth-child(odd),table.hightlight th:nth-child(odd),table.hightlight td:nth-child(odd) { background: inherit!important; }
table tr:nth-child(even),table td:nth-child(even) { background: rgba(0,0,0,0.06); }

table tbody tr:first-child td:last-child
{
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

table tbody tr:last-child td:first-child
{
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
}

table tbody tr:last-child td:last-child
{
	-webkit-border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}

table tbody tr:nth-child(odd) { background-color: rgba(0,0,0,0.03); }
.highlight tr:nth-child(odd),.highlight th:nth-child(odd),.highlight td:nth-child(odd),.highlight tr:nth-child(even),.highlight td:nth-child(even) { background: transparent; }

.highlight,.highlight table
{
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}

.highlight td,.highlight table td { padding: 0; }

.highlight td pre,.highlight table td pre
{
	padding: 0;
	margin: 0;
}

.pullquote:before
{
	content: attr(data-pullquote);
	position: relative;
	font-style: italic;
	font-weight: 300;
	font-size: 1.2em;
	display: none;
	color: #555;
}

@media only screen and (min-width: 770px)
{
	.pullquote:before
	{
		display: block;
		border: none;
		border-top: #777 2px solid;
		border-bottom: #777 2px solid;
		padding: 6px 0;
		font-style: italic;
		font-size: .9em;
		float: left;
		width: 160px;
		position: relative;
		margin: 10px 30px 5px -30px;
		clear: none;
	}
	
	.divider
	{
		display: block;
		height: 1px;
		margin: 0;
		padding: 0;
		text-indent: -9999999px;
	}
}

@media only screen and (max-width: 546px)
{
	ul,ol
	{
		list-style-position: outside;
		margin-left: 1.4em;
	}
}

#rntbadge { display: none; }

@media only screen and (min-width: 769px)
{
	#rntbadge
	{
		margin: 40px 0;
		display: block;
	}
}

#contactform #confirmation { display: none; }
#contactform #confirmation.confirmation_visible { display: block; }
#contactform #confirmation.success { color: #497b43; }
#contactform #confirmation.error { color: #7b3131; }
.post header h2 { position: relative; }

.post header h2:before
{
	font-family: Sosa;
	color: #e6e1e1;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.4),1px 1px 2px rgba(255,255,255,0.9);
	display: inline-block;
	position: relative;
	float: right;
	width: 21px;
	height: 36px;
	left: 0;
	margin-right: 2px;
	-webkit-transition: color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out;
	-o-transition: color 0.5s ease-out;
	-ms-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
}

.post header h2:hover:before
{
	color: #0095b6;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

@media only screen and (min-width: 769px)
{
	.post header h2:before
	{
		width: 29px;
		height: 48px;
		position: absolute;
		float: none;
		margin-top: 0;
		z-index: 2;
		left: -40px;
	}
}

.post.bookmarks header h2:before { content: "m"; }
.post.quicktip header h2:before { content: "i"; }
.post.review header h2:before { content: "e"; }
.post.code header h2:before { content: "Y"; }
.post.podcast header h2:before,.post.systematic header h2:before { content: "9"; }

section.series,section.related
{
	border: solid 1px #d6d6d6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 0;
	margin: 20px 0;
	background: rgba(240,220,220,0.25);
	font-size: .85em;
	width: 100%;
}

section.series p,section.series h2,section.related p,section.related h2
{
	background: #714444;
	padding: 5px 10px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	margin: 0;
	color: white;
	display: block;
	cursor: pointer;
	font-size: 1em;
}

section.series p span,section.series h2 span,section.related p span,section.related h2 span { margin-left: 10px; }
section.series p,section.related p { color: #fff; }

section.series h2,section.related h2
{
	padding: 10px;
	background: #444;
}

section.series ul,section.related ul
{
	padding: 0;
	list-style-type: none;
	margin: 0;
}

section.series ul .current,section.related ul .current { color: #65a10f; }
section.series ul li,section.related ul li { margin-bottom: 0; }
section.series ul li span.current,section.related ul li span.current { color: #333; }

section.series ul li span.current:before,section.related ul li span.current:before
{
	content: '\25B8 ';
	font-weight: 700;
	color: #222;
	margin-right: 8px;
}

section.series ul li a,section.series ul li .current,section.related ul li a,section.related ul li .current
{
	position: relative;
	display: block;
	border-bottom: solid 1px #efeeee;
	margin: 0;
	padding: 4px 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #07677c;
}

section.series ul li a:hover,section.series ul li .current:hover,section.related ul li a:hover,section.related ul li .current:hover
{
	background: rgba(200,200,200,0.15);
	color: #0095b6;
}

section.series ul li a .date,section.series ul li .current .date,section.related ul li a .date,section.related ul li .current .date
{
	font-size: 80%!important;
	color: #666;
	float: right;
	padding: 0 4px;
	clear: both;
}

#devbanner
{
	position: fixed;
	height: 5px;
	background: rgba(169,44,44,0.25);
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}

div.gallery .thumbnail { position: relative; }

div.gallery .thumbnail .flickrlink
{
	display: none;
	width: 32px;
	height: 16px;
	background: transparent url(/images/flickr.png) no-repeat left top;
	position: absolute;
	right: 13px;
	bottom: 13px;
	opacity: .5;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

div.gallery .thumbnail .flickrlink:hover { opacity: 1; }
div.gallery .thumbnail:hover .flickrlink { display: block; }

@media only screen and (max-width: 499px)
{
	div.gallery .thumbnail
	{
		position: relative;
		float: left;
		width: 40%;
		margin: 5px;
	}
	
	div.gallery .thumbnail .blowup
	{
		border: solid 2px #333;
		float: left;
		width: 100%;
		height: 100px;
		overflow: hidden;
		box-shadow: 3px 3px 2px rgba(0,0,0,0.25);
	}
	
	div.gallery .thumbnail .flickrlink
	{
		right: 1px;
		bottom: 3px;
		opacity: .5;
	}
}

.m-touch div.gallery .thumbnail .flickrlink { display: block; }

@media only screen and (min-width: 500px)
{
	div.gallery .thumbnail
	{
		display: block;
		float: left;
		margin: 4px;
		max-width: 30%;
	}
}

.bigtext
{
	font-size: 42px;
	font-weight: 700;
}

.tweetit
{
	font-size: .8em;
	text-transform: lowercase;
	color: #aaa;
	font-weight: 600;
	float: right;
	padding: 0 2px;
	position: relative;
	top: 3px;
}

.tweetit a
{
	padding: 0 2px;
	color: #528b97;
}

.tweetit a:hover { color: #0095b6; }

#home article.sponsor.sticky:nth-of-type(1)
{
	padding: 20px !important;
	width: auto;
	font-size: 80%;
	background: white;
	border: solid 1px #aaa;
	border-radius: 8px;
	margin-right: 20px;
	float: left;
	margin-bottom: 1.5em;
}

#home article.sponsor.sticky:nth-of-type(1) img
{
	border: none;
	box-shadow: none;
}

.sponsor blockquote:last-of-type
{
	padding: 0 5px;
	font-size: 90%;
	border-left-width: 10px;
	border-color: #c3dca2;
	box-shadow: none;
	font-style: normal;
	background: #eeeeee;
	border-radius: 5px;
	text-align: center;
	float: left;
	width: 97%;
}

.sponsor blockquote:last-of-type p { margin: 0; }
.bt-video-container { margin-bottom: 1em; }

#searchresults ul,#searchresults ol
{
	list-style-type: none;
	margin: 20px 0;
}

#searchresults li p { font-size: 16px; }

#searchresults h4 small
{
	margin: 0 5px;
	font-size: .6em;
	color: #666;
}

#popular
{
	float: left;
	clear: both;
	margin: 0 0 30px;
	background: #fff;
	border: solid 1px #ddd;
	font-size: 81%;
	width: 96%;
	border-radius: 6px;
	max-width: 817px;
}

#popular header
{
	background: #666;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	padding: 6px 0px 0px 10px;
}

#popular header h1
{
	font-size: .95em;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	padding-bottom: 4px;
}

#popular ul
{
	list-style-type: none;
	padding: 0;
	margin: 10px;
	color: #007892;
}

#popular ul li
{
	float: left;
	width: 49%;
}

#popular ul li a
{
	display: block;
	margin: 0;
	padding: 2px;
	width: 91%;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .95em;
}

@media only screen and (max-width: 790px)
{
	#popular ul li
	{
		float: none;
		width: 100%;
	}
}

#flipcontainer
{
	float: left;
	margin: 20px 0;
}

.m-touch .flipcard .front { display: none; }
.m-no-touch .flipcard .front { display: block; }

.m-no-touch .flipcard:hover .card
{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.m-no-touch .flipcard .back
{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.flipcard
{
	-webkit-perspective: 1000;
	display: block;
	cursor: pointer;
	margin: 0 10px 10px 0;
	float: left;
}

.flipcard .card
{
	width: 250px;
	height: 170px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.5s;
}

.flipcard .face
{
	position: absolute;
	-webkit-backface-visibility: hidden;
}

.flipcard .front,.flipcard .back
{
	width: 246px;
	height: 170px;
	padding: 0;
	border: solid 2px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.flipcard .front h2,.flipcard .back h2
{
	padding: 10px 5px 2px;
	border-bottom: solid 1px #ccc;
	margin: 0;
	font-size: 23px;
	line-height: 1;
}

.flipcard .front { z-index: 10; }

.flipcard .front h2
{
	color: #333;
	background-color: rgba(255,255,255,0.75);
}

.flipcard.rank1 .front:before
{
	content: "e";
	font-family: Sosa;
	font-size: 28px;
	color: #f7d914;
	text-shadow: -2px 2px 0 #dbbf07;
	display: inline-block;
	position: absolute;
	left: -15px;
	top: -20px;
	width: 21px;
	height: 36px;
	-webkit-transition: color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out;
	-o-transition: color 0.5s ease-out;
	-ms-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	z-index: 101;
	opacity: .65;
}

.flipcard.rank1 .front:hover:before
{
	color: rgba(221,54,35,0.1);
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.flipcard.rank1 .back:before
{
	content: "e";
	font-family: Sosa;
	font-size: 16px;
	color: rgba(247,217,20,0.5);
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 36px;
	z-index: 101;
}

.flipcard:hover .front { z-index: 0; }

.flipcard .back
{
	background-color: #666366;
	background-image: radial-gradient(0% 100%, #666366,#47464b);
}

.flipcard .back h2
{
	color: #eee;
	text-shadow: -1px 1px 1px #333;
	border-bottom-color: #444;
}

.flipcard .back p
{
	border-top: solid 1px #5d5d5d;
	color: #fff;
	text-shadow: 0 1px 0 #444;
	font-size: 16px;
	padding: 10px;
	margin: 0;
	line-height: 1.2;
}