/* ------------------------------------------------------------- 
   GLOBAL STYLES
/* -------------------------------------------------------------  */
body  {
	margin: 0; padding: 0; font-size: 16px; 
	font-family: 'Merriweather', 'Times New Roman', serif;
}
a {
	text-decoration: none;
}
img {
	border: 0;
}

/* ------------------------------------------------------------- 
   HELPER CLASSES
/* -------------------------------------------------------------  */
	.ir { 
		background-color: transparent;
	    border: 0 none;
	    display: block;
	    height: 0;
	    overflow: hidden;
	    position: absolute;
	    width: 0;
	}
	.clearfix:before, .clearfix:after {
	    content: " ";
	    display: table;
	}
	.clearfix:after {
	    clear: both;
	}
	.hdr {
		font-family: 'Milonga', 'Georgia', 'Times New Roman', serif;
	}
	.center {
		text-align: center;
	}
	.indent {
		text-indent: 1em; margin: 0;
	}
	.float-left {
		float: left; padding: 0 12px 12px 0;
	}
	.float-right {
		float: right; padding: 0 0 12px 12px;
	}
	.red_highlight {
		color: #cd1f1f;
	}

/* ------------------------------------------------------------- 
   VARIANT BACKGROUNDS
/* -------------------------------------------------------------  */
	/* default & vol1*/
	.snowybg {
		background: url('../images/snowybg_1600.jpg') no-repeat 50% 0;
		background-color: #2a4c7a;
	}
		.snowybg_snow {
			background: url('../images/splashart_snow.png') no-repeat; 
			background-size: contain; position: absolute;
			height: 360px; width: 112px;
			top: 73px; left: -87px;
		}
		.navbar_art {
			position: absolute; height: 74px; width: 700px;
			bottom: 0; right: 0; z-index: -1;
		}
			.navbar_art-fox {
				background: url('../images/navart_fox.png') no-repeat; background-size: contain;
			}
/* ------------------------------------------------------------- 
   GLOBAL TYPOGRAPHY STYLES
/* -------------------------------------------------------------  */
	h1, h2 {
		font-family: 'Milonga', 'Georgia', 'Times New Roman', serif; font-weight: 300;
	}
	h1 {
		font-size: 28px; color: #2a251b;
		margin: 14px 0 4px;
	}
	h2 {
		font-size: 22px; color: #393327;
		margin: 10px 0 6px 0;
	}
	h3 {
		color: #393327;
	}
	p {
		font-size: 14px; color: #393327; font-weight: 300; line-height: 1.714;
	}
	a, a:visited {
		color: #dd4f3d;
	}
		a:hover {
			color: #fff;
		}
	small {
		font-size: 12px; color: #8c7c5b; font-style: italic; font-weight: 300;
	}
	hr {
		height:1px; border: 0; background: #8c7c5b; opacity: 0.25;
	}
	ul, ol {
		font-size: 14px; color: #393327; 
		font-weight: 300; line-height: 1.714;
	}
		ul {
			list-style: square; 
		}
	label {
		font-size: 14px; color: #393327; font-weight: 300;
	}
	blockquote {
		margin:0 20px; padding:0 5px; color: #393327;
		border-left: 1px solid #8c7c5b;
	}
	.postmeta {
		font-size:12px; line-height:15px; margin: 12px 0 6px;
	}
	.article p {
		margin: 6px 0;
	}
	.article img {
		max-width: 587px;
	}

	

/* ------------------------------------------------------------- 
   HEADER/SPLASH STYLES
/* -------------------------------------------------------------  */
	/* site wide ----------------------------- */
	.navbar {
		background: url('../images/navbar_bg.png') no-repeat;
		font-family: 'Milonga', 'Georgia', 'Times New Roman', serif; font-size:16px;
		width: 1094px; height: 120px; margin: 0; padding: 12px 0 0 32px;
		position: absolute; display: block; list-style: none;	
		bottom: -113px; left: 50%; margin-left: -540px;	
	}
		.navbar li {
			display: inline; margin: 0 39px; font-size: 26px; 
		}
		.navbar a, .navbar a:visited {
			color: #fff5be;
		}
		.navbar a:hover {
			color: #fff;
		}

	/* splash ----------------------------- */
	.splash_group {
		background: url('../images/hdr_bg.png') no-repeat 50% 0;
		width: 1058px; height: 582px;
		margin: 0 0 160px; position: relative;
		left: 50%; margin-left: -529px;

	}
		.sfheader {
			position: absolute !important; width: 100%;
		}
		.splash_google {
			padding: 8px; width: 734px; height: 90px;
			position: absolute; top: 40px; right: 16px;
		}
		.splash_rss-btn {
			position: absolute; display: block;
			height: 48px; width: 48px;
			top: 352px; left: 176px;
			cursor: pointer;
		}
		.splash_panel {
			width: 714px; height: 390px; position: absolute;
			top: 170px; right: 36px;
			background-size: cover;
		}
		.splash_follow {
			background: url('../images/hdr_follow_bg.png') no-repeat;
			height: 54px; width: 158px;
			position: absolute; display: block;
			list-style:none; padding: 48px 40px;
			left: 40px; top: 424px; font-size: 16px;
		}
			.splash_follow li {
				display: inline; 
			}
				.splash_follow-text {
					display: inline !important;
					padding: 0 0 0 56px;
					font-weight: 300; font-size: 14px;
				}
					.splash_follow-text a, .splash_follow-text a:visited {
						color: #393327; 
					}
			.follow_facebook, .follow_twitter, .follow_tumblr, .follow_google {
				display: inline-block; cursor: pointer;
				background: no-repeat 50% 50%; margin: 0 5px;
				height: 26px; width: 26px;
			}
				.follow_facebook {
					background-image: url('../images/follow_fb.png');
				}
				.follow_twitter {
					background-image: url('../images/follow_twitter.png');
				}
				.follow_tumblr {
					background-image: url('../images/follow_tumblr.png');
				}
				.follow_google {
					background-image: url('../images/follow_google.png');
				}
		.splash_latest_comic {
			background: url('../images/hdr_latest_comic_bg2.png') no-repeat;
			display:block; height: 44px; width: 192px;
			position: absolute; top: 158px; left: 764px;
			color: #393327; font-weight: 300; font-size: 12px;
			padding: 95px 32px 16px 54px;  
		}
			.splash_latest_comic span {
				display: inline-block; color: #393327;
				-webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); transform: rotate(9deg);
				/*IE8+ transform hack*/
				-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9986295347545738, M12=-0.05233595624294437, M21=0.05233595624294437, M22=0.9986295347545738, SizingMethod='auto expand')";
   
			}

		.splash_latest_almanac {
			background: url('../images/hdr_latest_almanac_bg.png') no-repeat;
			display: block; height: 108px; width: 162px;
			position: absolute; top: 156px; right: 18px;
			color: #393327; font-weight: 300; 
			padding: 54px 36px 72px;
		}
			.splash_latest_almanac h3 {
				font-size: 14px; font-style:italic; margin-bottom:6px; text-align: center;
				-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); transform: rotate(3deg);
				/*IE8+ transform hack*/
				-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9986295347545738, M12=-0.05233595624294437, M21=0.05233595624294437, M22=0.9986295347545738, SizingMethod='auto expand')";
			}
			.splash_latest_almanac p {
				display: block; height: 70px; overflow: hidden;
				color: #393327; font-size: 11px; margin:0;
				-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); transform: rotate(3deg);
				/*IE8+ transform hack*/
				-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9986295347545738, M12=-0.05233595624294437, M21=0.05233595624294437, M22=0.9986295347545738, SizingMethod='auto expand')";
			}

		.splash_beginning {
			background: url('../images/hdr_beginning_bg.png') no-repeat;
			display:block; height: 112px; width: 272px; 
			position: absolute; top: 464px; right: 32px;
		}

	/* header ----------------------------- */
	.header_group {
		width: 1058px; height: 230px;
		margin: 0 0 155px -529px; left: 50%; position: relative;
	}
		.header_logo {
			background: url('../images/header_logo.png') no-repeat;
			position:absolute; top: 32px; left: 72px;
			height: 152px; width: 183px;
		}
		.header_google {
			padding: 8px; width: 734px; height: 90px;
			position: absolute; top: 28px; right: 18px;
			background: url('../images/happy-kittens.jpg') no-repeat;
		}
		.header_navbar {
			padding: 12px 0 0 24px;
		}
			.header_navbar li {
				margin: 0 28px;
			}
			.header_navbar li:last-child {
				margin: 0 44px;
			}
/* ------------------------------------------------------------- 
   MIDDLE STYLES
/* -------------------------------------------------------------  */
	.middle_group {
		text-align: center;
		position: relative; z-index: 2;
	}
.patreon_banner {
	position: absolute;
	z-index: 10;
	margin-left: -360px;
	left: 50%;
}
.patreon_banner-home {
	top: 645px;
}
.patreon_banner-content {
	top: 290px;
}

/* ------------------------------------------------------------- 
   CONTENT STYLES
/* -------------------------------------------------------------  */
	.content_group {
		width: 862px; min-height: 730px; padding: 16px 0;
		border: 2px solid #000; margin: 0 0 80px 0; 
		display: inline-block; position: relative;
		background: url('../images/paper_tile.jpg') #f4e9c3 repeat;
		text-align: left; top: 40px;
	}
		.content_main {
			width: 587px; margin: 0 32px; 
		}
		.content_side {
			width: 160px; float: right; margin: 0 32px 0 0;
		}
		.content_nav {
			list-style: square; font-size: 12px; color: #393327; line-height: 1.5;
		}
		.content_border-top, .content_border-bottom {
			position: absolute; left: -2px;
			width: 866px; height: 36px;
		}
			.content_border-top {
				background: url('../images/content_border-top.png') no-repeat; top:-20px; 
			}
			.content_border-bottom {
				background: url('../images/content_border-bottom.png') no-repeat; bottom: -20px;
			}
		.content_wampum {
			background: url('../images/content_wampum.png') no-repeat;
			width: 224px; height: 750px; z-index: -1;
			position: absolute; left: 50%; margin: 8px 0 0 -556px;
		}
		.content_alchemy {
			background: url('../images/content_alchemy.png') no-repeat;
			width: 706px; height: 706px; z-index: -1;
			position: absolute; left: 50%; margin: 0 0 0 -162px;
		}
			.content_alchemy--comic {
				top: 1120px;
			}

/* ------------------------------------------------------------- 
   COMIC STYLES
/* -------------------------------------------------------------  */
	.comic_group {
		width: 750px; padding: 16px 56px;
	}
		.comic-nav_group {
			padding: 0; margin: 1em 0 1.5em; list-style: none;
			text-align: center; font-size: 0.625em; /*10px*/
		}
			.comic-nav_group a, .comic-nav_group a:visited{
				color: #e06f58;
			}
				.comic-nav_group a:hover {
					color: #a72b1b;
				}
				.comic-nav_group span {
					visibility: hidden; position: absolute;
					width:68px; left: 50%; margin-left: -34px;
				}
					.comic-nav_group--top span {
						top:-1em;
					}
					.comic-nav_group--bottom span {
						bottom: -1em;
					}

			.comic-nav_group li {
				display: inline-block; 
			}
				.comic-nav_group--top li {
					margin: 0 18px;
				}
				.comic-nav_group--bottom li {
					margin: 0 1.825em;
				}
			.comic-nav_start, 
			.comic-nav_back-chap,
			.comic-nav_back-page, 
			.comic-nav_forward-page, 
			.comic-nav_forward-chap, 
			.comic-nav_end {
				position: relative; display:block; height: 35px; width: 43px;
				margin-bottom:-1em;
			}
				.comic-nav_start:hover span, 
				.comic-nav_back-chap:hover span,
				.comic-nav_back-page:hover span, 
				.comic-nav_forward-page:hover span, 
				.comic-nav_forward-chap:hover span, 
				.comic-nav_end:hover span {
					visibility: visible;
				}
			.comic-nav_start {
				background: url('../images/comic_nav-first_page.png') no-repeat;
			}
			.comic-nav_back-chap {
				background: url('../images/comic_nav-last_chap.png') no-repeat;
			}
			.comic-nav_back-page {
				background: url('../images/comic_nav-last_page.png') no-repeat;
			}
			.comic-nav_forward-page {
				background: url('../images/comic_nav-next_page.png') no-repeat;
			}
			.comic-nav_forward-chap {
				background: url('../images/comic_nav-next-chap.png') no-repeat;
			}
			.comic-nav_end {
				background: url('../images/comic_nav-latest_page.png') no-repeat;
			}
			.comic-nav_title {
				font-style: italic; color: #393327; font-size: 14px; font-weight: 500;
			}
			.comic-nav_archive {
				background: url('../images/comic_nav-toc.png') no-repeat;
				display:block; height:65px; width: 200px;
				padding-top: 0.625em; font-size: 1.6em; /*16px*/
			}
/* ------------------------------------------------------------- 
   SIDEBAR STYLES
/* -------------------------------------------------------------  */
	.sidebar_img {
		margin: 10px 0;
	}
	.ads_group {
		line-height: 0;
	}
		.project_wonderful {
			margin-bottom: 16px;
		}
	.drivethru_link {
		background: url('../images/drivethru.jpg') no-repeat;
		display: block; height: 87px; width: 160px;
	}
	.twc_link {
		background: url('../images/twcvote.png') no-repeat;
		display: block; height: 144px; width: 176px;
	}
	
	.events_group {
		color: #8c7c5b; font-size: 12px; margin: 10px 0 20px;
	}
		.events_hdr {
			color: #393327; font-size: 18px; text-decoration: underline;
			margin: 0;
		}
		.events_group a, .events_group a:visited {
			color: #dd4f3d;
		}
			.events_group a:hover {
				color: #fff;
			}
		.events_list {
			padding: 0; list-style: none; font-size: 12px; 
		}
			.events_list a {
				font-weight:600;
			}
			.events_list li {
				margin-bottom: 8px; 
			}
			.events_list li:before {
				content: url('../images/event-bullet.png'); 
				padding: 0 5px 0 0;
			}
		.events_date {
			font-style: italic; padding: 0 0 0 18px;
		}

	/* Featured Product Classes */
		.feature_product {
			display: block; height: 171px; width: 160px;
		}
			.feature_print1 {
				background: url('../images/feature/print1.png') no-repeat;	
			}
			.feature_print2 {
				background: url('../images/feature/print2.png') no-repeat;	
			}
			.feature_print3 {
				background: url('../images/feature/print3.png') no-repeat;	
			}
			.feature_print4 {
				background: url('../images/feature/print4.png') no-repeat;	
			}
			.feature_print5 {
				background: url('../images/feature/print5.png') no-repeat;	
			}
			.feature_book1 {
				background: url('../images/feature/book1.png') no-repeat;	
			}
			.feature_book2 {
				background: url('../images/feature/book2.png') no-repeat;	
			}
			.feature_book3 {
				background: url('../images/feature/book3.png') no-repeat;	
			}
			.feature_book4 {
				background: url('../images/feature/book4.png') no-repeat;	
			}
			.feature_vol1 {
				background: url('../images/feature/vol1.png') no-repeat;	
			}

/* ------------------------------------------------------------- 
   JOURNAL STYLES
/* -------------------------------------------------------------  */
	.journal_group {
		overflow: hidden; 
	}
	.journal_group .article {
		margin-bottom: 16px;
	}
	.journal_group img {
		max-width: 580px;
	}
		.journal_header {
			margin: 8px 0 0;
		}
		.journal_comment {
			margin: 0; text-align: right; 
			font-weight: 500; font-size: 14px;
		}
		.journal_readmore {
			background: url('../images/readmorebtn.png') no-repeat;	
			display:block; width: 160px; height: 40px;
			margin: 0 auto;
		}


/* ------------------------------------------------------------- 
   FOOTER STYLES
/* -------------------------------------------------------------  */
	.footer_group { 
		background-color: #203a5e; color: #5488b2; text-align: center;
	}
		.footer_group a, .footer_group a:visited {
			color: #b8dfff;
		}
		.footer_group a:hover {
			color: #fff;
		}
		.footer_divider {
			border-right: 1px solid #1d3353;
		}
		.footer_divider_after {
			padding-left: 20px;
		}
		.footer_logo {
			background: url('../images/footer_logo.png') no-repeat;
			margin-right: 34px; height: 158px; width: 186px;
		}
		.footer_nav {
			text-align: left; list-style: none; padding: 0 0 0 10px; width: 120px;
		}
			.footer_nav li {
				font-size: 18px;
				margin: 10px 0 10px 0;
			}
			.footer_nav li:before {
				content: url('../images/footer_bullet.png'); 
				padding: 0 10px 0 0;
			}
		.footer_twitter {
			width: 560px; height: 160px; margin-top: 18px;
    		overflow: hidden; overflow-y: scroll;
		}
			.twitter_h2 {
				text-align: left; color: #b8dfff; 
				margin: 0; font-size: 20px;
			}
			.twitter_h2:before {
				content: url('../images/footer_twitter.png'); 
				padding: 0 8px 0 0;
			}
		.footer_legal {
			background-color: #152438; color: #435d81;
			font-size: 10px; padding: 8px 0;
			margin-top: 10px;
		}
			.footer_legal a, .footer_legal a:visited {
				color: #6885ac;
			}
			.footer_legal a:hover {
				color: #b8dfff;
			}

/* ------------------------------------------------------------- 
   COMMENT CLASSES
/* -------------------------------------------------------------  */
	#comments p {
		margin:0;
	}
		#comments .comment {
			margin:0 0 20px 0;
		}
		#comments .comment-body {
			padding:5px;
		}
		#comments .comment-author-admin {
			border: 1px solid #000217;
		}
		#comments ul {
			margin:0 0 0 30px; list-style: none;
		}
		#comments .reply{
			font-size:14px; margin:0 0 10px 0; font-weight: 500;	
		}
		#comments label {
			display: inline-block; width: 75px;
			text-align: right; vertical-align: top;
		}
		#comments .children {
			border-left: 1px solid #d5c69e; padding: 0 0 0 10px;
		}
	#commentlist {
		list-style: none; padding: 0;
	}
	.commentmeta{
		text-align:right; font-size:12px;
	}
	.comments-wrapper {
		margin-top:25px;
	}
	.comment_left-align {
		margin-left: 80px;
	}
	.comments_req {
		font-size: 10px; float:right; margin: 0 64px 0 0;
	}
	.comment-author {
		font-size:16px; font-weight: 500;
	}
	.comment-portrait {
		float: left; padding-right: 10px;
	}
	#comments input.field, #comments textarea {
		border:1px solid #b6a788; color: #393327;
		background:#ac9f77; background: rgba(172, 159, 119, 0.2);
		font-family: 'Merriweather', 'Times New Roman', serif;
		font-weight: 300;
	}
	.submit_button {
		background: url('../images/comment_sendbtn.png') no-repeat;
		font-family: 'Merriweather', 'Times New Roman', serif;
		font-size: 14px; font-weight: 600; color: #272c39; 
		text-transform: uppercase; cursor: pointer;
		border: 0; padding: 12px 24px;
	}
		.submit_button:hover, .submit_button:focus {
			color:#fff;
		}