/* !-------- Basics --- */

html,body {
	background: #28231F url(images/curtainbg-1.jpg) center 177px repeat-x;
	font-family: sans-serif;
}
a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}
a:hover {
	color: #4a8ab7;
}
li {
}
p {
	margin-bottom: 1rem;
	line-height: 1.6rem;
	color: #333;
}
h1 {
	margin-bottom: 1rem;
}
h2,h3 {
	margin: 2rem 0 1rem 0;
}


/* !-------- Sections within the page --- */

.page__header {
	background: #fff;
	padding-top: 20px;
	border-bottom: 3px solid #000;
}
.page__header h2 {
	background: url(images/header-cast.jpg) center center no-repeat;
	margin: 0;
}
@media screen and (max-width:900px){
	.page__header h2 {
		background-size: 75%;
		background-position-y: bottom;
		margin: 0;
		padding: 0;
		bottom: 0;
		position: relative;
	}
	.page__header {
		height: 360px;
	}
}
.page__header span {
	visibility: hidden;
}
.page__header ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.page__header li {
	list-style-type: none;
}
.page__comic {
}
.page__comic aside {

}
.page__secondary {
	background: #fff;
	padding: 3rem 20px 20px 20px;
}
.page__footer {
	background: #ddd;
	padding: 20px;
	font-size: 0.75rem;
}
/*
.page__footer a,
.page__footer span {
	padding: 0 4px;
}
*/


/* !-------- Site banner and menu links --- */

.header__menu {
}
.header__menu h2 {
}
.header__menu nav {
}


/* !-------- Back/next nav links --- */

.comic__nav-2 {
	display: flex;
	justify-content: center;
}
.comic__nav-2 a {
}
.comic__nav-2 a span {
}



.navlink span {
	visibility: hidden;
}
.navlink.first {
	background: url(images/arrow_first.png) center center no-repeat;
}
.navlink.prev {
	background: url(images/arrow_back.png) center center no-repeat;
}
.navlink.next {
	background: url(images/arrow_next.png) center center no-repeat;
}
.navlink.latest {
	background: url(images/arrow_newest.png) center center no-repeat;
}

@media screen and (max-width: 900px) {
	.navlink.first {
		background: url(images/arrow_first_sml.png) center center no-repeat;
	}
	.navlink.prev {
		background: url(images/arrow_back_sml.png) center center no-repeat;
	}
	.navlink.next {
		background: url(images/arrow_next_sml.png) center center no-repeat;
	}
	.navlink.latest {
		background: url(images/arrow_newest_sml.png) center center no-repeat;
	}
}

/* !-------- Comic area --- */

.page__content {
	background: #fff;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	padding: 20px;
	margin-bottom: 40px;
	border-image: url(images/border.png) 25 repeat;
}


/* !-------- After the comic --- */

.secondary__share {
}
.secondary__share h3 {
}
.secondary__share a {
}

.secondary__blog {
}
.secondary__blog h3 {
	font-size: 1.75rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}
.secondary__blog p {
	margin-bottom: 1.25rem;
	font-weight: 400;
}
.secondary__blog a {
}

.secondary__transcript {
}
.secondary__transcript h3 {
}
.secondary__transcript blockquote {
}
.secondary__transcript span {
}

.secondary__follow {
}
.secondary__follow h3 {
}
.secondary__follow a {
}
.follow-set a {
	padding: 0 0.5rem;
}
.follow-set a:hover {
	position: relative;
	top: -4px;
}
.follow-set img {
	height: 64px;
}



/* !-------- Archives --- */

.item.page {
	display: block;
	padding: 0;
}
.item.page a {
	padding: 0.5rem 0;
	font-weight: normal;
}



/* !-------- Various --- */

.publication-date {
	font-size: 0.75rem;
}
.byline {
}