/*

Theme Name: Looking For Group 
Theme URI: http://mindfaucet.com/
Author: Mindfaucet
Author URI: http://mindfaucet.com/
Description: Official Looking For Group Theme
Version: 2.002

Design by Mindfaucet
http://mindfaucet.com

*/

html {
	padding: 0;
	margin: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	min-width: 800px;
}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: 'Alice', serif;
	font-weight: normal;
	color: #fff;
	background: #000;
	min-width: 800px;
}

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

	a:hover {
		color: #107854;
	}

	a:focus {
		outline: none;
	}
	
button::-moz-focus-inner {
	border: 0; 
}

input:focus {
	outline: none;
}

input::-moz-focus-inner {
	border: 0; 
}

hr {
	height: 1px;
	color: #abaaa8;
	background-color: #abaaa8;
	border: 0px;
}

img {
	border: none;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

tr, td {
	padding: 0;
	margin: 0;
}

h1 {
	margin: 0;
	padding: 0 0 0 7px;
	font-size: 50px;
	line-height: 60px;
	font-weight: normal;
	overflow: hidden;
	display: block;
	background: #fff;
}

	h1 span {
		padding: 1px 7px 0 5px;
		margin: 0 0 0 5px;
		color: #fff;
		background: #003d7c;
	}

h2 {
	padding: 0;
	margin: 15px 0 0 0;
	font-size: 34px;
	font-weight: normal;
	line-height: 34px;
	font-family: 'Amarante', sans-serif;
	color: #edb43d;
}

	h2 a {
		color: #edb43d;
	}
	
	h2 a:hover {
		color: #107854;
	}

	h2 span {
		font-size: 18px;
		color: #fff;
	}
	
	h2 a:hover span {
		background: #ff2a4c;
	}

h3 {
	padding: 0;
	margin: 17px 0;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	font-family: 'IM Fell DW Pica SC', serif;
	color: #808080;
}

blockquote {
	color: #ffc218;
}

#divider {
	height: 4px;
	background: #fff;
}


/* LEADER */

#leader-wrap {
	background: #000 url('style/leader-halftone-left.jpg') left top no-repeat;
}

#leader-subwrap {
	padding: 10px;
	background: url('style/leader-halftone-right.jpg') right top no-repeat;
}

#leader-ad {
	width: 728px;
	height: 90px;
	padding: 0 0 0 10px;
	margin: 0 auto;
	background: #344651 url('style/leader-ad-tab.jpg') left top no-repeat;
}

@media (min-width: 0px) and (max-width: 1200px) {
	#leader-wrap, #leader-subwrap {
		background: #000;
	}
}


/* HEADER */

#header-wrap {
	width: 100%;
}

#header {
	width: 100%;
	position: absolute;
	background: #880720 url('style/header.png') center top repeat-x;
	box-shadow: 0 10px 30px #000;
}

	.fixed #header, .fixed-skin #header, .single-comic #header {
		background: #880720 url('style/header-small.png') center top repeat-x;
	}

#header-menu {
	height: 96px;
	max-width: 1220px;
	min-width: 800px;
	margin: 0 auto;
}

	.fixed #header-menu, .fixed-skin #header-menu, .single-comic #header-menu {
		height: 60px;
	}

#header-logo {
	width: 249px;
	height: 96px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url('style/header-logo.png') no-repeat;
}

	.fixed #header-logo, .fixed-skin #header-logo, .single-comic #header-logo {
		width: 160px;
		height: 60px;
		background: url('style/header-logo-small.png') no-repeat;
	}

.header-menu {
	padding: 0 30px 0 5px;
	line-height: 96px;
	color: #fff;
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 27px;
	font-weight: normal;
	cursor: default;
}

	a.header-menu {
		cursor: pointer;
	}

	.fixed .header-menu, .fixed-skin .header-menu, .single-comic .header-menu {
		line-height: 60px;
	}

	.header-menu:hover {
		color: #edb43d;
	}

#header-dropdown {
	box-shadow: inset 0px 2px 6px #555;
	background: #ffecb6;
	display: none;
}

#header-dropdown-menu {
	max-width: 1200px;
	min-width: 800px;
	margin: 0 auto;
	font-family: 'Alice', serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}

	#header-dropdown-menu a {
		padding: 5px 0 5px 0;
		display: block;
		color: #000;
	}
	
	#header-dropdown-menu a:hover {
		color: #ff2a4c;
	}
	
	#header-dropdown-menu-news {
		width: 88px;
		height: 140px;
		padding: 10px 0 10px 0;
		margin: 0 0 0 246px;
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #847f6f;
		overflow: hidden;
	}
	
		.fixed #header-dropdown-menu-news, .fixed-skin #header-dropdown-menu-news, .single-comic #header-dropdown-menu-news {
			margin: 0 0 0 156px;
		}
	
	#header-dropdown-menu-archive {
		width: 110px;
		height: 140px;
		padding: 10px 0 10px 0;
		margin: 0 0 0 10px;
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #847f6f;
		overflow: hidden;
	}
	
	#header-dropdown-menu-shop {
		width: 100px;
		height: 140px;
		padding: 10px 0 10px 0;
		margin: 0 0 0 10px;
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
	}
	
	#header-dropdown-menu small {
		font-family: 'Amarante', sans-serif;
		font-size: 13px;
		color: #b99143;
		display: block;
		margin: 0 0 10px 0;
	}
	
	#header-dropdown-comic-lfg {
		width: 90px;
		height: 140px;
		padding: 10px 0 10px 0;
		float: right;
		text-align: center;
		border-right: 1px solid #847f6f;
	}
	
	#header-dropdown-comic-npc {
		width: 90px;
		height: 140px;
		padding: 10px 0 10px 0;
		float: right;
		text-align: center;
		border-right: 1px solid #847f6f;
	}
	
	#header-dropdown-comic-tda {
		width: 85px;
		padding: 10px 0 10px 0;
		float: right;
		text-align: center;
	}
	
	#search-form {
		width: 190px;
		padding: 28px 0 0 0;
		margin: 0 10px 0 0;
		display: block;
		float: right;
	}
	
		.fixed #search-form, .fixed-skin #search-form, .single-comic #search-form {
			padding: 10px 0 0 0;
		}
	
	#search-text-wrap {
		width: 190px;
		height: 40px;
	}
	
	#search-text {
		width: 180px;
		height: 30px;
		padding: 5px 5px 5px 5px;
		line-height: 30px;
		font-size: 18px;
		font-weight: bold;
		border-radius: 10px;
		border: none;
		background: #ffe08a;
		display: none;
		float: right;
	}
	
	#search-submit {
		width: 30px;
		height: 30px;
		display: block;
		border: 0;
		margin: -35px 5px 0 0;
		background: url('style/search-icon.png') no-repeat;
		text-indent: 9999px;
		font-size: 0;
		float: right;
		position: relative;
		cursor: pointer;
	}
	
	#search-submit-placeholder {
		width: 30px;
		height: 30px;
		display: block;
		border: 0;
		margin: -35px 5px 0 0;
		text-indent: 9999px;
		font-size: 0;
		float: right;
		position: relative;
		cursor: pointer;
	}
	
	.fixed, .fixed-skin {
		position: fixed;
		top: 0;
		z-index: 2;
	}
	
	.header-comic-icon {
		width: 80px;
		height: 80px;
		float: right;
		text-indent: 9999px;
		overflow: hidden;
		margin: 8px 10px 0 0;
		cursor: pointer;
	}
	
		.fixed .header-comic-icon, .fixed-skin .header-comic-icon, .single-comic .header-comic-icon {
			height: 60px;
			margin: 0 10px 0 0;
		}
	
	#header-lfg {
		background: url('style/comic-icon-lfg.png') center center no-repeat;
	}
	
	#header-npc {
		background: url('style/comic-icon-npc.png') center center no-repeat;
	}
	
	#header-tda {
		background: url('style/comic-icon-tda.png') center center no-repeat;
	}


/* FRONTPAGE FEATURE */

#frontpage-feature-wrap {
	margin-top: 96px;
	height: 295px;
	overflow: hidden;
	background: #000 url('style/frontpage-feature-wrap.jpg') center top repeat-x;
}

#frontpage-feature {
	max-width: 2025px;
	height: 295px;
	margin: 0 auto;
	background: #fff;
}

.frontpage-feature-item-wrap{
	width: 20%;
	dmax-width: 405px;
	height: 295px;
	float: left;
	background: #fff;
	cursor: pointer;
}

#frontpage-feature-logo-lfg {
	height: 250px;
	margin: -250px 2px 0 3px;
	background: url('style/thumb-logo-lfg.png');
	overflow: hidden;
}

#frontpage-feature-logo-npc {
	height: 250px;
	margin: -250px 2px 0 3px;
	background: url('style/thumb-logo-npc.png');
	overflow: hidden;
}

#frontpage-feature-logo-tda {
	height: 250px;
	margin: -250px 2px 0 3px;
	background: url('style/thumb-logo-tda.png');
	overflow: hidden;
}

.frontpage-feature-item-darken {
	height: 295px;
	margin: -295px 2px 0 3px;
	background: url('style/darken.png');
	display: none;
	overflow: hidden;
}

.frontpage-feature-item-link {
	height: 295px;
	margin: -295px 2px 0 3px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.frontpage-feature-item {
	height: 295px;
	margin: 0 2px 0 3px;
	background-position: center 45px;
	background-repeat: no-repeat;
	font-family: 'Amarante', sans-serif;
	color: #4e3718;
	text-align: center;
	font-size: 25px;
	line-height: 55px;
	text-transform: uppercase;
	overflow: hidden;
}

#frontpage-monday .frontpage-feature-item {
	background-color: #e6a247;
}

#frontpage-tuesday .frontpage-feature-item {
	background-color: #edc674;
}

#frontpage-wednesday .frontpage-feature-item {
	background-color: #e6a247;
}

#frontpage-thursday .frontpage-feature-item {
	background-color: #edc674;
}

#frontpage-friday .frontpage-feature-item {
	background-color: #e6a247;
}

.frontpage-feature-item-desc {
	height: 100px;
	padding: 10px;
	margin-top: 250px;
	xmargin-left: 3px;
	xmargin-right: 2px;
	display: block;
	overflow: hidden;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	background: url('style/feature-desc.png');
	opacity: 0.1;
}

	a.frontpage-feature-item-desc:hover {
		color: #fff;
	}

.frontpage-feature-item-comic {
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 15px;
	line-height: 15px;
}

.frontpage-feature-item-title {
	font-family: 'Amarante', sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #edb43d;
}


/* Content */

#content-wrap {
	padding: 96px 0 0 0;
	border-bottom: 4px solid #fff;
	background: #344651 url('style/content-wrap.png') center top repeat-x;
}

	.home #content-wrap, .single-comic #content-wrap {
		border-top: 4px solid #fff;
		padding: 0;
	}
	
#content {
	max-width: 1200px;
	padding: 50px 10px;
	margin: 0 auto;
}


/* Sidebar */

#sidebar {
	width: 300px;
	float: right;
}

.booklink {
	height: 150px;
	width: 300px;
	margin: 0 0 20px 0;
	display: block;
	
}

	.booklink a {
		width: 300px;
		height: 150px;
		overflow: hidden;
		display: block;
		text-indent: -9999px;
		transition: opacity .25s ease-in-out;
	}

	.booklink a:hover {
		opacity: 0;
	}
	
	#booklink-omnibus {
		background: url('style/booklink-omnibus.jpg') 0 -150px no-repeat;
	}
	
		#booklink-omnibus a {
			background: url('style/booklink-omnibus.jpg') 0 0 no-repeat;
		}

	#booklink-volume4 {
		background: url('style/booklink-volume4.jpg') 0 -150px no-repeat;
	}
	
		#booklink-volume4 a {
			background: url('style/booklink-volume4.jpg') 0 0 no-repeat;
		}
		
	#booklink-volume5 {
		background: url('style/booklink-volume5.jpg') 0 -150px no-repeat;
	}
	
		#booklink-volume5 a {
			background: url('style/booklink-volume5.jpg') 0 0 no-repeat;
		}
		
	#booklink-volume6 {
		background: url('style/booklink-volume6.jpg') 0 -150px no-repeat;
	}
	
		#booklink-volume6 a {
			background: url('style/booklink-volume6.jpg') 0 0 no-repeat;
		}

#social-buttons {
	width: 298px;
	height: 50px;
	padding: 1px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

	.social-button-twitter {
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		margin: 0 12px 0 0;
		text-indent: -9999px;
		border-radius: 25px;
		background: #4f616c url('style/social-button-twitter.png') no-repeat;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}
	
		.social-button-twitter:hover {
			background-color: #880720;
		}
	
	.social-button-facebook {
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		margin: 0 12px 0 0;
		text-indent: -9999px;
		border-radius: 25px;
		background: #4f616c url('style/social-button-facebook.png') no-repeat;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}
	
		.social-button-facebook:hover {
			background-color: #880720;
		}
	
	.social-button-instagram {
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		margin: 0 12px 0 0;
		text-indent: -9999px;
		border-radius: 25px;
		background: #4f616c url('style/social-button-instagram.png') no-repeat;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}
	
		.social-button-instagram:hover {
			background-color: #880720;
		}
	
	.social-button-reddit {
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		margin: 0 12px 0 0;
		text-indent: -9999px;
		border-radius: 25px;
		background: #4f616c url('style/social-button-reddit.png') no-repeat;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}
	
		.social-button-reddit:hover {
			background-color: #880720;
		}

	.social-button-rss {
		width: 50px;
		height: 50px;
		display: block;
		float: left;
		text-indent: -9999px;
		border-radius: 25px;
		background: #4f616c url('style/social-button-rss.png') no-repeat;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
   }

		.social-button-rss:hover {
			background-color: #880720;
		}
	
#new-reader {
	width: 300px;
	height: 123px;
	margin: 0 0 10px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('style/new-reader-button.jpg') no-repeat;
	display: none;
}

.sidebar-box-wrap {
	width: 300px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	background: #4f616c;
}

	.sidebar-box-head {
		height: 40px;
		padding: 0 0 0 8px;
		font-family: 'IM Fell DW Pica SC', serif;
		font-size: 24px;
		font-weight: normal;
		line-height: 40px;
		color: #fff;
	}
	
	.sidebar-box {
		width: 300px;
		min-height: 250px;
		overflow: hidden;
		background: #232f37;
	}
	
		.sidebar-box img, .sidebar-box a {
			padding: 0;
			margin: 0;
			display: block;
		}

	
/* Posts */

#column {
	margin: 0 330px 0 0;
}

.post-avatar-thumb {
	width: 250px;
	height: 220px;
	float: left;
	background: url('style/post-avatar-thumb.jpg') no-repeat;
}

	.single .post-avatar-thumb {
		height: 500px;
	}

	.post-avatar-thumb-image {
		width: 185px;
		height: 185px;
		margin: 8px 0 0 26px;
		background-repeat: no-repeat;
		background-position: -26px -8px;
	}
	
		.single .post-avatar-thumb-image {
			width: 250px;
			height: 500px;
			margin: 0;
			background-position: 0 0;
		}
	
.post-wrap {
	margin: 0 0 0 250px;
}

.post {
	min-height: 190px;
	border-radius: 20px;
	background: #232f37;
	padding: 5px 20px;
}

	.post-date {
		padding: 0 0 0 0;
		color: #4d697a;
	}

	.post.frontpage p {
		margin:10px 0 0 0;
	}
	
	.post-more {
		margin: 5px 0 10px 0;
		text-align: left;
	}
	
	.post h3, .post-wide h3 {
		margin: 20px 0;
		font-size: 24px;
		line-height: 24px;
		color: #fff;
	}
	
	.post h3 a.selected, .post-wide h3 a.selected {
		color: #fff;
	}

.post-comic-thumb-archive {
	width: 130px;
	float: left;
}
	
.post-comic-thumb {
	width: 130px;
	height: 182px;
	float: right;
	background: url('style/comic-thumb-frame.png') 6px 6px no-repeat;
}

	.post-comic-thumb img {
		width: 106px;
		height: 159px;
		margin: 14px 0 0 15px;
		display: block;
		border: none;
		transition: box-shadow 0.2s ease, margin 0.2s ease;
	}
	
		.post-comic-thumb img:hover {
			margin: 4px 0 0 15px;
			box-shadow: 0 5px 15px 2px #5f0013;
		}
		
		
	.post-comic-thumb-detail {
		height: 18px;
		text-align: center;
		font-size: 14px;
		line-height: 18px;
		color: #ffc218;
	}
	
.post-wide {
	min-height: 190px;
	border-radius: 20px;
	background: #232f37;
	padding: 5px 20px;
}

.post-wide.noheight, .post.noheight {
	min-height: 10px;
}

.social-buttons-small-wrap {
	height: 30px;
	padding: 10px 0 40px 0;
}

.social-buttons-small {
	width: 170px;
	height: 30px;
	float: right;
	overflow: hidden;
}

	.social-button-small-comment {
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		text-indent: -9999px;
		overflow: hidden;
		background: #232f37 url('style/social-button-small-comment.png') no-repeat;
		border-radius: 15px;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}

		.social-button-small-comment:hover {
			background-color: #880720;
		}
		
	.social-button-small-twitter {
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		text-indent: -9999px;
		overflow: hidden;
		background: #232f37 url('style/social-button-small-twitter.png') no-repeat;
		border-radius: 15px;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}

		.social-button-small-twitter:hover {
			background-color: #880720;
		}
		
	.social-button-small-facebook {
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		text-indent: -9999px;
		overflow: hidden;
		background: #232f37 url('style/social-button-small-facebook.png') no-repeat;
		border-radius: 15px;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}

		.social-button-small-facebook:hover {
			background-color: #880720;
		}

	.social-button-small-reddit {
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		text-indent: -9999px;
		overflow: hidden;
		background: #232f37 url('style/social-button-small-reddit.png') no-repeat;
		border-radius: 15px;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}

		.social-button-small-reddit:hover {
			background-color: #880720;
		}
		
	.social-button-small-rss {
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
		background: #232f37 url('style/social-button-small-rss.png') no-repeat;
		border-radius: 15px;
		-webkit-transition: background-color .25s linear;
		-moz-transition: background-color .25s linear;
		-o-transition: background-color .25s linear;
		-ms-transition: background-color .25s linear;
		transition: background-color .25s linear;
	}

		.social-button-small-rss:hover {
			background-color: #880720;
		}

.frontpage-post-spacer {
	height: 40px;
	background: #0f0;
	padding: 10px;
}

.tags {
	padding: 10px 0 15px 0;
	font-size: 14px;
}

.alignright {
	margin: 10px 0 10px 10px;
	display: block;
	float: right;
}

.alignleft {
	margin: 10px 10px 10px 0;
	display: block;
	float: left;
}

.aligncenter {
	margin: 0 auto;
	padding: 10px 0;
	display: block;
}

.post img {
	max-width: 100%;
	height: auto !important;
}

.post-wide img {
	max-width: 100%;
}

.page-nav-newer {
	float: right;
}

.page-nav-older {
	float: left;
}

@media (min-width: 0px) and (max-width: 1100px) {

	.post-wrap {
		margin: 0 0 0 125px;
	}
	
	.post-avatar-thumb {
		width: 125px;
		height: 110px;
		margin: 20px 0 0 0;
		float: left;
		background: url('style/post-avatar-thumb.jpg') no-repeat;
		background-size: 125px 110px;
	}
	
		.single .post-avatar-thumb {
			height: 250px;
		}

	.post-avatar-thumb-image {
		width: 93px;
		height: 93px;
		margin: 4px 0 0 13px;
		background-repeat: no-repeat;
		background-position: -13px -4px;
		background-size: 125px 250px;
	}

		.single .post-avatar-thumb-image {
			width: 125px;
			height: 250px;
			margin: 0;
			background-position: 0 0;
		}
	
}

@media (min-width: 0px) and (max-width: 900px) {

	.post-wrap {
		margin: 0 0 0 10px;
	}

	.post-avatar-thumb {
		display: none;
	}
}


/* Comic */

#comic-wrap {
	min-width: 800px;
	min-height: 1180px;
	margin: 60px 0 0 0;
	xbackground: #191d20;
	box-shadow: 0 -5px 30px 10px #000 inset;
	background: #000 url('style/comic-wrap.jpg') center top no-repeat;
}

#comic-wrap img {
	display: block;
	margin: 0px auto 0 auto;
}

#comic-top {
	min-width: 800px;
	height: 49px;
	padding: 12px 0 0 0;
	overflow: hidden;
}

#comic-middle {
	width: 1210px;
	min-height: 1000px;
	margin: 0 auto;
	Xoverflow: hidden;
}

	#comic-left  {
		width: 80px;
		height: 80px;
		padding: 540px 0 0 0;
		float: left;
		overflow: hidden;
	}
	
	#comic {
		width: 1050px;
		min-height: 1000px;
		float: left;
		xoverflow: hidden;
	}
	
	#comic img {
		width: 700px;
		min-height: 1000px;
		display: block;
		margin: 0 auto;
		box-shadow: none;
	}
	
	#comic-right  {
		width: 80px;
		height: 80px;
		padding: 540px 0 0;
		float: left;
		overflow: hidden;
	}
	
#comic-bottom {
	min-width: 800px;
	height: 119px;
	padding: 0;
	overflow: hidden;
}

#comic-footer-wrap {
	height: 50px;
}

#comic-footer {
	width: 700px;
	height: 45px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	text-align: center;
	color: #48372e;
	font-family: 'Amarante', sans-serif;
	font-size: 24px;
}

.comic-nav-big {
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 40px;
	overflow: hidden;
	font-weidght: bold;
	font-family: Arial, sans-serif;
	font-size: 80px;
	line-height: 65px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	transition: background .25s ease-in-out, color .25s ease-in-out;
}

	.comic-nav-big:hover {
		color: #ffc218;
		background: rgba(138, 0, 27, 1);
	}

.comic-nav-prev {
	width: 40px;
	height: 40px;
	margin: 0 0 0 10px;
	display: none;
	border-radius: 20px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-size: 40px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	transition: background .25s ease-in-out, color .25s ease-in-out;
	float: left;
}

	.comic-nav-prev:hover {
		color: #ffc218;
		background: rgba(138, 0, 27, 1);
	}
	
.comic-nav-next {
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	display: none;
	border-radius: 20px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-size: 40px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	transition: background .25s ease-in-out, color .25s ease-in-out;
	float: right;
}

	.comic-nav-next:hover {
		color: #ffc218;
		background: rgba(138, 0, 27, 1);
	}

.comic-social {
	width: 650px;
	height: 30px;
	margin: 20px auto 0 auto;
}

	#buy-print {
		width: 165px;
		height: 25px;
		float: right;
		color: #edb53e;
		font-family: 'Amarante', sans-serif;
		font-size: 19px;
		line-height: 25px;
		text-align: left;
		transition: color .25s ease-in-out;
	}
	
		#buy-print:hover {
			color: #fff;
		}
	
		#buy-print span {
			width: 25px;
			height: 25px;
			display: inline-block;
			background: rgba(0, 0, 0, 0.6);
			border-radius: 12px;
			text-align: center;
			font-family: Verdana, sans-serif;
			font-size: 18px;
			line-height: 25px;
			font-weight: bold;
			color: #890721;
			transition: background .25s ease-in-out, color .25s ease-in-out;
		}
		
			#buy-print:hover span {
				color: #107854;
				background: rgba(0, 0, 0, 1);
			}

	#comic-twitter {
		width: 100px;
		height: 25px;
		padding: 0 0 0 0;
		float: left;
		overflow: hidden;
	}

	#comic-facebook {
		height: 25px;
		width: 100px;
		padding: 0 0 0 0;
		float: left;
		overflow: hidden;
	}
		
	#comic-googleplus {
		width: 120px;
		height: 25px;
		padding: 0 0 0 0;
		float: left;
		overflow: hidden;
		color: #fff;
	}
	
	#comic-pinterest {
		width: 120px;
		height: 25px;
		padding: 0 0 0 0;
		float: left;
		overflow: hidden;
		color: #fff;
	}
	
	
@media (min-width: 0px) and (max-width: 1250px) {
	
	.comic-nav-next, .comic-nav-prev {
		display: block;
	}
	
	#comic-left, #comic-right {
		display: none;
	}
	
	#comic-middle, #comic {
		width: 800px;
	}
	
}


/* Archives */

.archive-thumb {
	width: 197px;
	height: 315px;
	margin: 10px 5px 0 5px;
	float: left;
	display: block;
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}

	.archive-thumb img {
		width: 197px;
		height: 290px;
		margin: 0 0 5px 0;
		display: block;
		box-shadow: 0 2px 8px 0px #000;
	}
	
	h2 .book {
		color: #fff;
	}
	
.tda-archive-thumb {
	width: 197px;
	height: 148px;
	margin: 10px 5px 0 5px;
	float: left;
	display: block;
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}

	.tda-archive-thumb img {
		width: 197px;
		height: 123px;
		margin: 0 0 5px 0;
		display: block;
		box-shadow: 0 2px 8px 0px #000;
	}
	
.archive-book-cover {
	width: 404px;
	height: 615px;
	margin: 10px 5px 25px 5px;
	float: left;
	box-shadow: 0 4px 12px 0px #000;
}

	.archive-book-cover img {
		width: 404px;
		height: 615px;
		display: block;
	}
	
	h2 span.archive-book-name {
		color: #fff;
		font-size: 34px;
	}


/* Appearances */

#appearances-wrap {
	height: 520px;
	border-top: 4px solid #fff;
	background: #000 url('style/appearances.jpg') center top no-repeat;
}

	@media (min-width: 0px) and (max-width: 1200px) {
		#appearances-wrap { 
			background: #000 url('style/appearances.jpg') -410px 0 no-repeat;
		}
	}

#appearances {
	max-width: 1180px;
	min-width: 800px;
	margin: 0 auto;
}
	
#appearances-content {
	width: 225px;
	height: 440px;
	padding: 30px 0 0 50px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #fff;
}

	#appearances-content h3 {
		height: 40px;
		color: #eeb63d;
	}

	#appearances p {
		margin: 0 0 20px 0;
		padding: 0;
		display: block;
	}

	#appearances a {
		xheight: 42px;
		xmargin: 0 0 14px 0;
		xdisplay: block;
		xoverflow: hidden;
		color: #fff;
	}

	#appearances a strong {
		color: #ff7018;
		font-size: 14px;
	}
	
	#appearances a:hover strong {
		color: #ffc218;
	}

/* Connect */

#connect-wrap {
	background: #fff;
}

	#connect {
		max-width: 1220px;
		min-width: 800px;
		margin: 0 auto;
		padding: 40px 0;
	}
	
	#connect h3 {
		padding: 20px 0 20px 10px;
	}
	
.connect-box-wrap {
	width: 285px;
	padding: 0 0 5px 0;
	margin: 0 10px 20px 10px;
	background: #5d6d76;
	float: left;
}

	.connect-box-head {
		height: 40px;
		padding: 0 0 0 8px;
		font-family: 'IM Fell DW Pica SC', serif;
		font-size: 24px;
		font-weight: normal;
		line-height: 40px;
		color: #fff;
	}
	
	.connect-box {
		width: 285px;
		height: 175px;
		overflow: hidden;
		background: #232f37;
	}
	
	#connect-twitter {
		width: 285px;
		height: 175px;
		padding: 175px 0 0 0;
		overflow: hidden;
		cursor: pointer;
		background: url('style/connect-twitter.jpg') no-repeat;
	}
	
		#connect-twitter a {
			width: 285px;
			height: 175px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
		}
		
#connect-instagram {
		width: 285px;
		height: 175px;
		padding: 175px 0 0 0;
		overflow: hidden;
		cursor: pointer;
		background: url('style/connect-instagram.jpg') no-repeat;
	}
	
		#connect-instagram a {
			width: 285px;
			height: 175px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
		}

	#connect-facebook {
		width: 285px;
		height: 175px;
		padding: 175px 0 0 0;
		overflow: hidden;
		cursor: pointer;
		background: url('style/connect-facebook.jpg') no-repeat;
	}
	
		#connect-facebook a {
			width: 285px;
			height: 175px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
		}
	
	#connect-rss {
		width: 285px;
		height: 175px;
		padding: 175px 0 0 0;
		overflow: hidden;
		cursor: pointer;
		background: url('style/connect-rss.jpg') no-repeat;
	}
	
		#connect-rss a {
			width: 285px;
			height: 175px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
		}
	
	#connect-maillist {
		width: 285px;
		height: 350px;
		padding: 175px 0 0 0;
		display: block;
		overflow: hidden;
		background: url('style/connect-maillist.jpg') no-repeat;
	}
	
		#connect-maillist-form {
			padding: 85px 0 0 83px;
			margin: 0;
			display: block;
			border: none;
		}
		
			#connect-maillist-form input {
				width: 160px;
				height: 20px;
				padding: 2px 5px;
				font-family: Arial, sans-serif;
				font-weight: bold;
				font-size: 13px;
				line-height: 20px;
				border: none;
				background: #ffe08a;;
				border-radius: 5px;
			}
			
			#connect-maillist-form button {
				width: 170px;
				height: 70px;
				padding: 0;
				margin: 0;
				font-size: 1px;
				text-indent: -9999px;
				display: block;
				border: none;
				cursor: pointer;
				background: transparent;
			}
	

@media (min-width: 932px) and (max-width: 1240px) {
	#connect-box-wrap-rss {
		Xdisplay: none;
	}
}

	
.staff-box-wrap {
	width: 154px;
	padding: 0 0 5px 0;
	margin: 0 10px 20px 10px;
	background: #5d6d76;
	float: left;
}

	.staff-box-head {
		height: 32px;
		padding: 0 0 0 8px;
		font-family: 'IM Fell DW Pica SC', serif;
		font-size: 20px;
		font-weight: normal;
		line-height: 32px;
		color: #fff;
	}
	
	.staff-box {
		width: 154px;
		height: 164px;
		overflow: hidden;
		background: #232f37;
	}
	
		.staff-box img {
			width: 154px;
			height: 154px;
			display: block;
			padding: 10px 0 0 0;
		}
		
		.staff-box-content {
			width: 154px;
			height: 328px;
		}
		
		.staff-box-info {
			width: 154px;
			height: 164px;
			background: #8a001b;
		}
	
		.staff-box-info-text {
			width: 134px;
			height: 104px;
			padding: 0 10px 10px 10px;
			font-size: 15px;
			line-height: 17px;
		}
		
		.staff-box-info-text strong {
			font-weight: normal;
			color: #edb43d;
		}
		
		.staff-box-info-text p {
			padding: 10px 0 0 0;
			margin: 0;
		}
		
		.staff-box-info-contact {
			width: 154px;
			height: 40px;
			
		}
	
			.staff-box-info-contact-email {
				width: 90px;
				height: 40px;
				display: block;
				float: left;
				text-indent: -9999px;
				overflow: hidden;
				background: url('style/staff-box-info-contact.png') 0 -40px no-repeat;
			}
			
				.staff-box-info-contact-email a {
					width: 90px;
					height: 40px;
					display: block;
					text-indent: -9999px;
					overflow: hidden;
					background: url('style/staff-box-info-contact.png') no-repeat;
				}
		
			.staff-box-info-contact-twitter {
				width: 64px;
				height: 40px;
				display: block;
				float: left;
				overflow: hidden;
				background: url('style/staff-box-info-contact.png') -90px -40px no-repeat;
			}
			
				.staff-box-info-contact-twitter a {
					width: 64px;
					height: 40px;
					display: block;
					text-indent: -9999px;
					overflow: hidden;
					background: url('style/staff-box-info-contact.png') -90px 0 no-repeat;
				}
			
			.staff-box-info-contact a {
				opacity: 1;
				transition: opacity .25s ease-in-out;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
			}
			
			.staff-box-info-contact a:hover {
				opacity: 0;
			}
	
	
/* Books */

#button-printed-books {
	width: 300px;
	height: 290px;
	background: url('style/books.jpg') -300px 0 no-repeat;
}

	#button-printed-books a {
		width: 300px;
		height: 290px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background: url('style/books.jpg') no-repeat;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	}
	
	#button-printed-books a:hover {
		opacity: 0;
	}

#button-digital-books {
	width: 300px;
	height: 290px;
	background: url('style/books.jpg') -300px -290px no-repeat;
}

	#button-digital-books a {
		width: 300px;
		height: 290px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background: url('style/books.jpg') 0 -290px no-repeat;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	}
	
	#button-digital-books a:hover {
		opacity: 0;
	}

#books {
	padding: 10px 0 5px 0;
}

.book-wrap {
	width: 197px;
	height: 475px;
	margin: 10px 5px 0px 5px;
	float: left;
	display: block;
	text-align: center;
	font-size: 13px;
	font-family: Arial, sans-serif;
}

	.book-wrap h3 {
		margin: 0;
		padding: 0;
		font-family: 'IM Fell DW Pica SC', serif;
		font-size: 24px;
		line-height: 24px;
	}

	.book-wrap em {
		color: #4f616c;
		font-size: 16px;
	}
	
	.book-wrap a {
		font-weight: bold;
		font-size: 16px;
	}
	
	.book-thumb {
		width: 197px;
		height: 315px;
	}

	.book-thumb img {
		width: 197px !important;
		height: auto !important;
		max-height: 305px;
		margin: 0 0 5px 0;
		display: block;
		box-shadow: 0 2px 8px 0px #000;
	}
	
/* Footer */

#footer {
	max-width: 1200px;
	padding: 30px 10px;
	margin: 0 auto;
}
	
		.footer-menu {
			width: 125px;
			float: left;
			font-size: 15px;
			line-height: 20px;
		}
		
		.footer-menu h3 {
			padding: 0 0 15px 0;
			margin: 0;
			font-size: 24px;
			line-height: 24px;
			color: #fff;
		}
	
		.footer-menu a {
			display: block;
			color: #fff;
		}
		
			.footer-menu a:hover {
				color: #ff7018;
			}

	#footer-social-buttons {
		width: 298px;
		height: 50px;
		padding: 1px;
		margin:15px 0 0 0;
		float: right;
		overflow: hidden;
	}

#subfooter-wrap {
	background: #107854;
}

	#subfooter {
		height: 20px;
		max-width: 1200px;
		padding: 0 10px;
		margin: 0 auto;
		font-size: 13px;
		font-family: Arial, sans-serif;
		line-height: 20px;
		text-align: right;
	}
	
	#subfooter a {
	}
	
	#subfooter a:hover {
		color: #fff;
	}