/**
 * assets/reset.css
 */
/* Reduced Resets */
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, font, 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 {
  margin: 0; padding: 0; border: 0; outline: 0;
  font-size: 100%; vertical-align: baseline; background: transparent;
  font-weight: normal;
}

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

del { text-decoration: line-through; }

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE */
}

table {
	font-size: inherit;
	font: 100%;
}

a:hover, a:active { outline: none; }

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/**
 * assets/design.css
 */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono);

/* Basic styles */
a { text-decoration: none; color: #0645AD; }
a:visited { color: #0b0080; }
a:active { color: #faa700; }
a:hover, a:focus { text-decoration: underline; }

a[type="application/atom+xml"]:after,
a[type="application/rss+xml"]:after {
	content: url(feed-small.png);
	margin-left: 0.25em;
}

p {
	margin: 1em 0;
}

ul, ol {
	margin-left: 25px;
}

pre, code {
	overflow-x: auto;
	border: 1px solid #ebebeb;
	color: black;
	background-color: #f7f7f7;
	font-family: "Droid Sans Mono", "Courier New", Monaco, monospace;
}
pre {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.1) inset;
	padding: 1em;
	line-height: 1.3em;
}
pre code {
	overflow-x: visible;
	border: none;
	color: inherit;
	background-color: transparent;
	font-family: inherit;
}

.codelicense-wrapper {}
.codelicense-wrapper pre {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.codelicense-footer {
	text-align: right;
	font-size: 0.9em;
	color: #777;
	background-color: #eee;
	border: 1px solid #eee;
	border-top: none;
	padding: .35em;

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

figure {
	display: block;
	padding: 1em 2em;
	margin: 1em 0;
	border: 0 dotted #ccc;
	border-width: 1px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
figure img {
	display: block;
	border: 1px solid #333;
	max-width: 100%;
}
figcaption {
	display: block;
	font-style: italic;
	margin: 0 -1.5em;
	margin-top: 1em
}

@media screen and (min-width: 800px) {
	.doublefigure {
		overflow: auto;
		margin: 1em 0;
		border: 0 dotted #ccc;
		border-width: 1px 0;
	}
	.doublefigure figure {
		margin: 0;
		float: left;
		width: 50%;
		border: none;
	}
}

h1 {
	font-size: 2em;
	line-height: 1;
}
h2 {
	font-size: 1.5em;
	border-bottom: 1px solid #ddd;
}
h3 { font-size: 1.35em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h2, h3, h4, h5, h6 {
	margin-top: .75em;
}

h3 + p,
h3 + p {
    margin-top: .25em;
}

.permalink {
	margin-left: 0.25em;
	font-size: 0.8em;
	vertical-align: top;
}

/* General content style classes */
ul.inline-list,
ul.inline-list li,
ul.cloud,
ul.cloud li { display: inline; margin: 0; }
ul.inline-list li:before,
ul.cloud li:before { content: ", "; }
ul.inline-list li:first-child:before,
ul.cloud li:first-child:before { display: none; }

.clear { clear: both; }

a.thumb {
  display: inline-block;
  padding: 7px;
  color: #fff;
  background-color: #444;
  background-color: rgba(68,68,68,.80);
  border-radius: 7px;
}
a.thumb img {
	margin: 0; padding: 0;
	background-color: #fff;
}
.floatright {
	display: block;
	float: right;
	clear: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.floatleft {
	display: block;
	float: left;
	clear: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.missing {
	font-weight: normal;
	font-style: italic;
	color: red;
}
.missing a {
	text-decoration: underline !important;
	color: inherit;
}


/* Layout and page styles */

body {
	/*background: #eee url(fabric.png);*/
	background-color: #222;
	background-image: -webkit-linear-gradient(left, #111, #333 35%, #333 65%, #111);
	background-image:    -moz-linear-gradient(left, #111, #333 35%, #333 65%, #111);
	background-image:     -ms-linear-gradient(left, #111, #333 35%, #333 65%, #111);
	background-image:      -o-linear-gradient(left, #111, #333 35%, #333 65%, #111);
	background-image:         linear-gradient(to right, #111, #333 35%, #333 65%, #111);
	color: #fff;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
}

.headintro {
	max-width: 960px;
	padding: 0 15px;
	margin: 0 auto;
	text-shadow: 5px 5px 2px black;
}
.headintro h1,
.headintro h2,
.headintro h3 {
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
}
.headintro h1 {
}
.headintro h2 {
	vertical-align: top;
	font-size: 1.1em;
}

.headintro,
#navigation,
.content-wrapper,
#siteboxes,
.sitebox {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* General styling for all content regions */
.content,
.sitebox,
.allposts,
.cblock {
	display: block;
	background-color: #fff;
	color: #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 5px 7px 5px #111, 0 0 3px #000 inset;
	-webkit-box-shadow: 5px 7px 5px #111, 0 0 3px #000 inset;
	box-shadow: 5px 7px 5px #111, 0 0 3px #000 inset;
}

#belowfold {
	position: relative;
	margin-top: 1em;
}

/* A content area */
#content {
}
.content-wrapper {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 2em;
	padding: 0 15px;

	/*background-color: rgba(255, 255, 255, 0.5);*/
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}
.content {
	min-height: 5em;
	padding: 1em;
}

.post-author,
.post-published {
	display: inline;
	display: inline-block;
}
.post-author {

}
.post-published {

}
.post-published:before {
	content: " | ";
}
.post-updated {
	font-style: italic;
	font-size: 0.9em;
	color: #777;
}

.content.compact {
	min-height: 1em;
	padding: 0.5em;
}
.compact .post-published:before { display: none; }
.compact .post-published {
	float: right;
}

.allposts,
.cblock {
	padding: 0.5em 1em;
	text-align: center;
	font-size: 1.35em;
}

.archive-next { float: left; }
.archive-prev { float: right; }

/* Navigation */
#navigation {
	display: block;
	margin-top: 1em;
	padding: 0 15px;
}
#navigation ul {
	display: block;
	padding: 0;
	margin: 0;
}
#navigation li {
	display: block;
	margin: 0;
	margin-bottom: 0.1em;
	max-width: 550px;
}
#navigation a {
	display: block;
	padding: 0.5em 1em;
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #fff, #cce7ff);
	background-image:    -moz-linear-gradient(top, #fff, #cce7ff);
	background-image:     -ms-linear-gradient(top, #fff, #cce7ff);
	background-image:      -o-linear-gradient(top, #fff, #cce7ff);
	background-image:         linear-gradient(to bottom, #fff, #cce7ff);
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 2px 1px #000, 2px 2px 2px 0 #eee;
}

/* Boxes on every page. Footer or sidebar depending on window site. */
#siteboxes {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
}
.sitebox {
	min-height: 2em;
	max-width: 550px; /* Don't grow too large when there are no media queries */
	padding: 0.5em;
	margin: 0 0 1em;
}
.sitebox h3 {
	margin-top: 0;
}

.stories {
	display: block;
	list-style: none;
	margin: 0;
	margin-bottom: 0.5em;
	border-top: 1px solid #eee;
}
.stories > li {
	display: block;
	padding: 0.5em;
	border-bottom: 1px solid #eee;
}
.stories > li .posted {
	color: #555;
	font-style: italic;
}
.stories > li .posted:before {
	content: "- ";
	color: #555;
	font-style: italic;
}

.link-after {
	font-style: italic;
	color: #777;
	font-size: 0.8em;
}

@media screen and (min-width: 550px) {
	#navigation li {
		float: left;
		margin: 0;
		margin-right: 0.5em;
	}
}
/* 2-col layout */
@media screen and (min-width: 550px) and (max-width: 744px) {
	.sitebox {
		width: 49%;
		margin-left: 2%;
		float: left;
	}
	.sitebox:nth-of-type(2n-1) {
		clear: left;
		margin-left: 0;
	}
}
/* 3-col layout */
@media screen and (min-width: 745px) and (max-width: 1289px) {
	.sitebox {
		width: 32%;
		margin-left: 2%;
		float: left;
	}
	.sitebox:nth-of-type(3n-2) {
		clear: left;
		margin-left: 0;
	}
	#navigation {
		max-width: 960px;
		padding: 0 15px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* sidebar layout */
@media screen and (min-width: 1290px) {
	.headintro {
		float: right;
		padding-right: 25px;
		text-shadow: 5px 5px 2px black;
	}
	.headintro h1,
	.headintro h2,
	.headintro h3 {
		display: inline;
		display: inline-block;
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: middle;
	}
	.headintro h3 {
		border-left: 1px solid #CCC;
		padding-left: 10px;
		margin-left: 7px;
	}

	.content-wrapper {
		margin-left: 0;
	}
	#siteboxes {
		position: absolute;
		margin: 0;
		top: 0;
		right: 0;
		max-width: auto;
		width: 350px;
	}
	#navigation {
		padding: 0 15px;
	}
}

/* Persona */
.persona-button {
	float: right;
}

.persona-button {
	color: #fff;
	display: inline-block;
	/*font-size: 14px;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2);

	background: #297dc3;
	background: -moz-linear-gradient(top, #43a6e2, #287cc2);
	background: -ms-linear-gradient(top, #43a6e2, #287cc2);
	background: -o-linear-gradient(top, #43a6e2, #287cc2);
	background: -webkit-linear-gradient(top, #43a6e2, #287cc2);
	background: linear-gradient(top, #43a6e2, #287cc2);

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.persona-button:hover {
	background: #21669f;
	background: -moz-linear-gradient(top, #3788b9, #21669f);
	background: -ms-linear-gradient(top, #3788b9, #21669f);
	background: -o-linear-gradient(top, #3788b9, #21669f);
	background: -webkit-linear-gradient(top, #3788b9, #21669f);
	background: linear-gradient(top, #3788b9, #21669f);
}

.persona-button:active,
.persona-button:focus,
.persona-button:visited {
	color: #fff;
	top: 1px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.persona-button span {
	display: inline-block;
	padding: 5px 10px 5px 40px;
}

/* Icon */
.persona-button span:after {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat;
	content: '';
	display: block;
	width: 31px;

	position: absolute;
	bottom: 0;
	left: -3px;
	top: 0;
	z-index: 10;
}

/*  Icon background */
.persona-button span:before {
	content: '';
	display: block;
	height: 100%;
	width: 20px;

	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	z-index: 1;

	background: #42a9dd;
	background: -moz-linear-gradient(top, #50b8e8, #3095ce);
	background: -ms-linear-gradient(top, #50b8e8, #3095ce);
	background: -o-linear-gradient(top, #50b8e8, #3095ce);
	background: -webkit-linear-gradient(top, #50b8e8, #3095ce);
	background: linear-gradient(top, #50b8e8, #3095ce);

	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

/* Triangle */
.persona-button:before {
	background: #42a9dd;
	content: '';
	display: block;
	height: 26px;
	width: 26px;

	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -13px;
	z-index: 0;

	background: -moz-linear-gradient(-45deg, #50b8e8, #3095ce);
	background: -ms-linear-gradient(-45deg, #50b8e8, #3095ce);
	background: -o-linear-gradient(-45deg, #50b8e8, #3095ce);
	background: -webkit-linear-gradient(-45deg, #50b8e8, #3095ce);
	background: linear-gradient(-45deg, #3095ce, #50b8e8); /* flipped for updated spec */

	-moz-box-shadow: 1px -1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px -1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px -1px 1px rgba(0,0,0,0.1);

	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Inset shadow (required here because the icon background clips it when on the `a` element) */
.persona-button:after {
	content: '';
	display: block;
	height: 100%;
	width: 100%;

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
}

/**
 * Pygments generated styles
 */
.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */