/*Theme Name: Nonesuch SFP
Theme Author: Nonesuch Studios
Author URI: http://nonesuch.co
Description: A semantic, HTML5 webcomic theme
Version: 1.0*/
/* =Reset-------------------------------------------------------------- */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-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}html {       overflow-y: scroll;}body {	line-height: 1;	font-family: 'Open Sans', sans-serif;		line-height: 150%;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}strong {	font-weight: bold;}a {	outline: none;}a {	text-decoration: none;	color: #e56f47;}a:hover {	color:#d15e37;}/* Layout-------------------------------------------------------------- */#container{	width: 100%;}#branding {	position: relative;	width: 775px;	margin: 0 auto;	margin-top: 5px;}#header-links {	width: 305px;	height: 35px;	position: absolute;	top: 10px;	right: 5px;}#shop-button {	display: block;	height: 25px;	width: 68px;	text-indent: -9999px;	background-position: -69px -70px;	margin-right: 25px;	}#about-button {	display: block;	height: 25px;	width: 69px;	text-indent: -9999px;	margin-right: 25px;	background-position: 0 -70px;}#header-links form {	float: right;}#site-info {	width: 750px;	margin: 0 auto;	margin-top: 40px;	margin-bottom: 20px;	font-size: 11px;	color: #423813;	}#content {	width: 750px;	margin: 0 auto;	overflow: visible;}#nav-above, #nav-below {	height: 35px;	width: 100%;	margin: 20px 0 20px 0;	position: relative;	}#nav-above .nav-previous a, #nav-above .nav-next a, #nav-below .nav-previous a, #nav-below .nav-next a, #header-links a{	text-indent: -9999px;	display: block;	height: 35px;	background-image: url(images/sprite.png);		background-repeat: no-repeat;	transition: all .15s ease;	-moz-transition: all .15s ease;	-webkit-transition: all .15s ease;	-o-transition: all .15s ease;}#nav-above .nav-previous a:hover, #nav-above .nav-next a:hover, #nav-below .nav-previous a:hover, #nav-below .nav-next a:hover, #header-links a:hover, #header-links form:hover{	margin-top: -2px;}.nav-previous a {	width: 60px;	background-position: 0 0;	float: left;	}.nav-previous span.end-link {	float: left;	margin-left: 50px;}.nav-previous span.end-link a {	width: 77px;	background-position: 0 -35px;}.nav-next a {	width: 61px;	background-position: -60px 0;	float: right;	}.nav-next span.end-link {	float: right;	margin-right: 50px;}.nav-next span.end-link a {	width: 84px;	background-position: -121px 0px;}.archive-link {	width: 120px;	height: 35px;	background-image: url(images/sprite.png);		background-position: -77px -35px;	position: absolute;	left: 315px;	cursor: pointer;	transition: all .15s ease;	-moz-transition: all .15s ease;	-webkit-transition: all .15s ease;	-o-transition: all .15s ease;	}.archive-link ul{	width: 160px;	z-index: 999;	background: white;	margin: 45px 0 0 -20px;	padding-bottom: 7px;    box-shadow: inset 0 0 0 2px black, 0 0 0 2px black;		border-radius: 1px;	border: 5px solid #E86D41;	display: none;	transition: all .15s ease;	-moz-transition: all .15s ease;	-webkit-transition: all .15s ease;	-o-transition: all .15s ease;		}.archive-link li{	position: relative;	padding: 0 7px 0 7px;}.archive-link li:first-child{	background: url(images/t-arr.png) top center no-repeat;	height: 8px;	padding-top: 24px;	top: -17px;	margin-bottom: 10px;}#nav-above .archive-link a, #nav-above .archive-link span {	display: block;	height: 20px;	line-height: 20px;	text-align: center;	text-decoration: none;	font-family: "Bangers", "Cursive";	padding: 5px 0 5px 0;	color: #175dba;	letter-spacing: 1px;	transition: letter-spacing .15s ease;	-moz-transition: letter-spacing .15s ease;	-webkit-transition: letter-spacing .15s ease;	-o-transition: letter-spacing .15s ease;		cursor: pointer;			font-size: 18px;}#nav-above .archive-link li:hover > a, #nav-above .archive-link li.active > a, #nav-above .archive-link li:hover > span, #nav-above .archive-link li.active > span {	background: #74acf6;	color: white;	text-shadow:  0 0 3px #175dba;	letter-spacing: 3px;}#nav-above .archive-link a:visited {	color: #bfd7f8;}.archive-link li ul{	display: none;	position: absolute;	box-shadow: 5px 5px 0 black;	background: #74acf6;	margin-top: 0;	left: 173px;	top: 0px;	width: 275px;	padding: 5px;		border-radius: 2px;	border-top-left-radius: 0;	border: 0;}.archive-link li:first-child ul{	top: 24px;}.archive-link li ul li{	width: 75px;	float: left;}.archive-link li ul li:first-child{	background-image: none;	height: auto;	margin-bottom: 0;	padding-top: 0;	top: 0;}.l {	float: left;}.r {	float: right;}/* Appearance-------------------------------------------------------------- */body {	background: #ffeeb1;}article, article p {	text-align: center;}article img {	height: auto;	max-width: 1000px;	box-shadow: 0 0 5px #b8a459;	margin: 0 -125px;	}#site-info {	padding-bottom: 25px;}#site-info #about {	background: url(images/footer.jpg) top center no-repeat;	padding: 30px 25px 45px 190px;	height: 139px;	margin-left:-40px;	font-family:"Bangers", Cursive;		font-size: 16px;	color: #444;		letter-spacing: 1px;	line-height: 125%;}#site-info #about  p{	margin: 5px 0 0 20px;	width: 270px;	float: left;}#site-info #about  p:first-child{	margin: 5px 0 0 10px;}#site-info #about  p em{	display: inline;	font-size: 20px;	color: black;}#site-info #about p a {	color: #d76744;	text-decoration: none;}#site-info #about p a:hover {	color: #bf5434;}.social-ic-wrap {	float: left;	margin-right:10px;}.social-ic-wrap.last {	margin: 0 0 0 -30px;}/* About Page-------------------------------------------------------------- */#page-title {	font-size: 30px;	font-family:"Bangers", Cursive;			margin: 25px 0 50px 0;	padding: 0 0 15px 0;	border-bottom: 1px dashed #e56f47;	letter-spacing: 1px;}.sep {	font-family: Arial, helvetica, sans-serif;	font-size: 44px;}#portraits {	display: block;	height: 488px;	width: 750px;	background: url(images/about-bg.png) top left no-repeat;}#portraits > li {	display: block;	height: 100%;	float: left;	text-indent: -9999px;	cursor: pointer;	transition: all .25s ease;	-moz-transition: all .25s ease;	-webkit-transition: all .25s ease;	-o-transition: all .25s ease;}#portraits > li {	opacity: 0;}#portraits > li:hover, #portraits > li.active-portrait {	opacity: 1;}#brennan {	width: 315px;	background: url(images/brennan-bg.png) left -2px no-repeat;}#molly {	width: 175px;	background: url(images/molly-bg.png) -36px -26px no-repeat;	}#griffin {	width: 260px;	background: url(images/griffin-bg.png) -19px 0px no-repeat;		}#captions {	margin-top: 50px;}#captions > li {	background: white;	padding: 0px;	border-radius: 7px;		overflow: hidden;	padding: 20px;		display: none;} #captions.brennan-active > #brennan-caption, #captions.molly-active > #molly-caption, #captions.griffin-active > #griffin-caption {	display:block;}#captions h3 {	font-size: 20px;	font-family: "Bangers", "Cursive";	display: inline-block;	letter-spacing: 1px;}#captions h4 {	font-size: 16px;	font-style: italic;	display: inline-block;		color: #72b4ff;	font-weight: bold;	margin-bottom: 20px;}#captions > li > p + p {	margin-top: 20px;}#captions { position: relative; border: 4px solid #72b4ff;	border-radius: 7px; } #captions:after, #captions:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;	transition: all .25s ease;	-moz-transition: all .25s ease;	-webkit-transition: all .25s ease;	-o-transition: all .25s ease; } #captions:after { border-color: rgba(114, 180, 255, 0); border-bottom-color: #fff; border-width: 20px; left: 50%; margin-left: -30px; } #captions:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #72b4ff; border-width: 26px; left: 50%; margin-left: -36px; }#captions.brennan-active:before, #captions.brennan-active:after {left:195px;}#captions.molly-active:before, #captions.molly-active:after {left:395px;}#captions.griffin-active:before, #captions.griffin-active:after {left:595px;}/* 404 Page-------------------------------------------------------------- */body.error404 h1.entry-title {	font-size: 24px;	font-family:"Bangers", Cursive;		margin: 40px 0 10px 0;}article p + p {	margin: 25px 0 0 0;}/* Notes Below Comic-------------------------------------------------------------- *//* Tricks and Things-------------------------------------------------------------- *//* The Best Clearfix: http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */.clearfix:before, .clearfix:after, #content:before, #content:after { content: "\0020"; display: block; height: 0; overflow: hidden; }.clearfix:after, #content:after{ clear: both; }.clearfix, #content{ zoom: 1; }#preload {	display: none;}::selection {	background: #e56f4b ;	color: white;}::-moz-selection {	background: #e56f4b;	color: white;}#post-87 img {	max-width:940px;	width: 940px;	margin-left: -90px;}/* =Image Preloading */body:after{content: url(images/t-arr.png);display: none;} 

#comments {
	height: 24px; margin: 20px 0 20px 0; padding: 20px; overflow: hidden;
	border-radius: 5px; background: #fff;
}
#comments.is-active {
	height: auto;
}
#toggle_comments {
	display: block; width: 100%; padding: 0 0 20px 0; margin-bottom: 40px; border-bottom: 1px solid #f6e8e3;
	text-align: center; font-family: "Bangers", "Cursive"; font-size: 24px; letter-spacing: 2px; color: #e56f47;
	cursor: pointer; -webkit-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease;
}
#toggle_comments:hover {
	color: #d15e37;
}
@media all and (min-width: 1380px){
	#kickstarter-top {
		position: fixed; top: 80px; left: -20px;
		-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
	}
}
@media all and (max-width: 1379px){
	#content {
		padding-top: 50px;
		position: relative;
	}
	#kickstarter-top {
		right: 0; top: -80px;
		-webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg);		
	}
}