@charset utf-8;
/*
Theme Name: Scratch
Theme URI: http://cbateman.com
Author: Chris Bateman
Author URI: http://cbateman.com
Description: Want something done right, gotta do it yourself.
Version: 1.0
.
This theme is copyright Chris Bateman. All rights reserved.
.
 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}


@font-face {
    font-family: 'RalewayThin';
	src:	url('fonts/raleway_thin-webfont.eot'); /* IE9 Compat Modes */
    src:	url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/raleway_thin-webfont.woff') format('woff'), /* Modern Browsers */
			url('fonts/raleway_thin-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
			url('fonts/raleway_thin-webfont.svg#webfontnF3kUzPR') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /*font-family: 'PTSansItalic';*/
	font-family: 'PTSans';
    src: url('fonts/PTS56F-webfont.eot');
    src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS56F-webfont.woff') format('woff'),
         url('fonts/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'PTSansNarrow';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTSansNarrow';
    src: url('fonts/PTN77F-webfont.eot');
    src: url('fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN77F-webfont.woff') format('woff'),
         url('fonts/PTN77F-webfont.ttf') format('truetype'),
         url('fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: bold;
    font-style: normal;
}






html {
	background:#555;
	-webkit-text-size-adjust:none;
}
body {
	background:url(includes/bg.jpg) repeat 0 0 #F3F3F3;
	font:100%/1.5 "PTSans", sans-serif;
	color: #222;
	overflow-x:hidden;
}


p,
iframe {
	margin-bottom:1em;
}

a {
	text-decoration:none;
	color:#3E92BC;
}
a:hover, a:focus {
	text-decoration:underline;
}



input[type="text"], input[type="email"], input[type="url"], textarea {
	padding:7px;
	font-family:sans-serif;
	font-size:14px;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
}

img, embed, object, video {
	max-width: 100%;
	vertical-align:middle;
}

.screen-reader-text {
	display:inline-block;
	height:0;
	width:0;
	overflow:hidden;
	position:absolute;
}


::selection {
	background-color:#376388;
	color:#FFF;
}
::-moz-selection {
	background-color:#376388;
	color:#FFF;
}








.container {
	max-width:1100px;
	padding:0 25px;
	margin:0 auto;
}



/* HEADER */
.main-header {
	padding:19px 0 0;
	position:relative;
}
.main-header h1 {
	position:relative;
	top:-7px;
	width:159px;
}
.main-header img {
    min-height: 100px;
}

.main-header .bands {
	width:100%;
	position:absolute;
	top:54px;
	left:0; /* IE7 */
}
.main-header .bands .b1 {
	height:24px;
	background-color:#1c6891;
}
.main-header .bands .b2 {
	height:15px;
	background-color:#6b9fbb;
}
.main-header .bands .b3 {
	height:9px;
	background-color:#b2cfdf;
}

.main-header ul {
	float:right;
	font-family:"RalewayThin", "Arial Narrow", sans-serif;
	font-size:25px;
	margin-bottom:0;
	margin-left:0;
}
.main-header ul li {
	display:inline;
	margin-left:20px;
	padding-left:0;
}
.main-header ul li:first-child {
	margin-left:0;
}
.main-header ul a {
	color:#000;
}



/* MAIN AREA */
.main {
	margin-top:25px;
}

.main .search-heading {
	font-size:21px;
	margin-bottom:1em;
}

.content {
	width:63%;
	margin-right:9%;
	float:left;
}
.content .next {
	float:left;
}
.content .previous {
	float:right;
}



/* SIDEBAR */
.sidebar {
	width:28%;
	float:left;
	color:#444;
}
.sidebar h1 {
	font-size:20px;
	font-family:"PTSansNarrow", "Arial Narrow", sans-serif;
	color:#005884;
}

.sidebar > section {
	margin-bottom:1.5em;
}

.sidebar ul {
	list-style-type:none;
	margin:0;
}
.sidebar li {
	padding:0;
    line-height: 1.2em;
    margin-bottom: 0.4em;
}


#searchform div {
	position:relative;
}
#searchform input[type="text"] {
	width:100%;
}


.old-browser {
	background-color:#005884;
	color:#FFF;
	padding:15px 15px 1px 15px;
	margin-bottom:30px;
	border-radius:10px;
	position:relative;
	behavior:url(/blog/wp-content/themes/scratch/includes/PIE.htc);
}



.post-index {
	list-style-type:none;
	margin-left:0;
}
.post-index li {
	margin-bottom:4em;
}
.post-index strong {
	display:block;
}
.post-index strong a {
	font:bold 30px "PTSansNarrow", "Arial Narrow", sans-serif;
	color:#005884;
}
.post-index p {
	display:inline;
}




/* POSTS */
article {
	margin-bottom:6em;
}
article header {
	margin-bottom:1em;
}
article header h1, .heading-1 {
	font-size:30px;
	line-height:1.1em;
	font-family:"PTSansNarrow", "Arial Narrow", sans-serif;
	font-weight:bold;
}
article header h1 a {
	color:#005884;
}
article header time {
	font-size:12px;
	color:#777;
}


article h2, .heading-2,
article h3, .heading-3 {
	font-weight:bold;
	font-family:"PTSansNarrow", "Arial Narrow", sans-serif;
	color: #404040;
	margin-top: 1.3em;
}
article h2, .heading-2 {
	font-size:23px;
}
article h3, .heading-3 {
	font-size:20px;
}

article footer {
	font-size:14px;
	color:#777;
	margin-top:2em;
	border-top:1px solid #CCC;
	padding-top:0.3em;
}
article footer p {
	line-height:1.2em;
	margin-bottom:0.5em;
}



/* RANDOM POST STYLES */
strong {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
blockquote {
	font-style:italic;
	margin:0 2em 0 1.5em;
	padding-left:0.5em;
	border-left:5px solid #7292AD;
}

ul {
	margin-bottom:1em;
	list-style-type:disc;
	margin-left:2em;
}
ul ul {
	margin-bottom:0;
}
ul li {
	padding-left:0.3em;
}

.demo-frame {
	background: #fff;
	border: 1px solid #999;
	width: 100%;
}

code, .pre {
	font-family:monospace;
}
.pre {
	background:#FFF;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom:1.5em;
	padding:10px;
	font-size:13px;
	/*box-shadow:0 0 4px #CCC inset;
	-moz-box-shadow:0 0 4px #CCC inset;
	-webkit-box-shadow:0 0 6px #CCC inset;*/
	border: 1px solid #dadada;
}

sup {
	vertical-align: super;
	font-size: 11px;
	color: #555;
	padding-left: 1px;
}

.aligncenter {
	display:block;
	margin:0 auto;
}

hr {
	border-width:1px 0 1px 0;
	border-color:#CCC #FFF #FFF;
	border-style:solid;
	margin:34px auto;
	width:60%;
}

.demo-container {
	border:1px solid #BBB;
	background-color:#E9E9E9;
	padding:15px;
	margin-bottom:1em;
}



.article-cta {
	margin:4em 0;
}
.article-cta a {
	background:#3E92BC;
	box-shadow:0 3px 0px #186D97, 0 3px 4px rgba(0, 0, 0, 0.4);
	padding:4px 10px;
	color:#FFF;
	text-decoration:none;
	border-radius:5px;
}
.article-cta a:hover {
	background:#4D9FC9;
}



/* COMMENTS */
.comments-count {
	font-family:PTSansNarrow, sans-serif;
	font-size:0.85em;
	color:#666;
	background:#f5f5f5;
	border:1px solid #CCC;
	display:inline-block;
	padding:2px 10px;
	margin-top:2em;
}

.comments, .respond {
	margin-top:4em;
}
.comments > h1, .respond .reply-title {
	font-family:"PTSansNarrow", "Arial Narrow", sans-serif;
	font-size:21px;
	font-weight:bold;
	padding-bottom:0.5em;
	border-bottom:1px dotted #CCC;
}

.comments > ul {
	margin-left:0;
	list-style-type:none;
}

.comments .comment, .comments .pingback {
	border-bottom:1px dotted #CCC;
	padding:15px 0 5px;
}
.comments .comment-author {
	font-family:"PTSansNarrow", sans-serif;
	font-weight:bold;
}
.comments .comment-meta {
	font-family:"PTSansNarrow", sans-serif;
	font-size:13px;
	margin-bottom:1em;
}
.comments .comment-meta a {
	color:#666;
}
.comments .comment-body p {
	font-size:14px;
}


.respond .reply-title {
	border-bottom:0 none;
}

.respond form label {
	display:block;
	color:#555;
	font-size:13px;
}
.respond textarea {
	width:100%;
	height:120px;
}

.respond form input[type="text"], .respond form input[type="email"], .respond form input[type="url"] {
	width:100%;
}
.respond .comment-form-comment, .respond .comment-form-author, .respond .comment-form-email, .respond .comment-form-url {
	margin-bottom:1em;
}
.respond .comment-form-author, .respond .comment-form-email, .respond .comment-form-url {
	float:left;
	width:45%;
}
.respond .comment-form-author {
	margin-right:10%;
}
.respond .form-submit {
	clear:both;
}



/* FOOTER */
.main-footer {
	margin-top:40px;
	padding:50px 0 30px;
	background:#555;
	color:#CCC;
	box-shadow:inset 0 10px 11px -12px #000;
	-moz-box-shadow:inset 0 10px 11px -12px #000;
	-webkit-box-shadow:inset 0 14px 13px -14px #000;
}
.main-footer .text {
	float:left;
}
.main-footer .html5logo {
	margin-right:-20px;
	float:right;
}
.main-footer .copyright {
	font-size:12px;
	color:#AAA;
}



/* ARCHIVE */
.archive-list {
    list-style-type: none;
    margin-left: 0;
}




@media (max-width:775px) {
	.container {
		padding:0 4%;
		max-width:640px;
	}
	.content {
		float:none;
		width:100%;
	}
	.sidebar {
		float:none;
		width:100%;
		background:#FFFFFF;
		border-radius: 15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		box-shadow:inset 0 1px 3px #CCCCCC;
		-moz-box-shadow:inset 0 1px 3px #CCCCCC;
		-webkit-box-shadow:inset 0 1px 3px #CCCCCC;
		behavior:url(/blog/wp-content/themes/scratch/includes/PIE.htc);
		position:relative;
		padding:15px 0;
		margin-top:1em;
	}
	.sidebar > section {
		margin:0 15px 1em;
	}
	.responsive-image {
		display:none;
	}
	
	.main-footer {
		text-align:center;
	}
	.main-footer .text, .main-footer .html5logo {
		float:none;
	}
	.main-footer .html5logo {
		margin-top:10px;
	}
}

@media (max-width:620px) {
	.main-header {
		padding-top:0px;
	}
	.main-header h1 {
		width:100%;
		text-align:center;
		float:none;
		margin-top:15px;
	}
	.main-header .bands {
		top:100px;
	}
	.main-header ul {
		float:none;
		text-align:center;
		padding-top:10px;
	}
}

@media (max-width:490px) {
	body {
		line-height:1.45;
	}
	article header h1 {
		font-size:28px;
	}
	.respond textarea {
		height:100px;
	}
	.respond .comment-form-author, .respond .comment-form-email, .respond .comment-form-url {
		float:none;
		width:auto;
		margin-right:0;
	}
	.pre {
		/*white-space:normal;*/
	}
	.main {
		margin-top:50px;
	}
}

@media (max-width: 415px) {
	
	.main-header ul {
		padding-top:5px;
		font-size:19px;
	}
	.main-header ul li {
		margin-left:7px;
	}
	.main-header h1 {
		top:-4px
	}
	
	.article-cta a {
		font-size: 15px;
	}
}



/* Prism.js */
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+css-extras+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

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

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

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

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

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

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

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

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

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

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

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

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

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

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

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

.token.function {
	color: #DD4A68;
}

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

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}