body {
	margin: 0px;
	font-family: "Museo Slab", "museo-slab", Georgia, serif;
	font-weight: 300;
	font-size: 16px;
	color: #1E1E1E;
	background-color: white;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #1F7CD8;
}

a:hover {
	color: #1F7CD8;
}

h1, h2, h3, div.archive-link {
	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	line-height: 1.2em;
}

div.archive-link {
	font-weight: 700;
	font-size: 26px;

	margin-top: 26px;
	margin-bottom: 8px;
}

h1 {
	font-weight: 700;
	font-size: 26px;

	margin-top: 20px;
	margin-bottom: 0px;
}

h2 {
	font-weight: 300;
	font-size: 24px;

	margin-top: 16px;
	margin-bottom: 0px;
}

h3 {
	font-weight: 500;
	font-size: 16px;

	margin-top: 16px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
	margin-bottom: 16px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

blockquote {
	font-style: italic;
}

blockquote em {
	font-style: normal;
}

img {
	width: auto;
	max-width: 100%;
}

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

sup {
	bottom: 1.2ex;
}

sub {
	top: 0.8ex;
}

hr {
	background-color: #8C221B;
	border: none;
	margin-top: 20px;
	height: 1px;
	box-shadow: 0px 1px #ededed;
}

div.code {
	padding-top: 8px;
	padding-bottom: 8px;
	
	margin-top: -8px;
	margin-bottom: 8px;
}

div.inline-code {
	display: inline;
}

div.inline-code pre {
	display: inline
}

div.wideOnly {
	display: block;
}

p code {
	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
}

div.code pre {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
	margin-right: 16px;
	
	overflow: auto;

	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-weight: 500;
	font-size: 16px;
}

.code { background-color: #f8f8f8; }
.ph-c { color: #585858; font-style: italic } /* Comment */
.ph-err { border-bottom: 1px solid #8C221B } /* Error */
.ph-k { color: #1E1E1E; font-weight: 700 } /* Keyword */
.ph-n { color: #185EA4; font-weight: 700 } /* Name */
.ph-o { color: #585858 } /* Operator */
.ph-cm { color: #585858; font-style: italic } /* Comment.Multiline */
.ph-cp { color: #585858 } /* Comment.Preproc */
.ph-c1 { color: #585858; font-style: italic } /* Comment.Single */
.ph-cs { color: #585858; font-style: italic } /* Comment.Special */
.ph-gd { color: #8C221B } /* Generic.Deleted */
.ph-ge { font-style: italic } /* Generic.Emph */
.ph-gr { color: #8C221B } /* Generic.Error */
.ph-gh { color: #1E1E1E; font-weight: 700 } /* Generic.Heading */
.ph-gi { color: #00A000 } /* Generic.Inserted */
.ph-go { color: #185EA4 } /* Generic.Output */
.ph-gp { color: #1E1E1E; font-weight: 700 } /* Generic.Prompt */
.ph-gs { font-weight: 700 } /* Generic.Strong */
.ph-gu { color: #185EA4; font-weight: 700 } /* Generic.Subheading */
.ph-gt { color: #0044DD } /* Generic.Traceback */
.ph-kc { color: #1E1E1E; font-weight: 700 } /* Keyword.Constant */
.ph-kd { color: #1E1E1E; font-weight: 700 } /* Keyword.Declaration */
.ph-kn { color: #1E1E1E; font-weight: 700 } /* Keyword.Namespace */
.ph-kp { color: #1E1E1E } /* Keyword.Pseudo */
.ph-kr { color: #1E1E1E; font-weight: 700 } /* Keyword.Reserved */
.ph-kt { color: #1E1E1E } /* Keyword.Type */
.ph-m { color: #585858 } /* Literal.Number */
.ph-s { color: #585858 } /* Literal.String */
.ph-na { color: #185EA4 } /* Name.Attribute */
.ph-nb { color: #1E1E1E } /* Name.Builtin */
.ph-nc { color: #185EA4; font-weight: 700 } /* Name.Class */
.ph-no { color: #585858 } /* Name.Constant */
.ph-nd { color: #585858 } /* Name.Decorator */
.ph-ni { color: #185EA4; font-weight: 700 } /* Name.Entity */
.ph-ne { color: #185EA4; font-weight: 700 } /* Name.Exception */
.ph-nf { color: #185EA4 } /* Name.Function */
.ph-nl { color: #185EA4 } /* Name.Label */
.ph-nn { color: #185EA4; font-weight: 700 } /* Name.Namespace */
.ph-nt { color: #1E1E1E; font-weight: 700 } /* Name.Tag */
.ph-nv { color: #185EA4 } /* Name.Variable */
.ph-ow { color: #585858; font-weight: 700 } /* Operator.Word */
.ph-w { color: #585858 } /* Text.Whitespace */
.ph-mb { color: #585858 } /* Literal.Number.Bin */
.ph-mf { color: #585858 } /* Literal.Number.Float */
.ph-mh { color: #585858 } /* Literal.Number.Hex */
.ph-mi { color: #585858 } /* Literal.Number.Integer */
.ph-mo { color: #585858 } /* Literal.Number.Oct */
.ph-sb { color: #585858 } /* Literal.String.Backtick */
.ph-sc { color: #585858 } /* Literal.String.Char */
.ph-sd { color: #585858; font-style: italic } /* Literal.String.Doc */
.ph-s2 { color: #585858 } /* Literal.String.Double */
.ph-se { color: #585858; font-weight: 700 } /* Literal.String.Escape */
.ph-sh { color: #585858 } /* Literal.String.Heredoc */
.ph-si { color: #585858; font-weight: 700 } /* Literal.String.Interpol */
.ph-sx { color: #585858 } /* Literal.String.Other */
.ph-sr { color: #585858 } /* Literal.String.Regex */
.ph-s1 { color: #585858 } /* Literal.String.Single */
.ph-ss { color: #19177C } /* Literal.String.Symbol */
.ph-bp { color: #1E1E1E } /* Name.Builtin.Pseudo */
.ph-vc { color: #19177C } /* Name.Variable.Class */
.ph-vg { color: #19177C } /* Name.Variable.Global */
.ph-vi { color: #19177C } /* Name.Variable.Instance */
.ph-il { color: #585858 } /* Literal.Number.Integer.Long */

#header {
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 188px;
	background: #8C221B;
	color: #ffffff;
	box-shadow: 0px 1px 1px #a8a8a8;
}

#header a {
	color: #ffffff;
}

.logo-a, .logo-b {
	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: 1px;
}

.logo-a {
	font-weight: 700;
}

.logo-b {
	padding-left: 1px;
	font-weight: 300;
	color: #ededed;
}

#columns {
	width: 796px;

	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding-top: 8px;	
}

#sidebar-column {
	float: left;
	width: 164px;
	max-width: 164px;
	min-width: 164px;

	padding-left: 8px;
	padding-right: 8px;

	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.3em;
	
	color: #585858;
}

#sidebar-column p {
	margin-top: 0px;
	margin-bottom: 16px;

	line-height: 1.25em; /* iOS normal > Mac normal, so be specific */
}

#sidebar-column ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 16px;
}

#sidebar-column ul li {
	list-style-type: none;
	list-style-position: inside;
}

#sidebar-column a {
	font-weight: 500;
}

#sidebar-column a:link, #sidebar-column a:visited {
	color: #585858;
}

#sidebar-column a:hover {
	color: #1F7CD8;
}

#main-column {
	float: right;
	width: 600px;
	max-width: 600px;
	min-width: 600px;

	padding-left: 8px;
	padding-right: 8px;

	margin-bottom: 28px;
	
	line-height: 1.3em;
}

#main-column li {
	margin-top: 0px;
	margin-bottom: 8px;
}

.post-header a:link, .post-header a:visited {
	color: #1E1E1E;
}

.post-header a:hover {
	color: #1F7CD8;
}

.datestamp {
	margin-top: 0px;
	margin-bottom: 16px;

	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #585858;
	line-height: normal;	
}

.subtitle {
	margin-top: 0px;
	margin-bottom: 16px;

	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #585858;
	line-height: normal;	
}

.archive-link a:link, .archive-link a:visited {
	color: #1E1E1E;
}

.archive-link a:hover {
	color: #1F7CD8;
}

#footer {
	text-align: center;

	font-family: "Museo Sans", "museo-sans", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #585858;
}

div #footer {
	padding-top: 14px;
}

#footer p {
	display: none;
}

#footer ul {
	padding: 0px;

	margin-top: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	margin-right: 0px;
}

#footer ul li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;

	list-style-type: disc;
	list-style-position: inside;
}

#footer ul li:after {
	margin-left: 8px;
	margin-right: 5px;

	content: "•";
}

#footer ul li:last-child:after {
	margin-left: 0px;
	margin-right: 0px;

	content: "";
}

#footer ul.headed li:first-child:after {
	content: ":";

	margin-left: 0px;
	margin-right: 7px;
}

#footer a {
	font-weight: 500;
}

#footer a:link, #footer a:visited {
	color: #585858;
}

#footer a:hover {
	color: #1F7CD8;
}

#narrow-footer-bits {
	display: none;
}

div.about-image {
	background-image: url(/images/cocoaconf-pdx-600.jpg);
	background-size: 600px;
	height: 354px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	/* use the double size image but keep the inherited size */
	div.about-image {
		background-image: url(/images/cocoaconf-pdx-1200.jpg);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 240dpi), only screen and (min-resolution: 3dppx) {
	/* use the double size image but keep the inherited size */
	div.about-image {
		background-image: url(/images/cocoaconf-pdx-1800.jpg);
		height: 400px; /* image is uncropped, so set a different height */
	}
}

@media (max-width: 960px) {
	#header {
		padding-left: 0px;
		text-align: center;
	}

	#columns {
		margin-left: auto;
		margin-right: auto;
		width: 600px;
	}

	#sidebar-column {
		display: none;
	}

	#main-column {
		float: none;
		width: 600px;
		max-width: 600px;
		min-width: 600px;
	}

	#narrow-footer-bits {
		display: block;
	}
	
	div.wideOnly {
		display: none;
	}
}

@media (max-width: 660px) {
	#columns {
		width: 420px;
	}

	#main-column {
		width: 420px;
		max-width: 420px;
		min-width: 420px;
	}

	p {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	pre {
		margin-left: 16px;
	}

	div.about-image {
		background-image: url(/images/cocoaconf-pdx-420.jpg);
		background-size: 420px;
		height: 248px;
	}
}


@media (max-width: 480px) {
	#columns {
		width: 300px;
	}

	#main-column {
		width: 300px;
		max-width: 300px;
		min-width: 300px;
	}

	div.about-image {
		background-image: url(/images/cocoaconf-pdx-300.jpg);
		background-size: 300px;
		height: 177px;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		/* use the double size image but keep the inherited size */
		div.about-image {
			background-image: url(/images/cocoaconf-pdx-600.jpg);
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 240dpi), only screen and (min-resolution: 3dppx) {
		/* use the double size image but keep the inherited size */
		div.about-image {
			background-image: url(/images/cocoaconf-pdx-900.jpg);
		}
	}
}