/* ==========
normalize.css v2.1.3 | MIT License | git.io/normalize
========== */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



/* ==========
base
========== */

html,
button,
input,
select,
textarea {
	color: #4d4d4d;
}

body {
	background-color: #efefef;
	font: 16px/1.5 Georgia,'Times New Roman',Times,sans-serif;
}

a {
	color: #000;
	text-decoration: none;
}

p a {
	border-bottom: 1px solid #aaa;
}

h1, h2, h3, h4, h5 {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1;
}

::-moz-selection {
	background-color: #ccc;
	text-shadow: none;
}

::selection {
	background-color: #ccc;
	text-shadow: none;
}

img {
	display: block;
	height: auto !important;
	margin: 1em auto;
	max-width: 100%;
	vertical-align: middle;
}

nav ul,
nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}



/* ==========
structure
========== */

article {
	background-color: #fff;
	position: relative;
}

article,
body > footer,
body > header,
.comments-form,
.comments-form .form-row p,
.comments-form label,
.comments-form input,
.comments-form textarea,
.comments-list > li,
.comment-meta,
.comment-message,
.post-meta,
.wrapper {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article,
body > footer,
body > header,
.wrapper {
	margin: 0 auto;
	max-width: 45em;
}

article,
body > footer,
body > header {
	padding: 15px 20px;
}

article,
body > header,
.comments {
	margin-bottom: 20px;
}

body > footer,
body > header {
	background-color: #222;
	background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 70%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(34,34,34) 70%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.7, rgb(34,34,34)));
	color: #fff;
}

body > header {
	text-align: center;
}



/* ==========
content
========== */

.awtitle {
	color: #fff;
	font: 2.375em/1 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -1px;
}

.awtitle .amp {
	color: #555;
	color: rgba(255,255,255,0.3);
	font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.blocklist {
	margin-bottom: 15px;
}

.blocklist h4 {
	padding-left: 20px;
}

.blocklist a,
.blocklist .empty {
	display: block;
	margin: 0 0 5px;
	padding: 5px 20px;
	position: relative;
	text-decoration: none;
}

.blocklist a span {
	color: rgba(0,0,0,.5);
	display: block;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: .75em;
}

.blocklist a:hover {
	background-color: #222;
	color: #fff;
}

.blocklist a:hover span {
	color: rgba(255,255,255,.3);
}

.comments {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

.comments header {
	background-color: #222;
	color: #fff;
	padding: 15px 20px;
	position: relative;
}

.comments header h5,
.comments header a {
	line-height: 1em;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.comments header a {
	color: #fff;
	color: rgba(255,255,255,.5);
}

.comments header > a {
	font-size: .6875em;
}

.comments header a:hover {
	color: #fff;
}

.comments-list {
	font-size: .75em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments-list > li {
	background-color: #ddd;
	border-left: 5px solid #000;
	margin: 5px 0 0;
}

.comment-meta {
	background-color: rgba(0,0,0,.07);
	padding: 10px 20px;
}

.comment-meta p {
	margin: 0;
}

.comment-meta strong {
	display: inline-block;
	font-size: 1.15em;
	line-height: 1.45em;
}

.comment-message {
	padding: 15px 20px;
}

.comments-form {
	background-color: #ddd;
	margin: 5px 0 0;
	padding: 20px;
}

.comments-form h3 {
	margin-top: 0;
}

.comments-form .form-row {
	margin: 0 0 10px;
	width: 100%;
}

.comments-form .form-row p {
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 1.33em;
	margin: 5px 0;
}

.comments-form label {
	cursor: default;
	display: block;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
}

.comments-form label span {
	color: #999;
	display: inline-block;
	font-family: Georgia, 'Times New Roman', Times, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 1em;
		*display: inline;
		*zoom: 1;
}

.comments-form .message {
	padding: 0 0 25px;
}

.comments-form .message h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.comments-form .message p {
	font-size: 12px;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.comments-form .message .error {
	color: #c00;
}

.comments-form label.error {
	background-color: #c00;
	color: #fff;
}

.comments-form .form-row input,
.comments-form .form-row textarea,
.comments-form .submitbtn {
	-webkit-appearance: none;
	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border: 1px solid #fff;
	display: block;
	font-size: 18px;
	padding: 6px 10px;
	width: 100%;
}

.comments-form .form-row input {
	line-height: 1em;
}

.comments-form .form-row textarea {
	height: 8em;
	line-height: 1.28571428571429em;
	max-width: 100%;
}

.comments-form input:focus,
.comments-form textarea:focus {
	border: 1px solid #aaa;
	outline: none;
}

.comments-form label.security {
	background-color: #222;
	color: #fff;
	padding: 0 10px;
}

.comments-form .submitbtn {
	background: #222;
	border: none;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
}

.post-meta {
	background-color: #ccc;
	overflow: hidden;
	padding: .2em 1.25em;
	width: 100%;
}

.post-meta p,
.post-meta ul {
	font: .75em/1 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

.post-meta p {
	display: block;
	float: left;
	text-align: right;
	width: 40%;
}

.post-meta p:first-child {
	text-align: left;
	width: 60%;
}

.meta a {
	border: none;
}

.meta a:hover {
	color: #fff !important;
}

.post-meta .tags {
	border-top: 1px dotted rgba(0,0,0,.2);
	float: left;
	list-style: none;
	margin: 0 0 .25em;
	padding: 1em 0 0;
	width: 100%;
}

.post-meta .tags li {
	display: inline-block;
	padding: 0 1em .75em 0;
}

.recents {
	overflow: hidden;
	text-align: left;
	width: 100%;
}

.recents .col {
	float: left;
	margin-left: 5.882352941176%;
	width: 47.058823529412%;
}

.recents .col:first-child {
	margin: 0;
}

.recents li {
	line-height: 1em;
	padding: 0 0 .75em;
}

.sitesub {
	border-top: 1px solid rgba(255,255,255,.1);
	font: .875em/1 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	margin: 1em 0 0;
	padding: 1.25em 0 .5em;
	text-align: center;
}

.sitesub li {
	display: inline-block;
	padding: 0 .5em;
}

.sitesub a {
	color: #555;
	color: rgba(255,255,255,0.3);
}

.sitesub a:hover {
	color: #fff;
}

.tagline {
	color: #555;
	color: rgba(255,255,255,0.3);
	margin-bottom: 0;
}

.taglist {
	margin: 0 0 15px;
}

.taglist a {
	background-color: rgba(0,0,0,.07);
	display: block;
	height: 50px;
	margin: 0 0 5px;
	position: relative;
	text-decoration: none;
}

.taglist p,
.taglist .graph,
.taglist .graph span {
	bottom: 0;
	display: block;
	position: absolute;
	top: 0;
}

.taglist .graph,
.taglist .graph span {
	right: 0;
}

.taglist p {
	left: 0;
	line-height: 36px;
	margin: 0;
	padding: 7px 10px;
	right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 10;
}

.taglist p span {
	background-color: #222;
	background-color: rgba(0,0,0,.2);
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	height: 36px;
	margin-right: 15px;
	text-align: center;
	width: 36px;
		*display: inline;
		*zoom: 1;
}

.taglist a:hover {
	background-color: #222;
	color: #fff;
}

.taglist a:hover .graph {
	display: none;
}

.taglist a:hover p span {
	background-color: #fff;
	background-color: rgba(255,255,255,.2);
}

.wrapper > header {
	padding: 0 20px 20px;
}

.wrapper > header h1 {
	margin: 0;
}

.wrapper > header p {
	margin: 0;
}



/* ==========
ANNE colors
========== */

article.anne a:hover {
	background-color: #9adee3;
	border: none;
}

article.anne header h1 a:hover {
	background-color: transparent;
	color: #9adee3;
}

.awtitle:hover .anne,
body > footer .anne a {
	color: #9adee3;
}

.comments-form .submitbtn.anne {
	background-color: #222;
	color: #9adee3;
}

body > footer .anne a:hover,
.blocklist .anne li a,
.comments-form .submitbtn.anne:hover {
	background-color: #9adee3;
	color: #000;
}

.comments-list > li.anne,
.anne .post-meta,
.taglist .graph .anne {
	background-color: #9adee3;
}

.blocklist .anne li a:hover {
	background-color: #222;
	color: #9adee3;
}


/* ==========
WILL colors
========== */

article.will a:hover {
	background-color: #e2eb67;
	border: none;
}

article.will header h1 a:hover {
	background-color: transparent;
	color: #e2eb67;
}

.awtitle:hover .will,
body > footer .will a {
	color: #e2eb67;
}

.comments-form .submitbtn.will {
	background-color: #222;
	color: #e2eb67;
}

body > footer .will a:hover,
.blocklist .will li a,
.comments-form .submitbtn.will:hover {
	background-color: #e2eb67;
	color: #000;
}

.comments-list > li.will,
.will .post-meta,
.taglist .graph .will {
	background-color: #e2eb67;
}

.blocklist .will li a:hover {
	background-color: #222;
	color: #e2eb67;
}



/* ==========
helper classes
========== */

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

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

.clearfix:after {
	clear: both;
}

/* For IE 6/7 only */
.clearfix {
	*zoom: 1;
}



/* ==========
media queries
========== */

@media only screen and (min-width: 64em) { /* large screen size */
	
	.meta strong {
		display: inline-block;
	}
	
	.post-meta {
		padding-right: 0;
		position: absolute;
		right: -8em;
		top: 2.15em;
		width: 8em;
		z-index: 1;
	}
	
	.post-meta strong {
		font-size: 1.33333333333333em;
		line-height: 1em;
	}
	
	.post-meta::after {
		border-left: 13px solid rgba(0,0,0,.07);
		border-bottom: 70px solid transparent;
		content: "";
		height: 0;
		left: 0;
		position: absolute;
		top: 0;
		width: 0;
	}

	.post-meta p {
		float: none;
		line-height: 1em;
		text-align: left;
		width: 100% !important;
	}
	
	.post-meta .tags {
		margin: .5em 0;
		padding: 1.5em 0 0;
	}
	
	.post-meta .tags li {
		display: block;
	}
	
	.post-meta time { display: block; }

}

@media only screen and (min-width: 35em) { /* medium to large screens */
	
	.column-shell {
		overflow: hidden;
		width: 100%;
	}

	.column-shell .column {
		float: left;
		width: 50%;
	}
	
	.comments header h5,
	.comments header a {
		display: inline-block;
			*display: inline;
			*zoom: 1;
	}

	.comments header > a {
		position: absolute;
		right: 20px;
		top: 23px;
	}
	
	.comments-list > li {
		border: none;
		min-height: 90px;
		overflow: hidden;
		width: 100%;
	}
	
	.comment-meta {
		float: right;
		margin-bottom: -500px;
		padding-bottom: 500px;
		padding-top: 13px;
		width: 30%;
	}
	
	.comment-meta p {
		margin: 1em 0;
	}
	
	.comment-message {
		float: left;
		width: 70%;
	}
	
	.comments-form .form-row {
		overflow: hidden;
	}
	
	.comments-form .form-row p {
		display: block;
		float: left;
		padding: 0 0 0 27.5%;
		width: 100%;
	}
	
	.comments-form label {
		background-color: rgba(0,0,0,.07);
		float: left;
		padding: 0 5px;
		width: 27.5%;
	}

	.comments-form .form-row input,
	.comments-form .form-row textarea {
		float: left;
		font-size: 14px;
		width: 72.5%;
	}
	
	.comments-form .form-row input {
		height: 24px;
		line-height: 1em;
	}
	
	.comments-form .form-row textarea {
		height: 120px;
		line-height: 1.28571428571429em;
		max-width: 72.5%;
	}
	
	.comments-form label.security {
		margin: 0 2.5% 0 0;
	}
	
	.comments-form label.security,
	.comments-form .security input {
		width: 35%;
	}
	
	.taglist {
		overflow: hidden;
		width: 100%;
	}
	
	.column-shell .column,
	.taglist li {
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 50%;
	}
	
	.column-shell .column:first-child,
	.taglist li:nth-child(2n+1){
		padding-right: 3px;
	}
	
	.column-shell .column:last-child,
	.taglist li:nth-child(2n+2){
		padding-left: 2px;
	}
	
}

@media only screen and (max-width: 35em) { /* small screens */
	
	.content,
	.tagline {
		font-size: .875em;
	}
	
	h1 {
		font-size: 1.5em;
	}
	
	.recents {
		overflow: visible;
		text-align: center;
	}
	
	.recents .col {
		border-top: 1px solid rgba(255,255,255,.1);
		float: none;
		margin: 1em 0 0;
		width: 100%;
	}
	
	.recents .col:first-child {
		border-top: none;
		margin: 0;
	}
	
}