/*
Theme Name: Cheer Up, Emo Kid v7.0
Theme URI: http://cheerupemokid.com
Description: The fully responsive theme for the webcomic Cheer Up, Emo Kid.
Author: Enzo
Author URI: http://pixelblast.ca
Version: 7.0

*/


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

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

body {
    font-size: 1em;
    line-height: 1.4;
}

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

::selection {
    background: #b3d4fc;
    text- hadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
		padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


	h1, h2, h3, h4, h5, h6, .button {
		font-family: 'Montserrat', sans-serif;
		-webkit-font-smoothing: antialiased;
	}
	
	body {
		font-family: Raleway, 'Arial Narrow', sans-serif;
		color: #444444;
		/*-webkit-font-smoothing: antialiased;*/
	}

	a:hover { text-decoration: underline; }
	
	.cols-2 > div { width: 50%; }
	.cols-2 .left { float: left; }
	.cols-2 .right { float: right; text-align: right;}

	.button {
		border-radius: 5px;
		border: 1px solid;
		text-transform: uppercase;
		font-weight: normal;
		font-size: .688em;
		line-height: 8px;
		color: #fff;
		text-decoration: none;
		padding: 8px 19px;
		position: relative;
		display: inline-block;
	}
	
	.button:active {
		top: 1px;
	}
	
	.fakebutton,
	.button {
		transition: all 1s ease;
		transition-property: background-color, border-color;
	}
	
	.fakebutton:hover,
	.button:hover {
		transition: none;
	}


/* ------------------------ */
/* Wrap Structure */

	body { background-color: #2d2d2d; }

	.wrap-all { width: 100%; min-width: 320px; }
	
	.wrap-top {
		position: relative;
		background-color: #d9d9d9;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.wrap-mid{
		position: relative;
		display: block;
		width: 100%;
	}

  .wrap .container { margin: 0 auto; }
  .wrap-mid .container { width: calc(100% - 20px); }  
  .wrap .main .content { background-color: #fff; } 
  .wrap-top .container { position: relative; z-index: 10; }
  .wrap-top .container-top { z-index: 20; }

	.wrap .container.main { width: 100%; }
		
	.main .content { width: 100%;	}

/* ------------------------ */
/* Header */

	header.page {
		background-color: #333333;
		margin: 0 auto 15px;
		padding-bottom: 6px;
		box-shadow:  0px 2px 8px -1px rgba(0,0,0,.5);
	}
	
	header.page .ad { display: none; position: relative;}
	header.page .ad .code { position: relative; z-index: 10;}
	header.page .ad a.blocked {
		display: none;
		width: 728px;
		height: 90px;
		background-image: url("img/adblock-plea.png");
		background-repeat: none; 
		opacity: 1;
		transition: opacity 1s ease;
		position: absolute;
		z-index: 5;
		top: 0;
	}
	header.page .ad a.blocked:hover { opacity: .7; transition: none;  }
	header.page .logo { padding: 10px; }
	header.page #logo-mob { padding: 10px 8px; }
	header.page .top .left a .logo { position: relative; opacity: 1; transition: opacity 1s ease; }
	header.page .top .left a:hover .logo { top: 1px; left: 1px; opacity: 0.6; transition: none; }
	
	header.page #logo { width: 204px; height: 94px;	}
	header.page #logo-tab { width: 524px; height: 30px; }
	header.page #logo-mob { width: 303px; height: 44px; }
	
	.page .bar {
		height: 24px;
		display: block;
		position: relative;
	}
	.page .bar .inner { position: relative; z-index: 2; }	
	.page .bar:before, .page .bar:after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
	}
	
	.page .bar:before { top: 0;}
	.page .bar:after { bottom: 0;}
	
	
	.social { position: relative; }
	.social a {
		background-image: url('img/sprite-icons.png');
		transition: all 1s ease;
		transition-property: background-color, border-color;
		}
	
	.social a:hover { transition: none; }
	
	.social .fb:hover { background-color: #006fec !important; }
	.social .tw:hover { background-color: #00aced !important; }
	.social .rss:hover { background-color: #ec7500 !important; }
	.social .tu:hover { background-color: #36465D !important; }
	.social .yt:hover { background-color: #e52d27 !important; }
	.social .gp:hover { background-color: #d34836 !important; }
	.social .ig:hover { background-color: #125688 !important; }
	
	header.page .top-right { margin-top: 7px; float: right; position: relative; z-index: 3; }
	
	header.page .searchbox { }
	header.page .search { font-family: Raleway, 'Arial Narrow', sans-serif; }
	
	#thecomic { width: 100%; padding-top: 40px; padding-bottom: 30px; }
	#thecomic img{ max-width: 100%; }
	
	.main .content {
		float: left;
		min-height: 300px;
	}

	aside.sidebar {
		float: left;
		color: #fff;
	}
	
/* ------------------------ */
/* Navigation */

	nav.page ul { padding: 0; }
	nav.page ul li:first-child a { border-left: 1px dotted; }
	nav.page ul li a { border-right: 1px dotted; }
	
	.theme nav.page ul li li a { border: none; }
	
	nav.page li a {
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		font-weight: bold;
		font-size: 0.688em;
		text-transform: uppercase; 
		text-decoration: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		display:block;
		vertical-align: middle;	
		-webkit-font-smoothing: antialiased;
	}
	
	nav.page li a:hover {
		text-decoration: none; 
	}
	
	header.page nav.page li a.has-children,
	header.page nav.page li.menu-item-has-children a {
		position: relative;
		padding-right: 34px;
	}
	
	nav.page li a.has-children:after,
	nav.page li.menu-item-has-children > a:after {
		content:'';
		display: block;
		width: 14px;
		height: 14px;
		position: absolute;
		/*position: relative; float: right;*/
		border-radius: 3px; 
		margin-left: 10px;
		top: 4px;
		right: 10px;
		background-image: url('img/sprite-icons.png');
		background-position: -30px -5px;
		background-repeat: no-repeat;
		/*transition: background-color 1s ease;*/
	}
	

	
	
	nav.page li a.has-children:hover:after,
	nav.page li.menu-item-has-children a:hover:after { transition: none; }
	
	nav.page li a { transition: 1s ease; transition-property: background-color, color ; }
	nav.page li a:hover { transition: none; }		
	
	/* Search */
		
	header.page .search::-webkit-input-placeholder {
		font-style: italic;
	}
	
	header.page .search:-moz-placeholder{
		font-style: italic;
	}
	
	header.page .search::-moz-placeholder{
		font-style: italic;
	}
	
	header.page .search:-ms-input-placeholder{
		font-style: italic;
		text-indent: 10px;
	}
	
	.searchbox label.errors {
		position: absolute;
		text-align: center;
		width: auto;
		top: -22px;
		left: 12px;
		padding-left: 6px;
		padding-right:  6px;
	}
	

/* ------------------------ */
/* Footer */
	
	footer.page {
		font-family: Verdana, Arial, sans-serif;
		padding-top: 10px;
		background-color: #222;
		margin: 0 auto;
		display: block;
		clear: both; 
	}
	
	footer.page .bot {
		padding: 15px 20px 17px;
	}
	
	footer.page .bot p {
		margin: 0 auto;
		color: #666;
		font-size: .688em;
	}
	
	footer.page .bot p a {
		color: #fff;
	}
	
	footer.page .bot p a:hover { color: #999; }
	
	footer .totop a {
		color: #fff;
		padding: 5px 20px 3px 6px;
		
	}
	
	footer .totop a .icon {
		background-image: url('img/sprite-icons.png');
		background-position: -120px -5px;
		vertical-align: middle;
		display: inline-block; 
		width: 24px;
		margin-right: 4px;
	}
	
/* Theme Switcher */

	.theme-switcher {
		position: absolute;
		top: 1px;
		right: 10px;
		display: block;
		z-index: 2;
		padding: 4px 1px 4px 6px;
		height: 14px;
		border-left: 1px dotted;
		border-right: 1px dotted;
	}

	.theme-switcher a {
		display: inline-block;
		width: 13px;
		height: 13px;
		border: 1px solid;
		vertical-align: top;
		margin-right: 5px;
	}
	
	.theme-switcher a.active {
		background-image: url('img/sprite-icons.png');
		background-position: -150px -7px
	}
	
	.theme-switcher .red {
		border-color: #dd0000;
		background-color: #990000;
	}
	
	.theme-switcher .blue {
		border-color: #006fec;
		background-color: #004ba0;
	}
	
	
/* ------------------------ */
/* Comic */		
	
	#thecomic #comic { display: block; }
	
	header.comic, footer.comic {
		padding: 0 10px;
		position: relative;
	}
	
	footer.comic {		z-index: 40;	}
	
	header.comic a.title {
		text-decoration: none;
		display: block;
		position: relative;
	}
	
	header.comic a.title:hover {
		opacity: 0.7;
		top: 1px;
		left: 1px;
	}
	
	header.comic h1 {
		margin: 0;
		font-size: 1em;
		color: #4a4a4a;
		display: inline;
		text-transform: uppercase;
		margin-right: 11px;
	}
	
	header.comic h1 .no {
		color: #777;
	}
	
	header.comic time {
		color: #787878;
		font-size: .625em;
		text-transform: uppercase;
		font-family: Verdana, Arial, sans-serif;
	}
	
	.comic-area {
		text-align: center;
		position: relative;
		z-index: 90;
	}
	
	#thecomic.old-width > .comic.comic-area {
		background-color: #fff;
		padding: 20px 0;
		width: 960px; 
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px; 
		border-radius: 4px;
	}
	
	footer.comic {
		position: relative;
		z-index: 90;
	}
	
	header.comic nav.comic {
		text-align: right;
		display: block;
		margin-bottom:-10px;
	}
	
	nav.comic ul {
		display: inline-block;
		padding: 0;
		margin: 0;
		text-align: right;
	}
	
	nav.comic .bottom {
		margin-bottom: -10px;
	}
	
	nav.comic li {
		display: block;
		float: left;
	}
	
	nav.comic .top li > * { 
		display: block;
		width: 30px;
		height: 30px;
		background-image: url('img/sprite-comicnav.png');
		background-size: 272px 38px; /* 40% scaled */
		background-repeat: no-repeat;
		position: relative;
		opacity: .6;
		transition: opacity 1s ease;
	}
	
	nav.comic .top .comments	{ background-position: -10px 0;		margin-right: 6px; }
	nav.comic .top .random		{ background-position: -65px 0;		margin-right: 18px; }
	nav.comic .top .prev			{ background-position: -121px 0; 	width: 23px; margin-right: 2px;	}
	nav.comic .top .first			{ background-position: -148px 0; 	width: 23px; margin-right: 5px }
	nav.comic .top .last			{ background-position: -179px 0; 	width: 23px; margin-right: 5px }
	nav.comic .top .next			{ background-position: -210px 0; 	width: 23px;  }
	
	nav.comic ul li a:hover {
		opacity: 1;
		top: 1px;
		left: 1px;
		transition: none;
	}

	
	nav.comic .bottom li > * {
		display: block;
		width: 62px;
		height: 54px;
		background-image: url('img/sprite-comicnav.png');
		background-size: 335px 47px;
		background-repeat: no-repeat;
		position: relative;
		opacity: .6;
		transition: opacity 1s ease;
	}
	
	nav.comic ul li .inactive {
		opacity: .2;
	}
	
	nav.comic .bottom .comments	{ background-position: 0 0; margin-right: 4px; }
	nav.comic .bottom .random		{ background-position: -69px 0; width: 60px;		margin-right: 10px; }
	nav.comic .bottom .prev			{ background-position: -144px 0; width: 35px;	}
	nav.comic .bottom .first		{ background-position: -181px 0; width: 35px; }
	nav.comic .bottom .last			{ background-position: -217px 0; width: 35px; }
	nav.comic .bottom .next			{ background-position: -253px 0; width: 35px; }
	nav.comic .bottom .share		{ background-position: -295px 0; width: 42px; margin-right: 4px; }
	
	nav.comic .mobile { display: none; }
	
/* Social */	
	
	.comic nav.social {
		width: 100%;
		width: calc(100% - 276px);
	}
	
	.comic nav.social ul {
		margin: 12px 0 0 4px;
		padding: 0;
	}

	.comic nav.social li {
		display: inline-block;
		float: left;
		margin-right: 5px;
		opacity: 0.5;
		transition: opacity 1s ease;
	}
	
	.comic nav.social li:hover {
		opacity: 1;
		transition: none;
		position: relative; top: 1px; left: 1px; 
	}

	.comic nav.social li a {
		display: block;
		position: relative;
		font-family: Verdana, Arial, sans-serif;
		font-size: .625em;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		padding: 5px 9px 5px 34px;
		line-height: 1em;
		width: auto;
		display: inline-block;
		height: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background-color: #bebebe;
		background-image: none;
		border-radius: 4px;
		transition: background-color 1s ease;
	}
	
	.comic nav.social li a:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 25px;
		background-color: #a3a3a3;
		border-radius: 4px 0 0 4px;
		height: 20px;
		background-image: url('img/sprite-social.png');
		background-size: 142px 17px;
		background-position: left bottom;
		background-repeat: no-repeat;
		transition: background-color 1s ease;
	}
	
	.comic nav.social li a:hover,
	.comic nav.social li a:hover:before { transition: none; }
	
	.comic nav.social .reddit	 a:hover { background-color: #ff7f00; }
	.comic nav.social .share	 a:hover { background-color: #3b5998; }
	.comic nav.social .tweet	 a:hover { background-color: #4099ff; }
	.comic nav.social .stumble a:hover { background-color: #eb4823; }
	.comic nav.social .gplus	 a:hover { background-color: #dd4b39; }
	.comic nav.social .email	 a:hover { background-color: #888888; }
	
	.comic nav.social .reddit	 a:before	{ background-position:   0px bottom; }
	.comic nav.social .share	 a:before	{ background-position: -22px bottom; }
	.comic nav.social .tweet	 a:before	{ background-position: -47px bottom; }
	.comic nav.social .stumble a:before	{ background-position: -69px bottom; }
	.comic nav.social .gplus	 a:before	{ background-position: -93px bottom; }
	.comic nav.social .email	 a:before	{ background-position: -118px bottom; }

	.comic nav.social .reddit	 a:hover:before	{ background-color: #e47200; }
	.comic nav.social .share	 a:hover:before	{ background-color: #273c68; }
	.comic nav.social .tweet	 a:hover:before	{ background-color: #2f79ce; }
	.comic nav.social .stumble a:hover:before	{ background-color: #cf3f1e; }
	.comic nav.social .gplus	 a:hover:before	{ background-color: #b63b2c; }
	.comic nav.social .email	 a:hover:before	{ background-color: #777777; }

/* ------------------------ */
/* No Comic */		
	
	.no-comic header.page {
		margin-bottom: 0;
		border-radius: 0;
		box-shadow: none;
	}
	
	.no-comic .wrap-top {
		padding-bottom: 160px;
	}
	
	.no-comic .main { border-radius: 0; }
	
	.no-comic .main .content {
		border-radius: 0;
	}
	
	.no-comic .blogroll .support { border-radius: 0; }
	
	.no-comic aside.sidebar { margin-top: 0; }
	
/* ------------------------ */
/* Blog Posts */	
	
	.blogroll { position: relative; padding-bottom: 100px;}
	.home .blogroll { padding-bottom: 146px;}
	.blogroll > footer { position: absolute; bottom: 0; width: 100%; 	}
	
	.blogroll .support {
		display: block;
		padding: 11px 0;
		height: 58px;
		border-radius: 4px 0 0 0;
		position: relative;
		text-decoration: none;
		background-image: url('img/support-bg.png');
		background-position: right bottom;
		box-shadow: inset 0px -6px 5px -5px rgba(0,0,0,.15);
		
	}

	
	.blogroll .support:before {
		content: "";
		display: block;
		width: 256px;
		height: 90px;
		position: absolute;
		background-image: url('img/sprite-support.png');
		background-repeat: no-repeat;
		background-position: left top;
		left: 8px;
		top: -10px;
		z-index: 2;
	}
	
	.blogroll .support:hover:before {		
    -webkit-animation: play .8s steps(9) infinite;
       -moz-animation: play .8s steps(9) infinite;
        -ms-animation: play .8s steps(9) infinite;
         -o-animation: play .8s steps(9) infinite;
            animation: play .8s steps(9) infinite;
	}

	@-webkit-keyframes play {
	   from { background-position:  -256px; }
	     to { background-position: -2560px; }
	}
	
	@-moz-keyframes play {
	   from { background-position:  -256px; }
	     to { background-position: -2560px; }
	}
	
	@-ms-keyframes play {
	   from { background-position:  -256px; }
	     to { background-position: -2560px; }
	}
	
	@-o-keyframes play {
	   from { background-position:  -256px; }
	     to { background-position: -2560px; }
	}
	
	@keyframes play {
	   from { background-position:  -256px; }
	     to { background-position: -2560px; }
	}


	.blogroll .support .link {
		transition: opacity 1s ease;
		
		margin-left: 110px;
		padding: 10px 0 10px 115px;
		height: 58px;
		color: #fff;
		position: relative;
		box-sizing: border-box;
	}
	
	.blogroll .support:hover .link {
		transition: none;
		opacity: 0.8;
		left: 1px;
		top: 1px;
	}
	
	.blogroll .support .link:before, .blogroll .support .link:after {
		left: 0;	
		content: "";
		height: 1px;
		width: 80%;	
		display: block;
		position: absolute;
	}
	
	.blogroll .support .link:before {
		top: -1px;
	}
	
	.blogroll .support .link:after {
		bottom: -1px;
	}

	.blogroll .support .link h1 {
		margin: 0;
		font-size: 1.375em;
		text-transform: uppercase;
		line-height: 1em;
	}
	
	.blogroll .support .link .subtitle {
		display: block;
		margin-top: 3px;
		font-size: 0.688em;
		line-height: 1em;
		font-family: Verdana, Arial, sans-serif;
	}


	
	.blogroll { position: relative; }
	
	.blogroll > header { padding-top: 10px; padding-bottom: 10px; }
	
	.blogroll > h2.section {
		margin: 0;
		padding: 6px 0px;
		color: #fff;
		font-size: .688em;
		line-height: 1em;
		text-transform: uppercase;
		width: 70px;
		text-align: center;
		position: absolute;
		right: -4px;
		top: 20px	;
		height: 22px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
	}
	
	.blogroll > a.support + h2.section { top: 100px;}
	.blogroll > a.support + header + h2.section { top: 156px; }

	.blogroll > h2.section:before {
		content: "";
		display: block;
		position: absolute;
		left: -21px;
		top: 0;
		width: 0px;
		border-bottom: 22px solid;
		border-left: 22px solid transparent;
	}
	
	.blogroll > h2.section:after {
		content: "";
		display: block;
		position: absolute;
		right: -21px;
		top: 0;
		width: 0px;
		border-bottom: 22px solid;
		border-right: 22px solid transparent;
	}
	
	section > footer .top {
		padding: 10px 20px;
	}
	
	section > footer .image {
		height: 100px;
		box-shadow: inset 0px 8px 5px -5px rgba(0,0,0,.5);
	}

	article.post,
	section.post {
		padding: 40px 30px 30px;
		margin-bottom: 5px;

		-webkit-font-smoothing: antialiased;
	}
	
	.borders {
		border-bottom: 5px solid;
		position: relative;		
	}
	
	.borders:after {
		content: "";
		width: 100%;
		height: 0px;
		border-top: 5px solid;
		position: absolute;
		bottom: -10px;
		left: 0;
	}
	
	.post h1.title {
		font-size: 1.375em;
		line-height: 1.364em;
		margin: 0;
	}
	
	.post h1.title a {
		text-decoration: none;
		color: #444;
	}

	.post .meta {
		display: block;
		font-size: 0.688em;
		text-transform: uppercase;
		color: #999999;
	}
	
	.post .meta a {
		font-weight: bold;
		text-decoration: none; 
	}
	
	.post .meta a:hover {
		text-decoration: underline; 
	}
	
	.post header {
		display: block;
		border-bottom: 1px solid #dddddd;
		padding-bottom: 12px;
		margin-bottom: 22px;
	}
	
	.post footer {
		margin-top: 20px;
		border-top: 1px solid #ddd;
		padding-top: 20px;
	}
	
	.post p {
		font-size: 0.983em;
		line-height: 1.733em;
		margin: 0.75em 0;
		padding-right: 20px;
	}
	
	.post img {
		max-width: 100%;
		max-width: calc(100% + 20px);
		height: auto;
	}

	.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
		line-height: 1.1em;
		margin: 0.75em 0 -0.125em;
	}
	
	.post .body li {
		line-height: 1.5em;
		margin: .25em 0 ;
	}
	
	.post .body ol, .post .body ul {
		padding-bottom: .5em;
	}

	blockquote {
	  background: #f9f9f9;
	  border-left: 10px solid #ccc;
	  margin: 1.5em 0px;
	  padding: 1.5em 10px;
	  quotes: "\201C""\201D""\2018""\2019";
	  font-style: italic;
	}
	
	blockquote:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
	  font-family: Helvetica, Arial, sans-serif;
	}
	
	blockquote:after {
	  color: #ccc;
	  content: close-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  vertical-align: -0.4em;
	  font-family: Helvetica, Arial, sans-serif;
	}	
	
	blockquote p {
	  display: inline;
	}
	
	code, pre {
		font-family: Monaco, Consolas, monospace;
		background-color: #4a4a4a;
		color: #fff;
		max-width: 100%;
		overflow: hidden;
		word-wrap: break-word;
	}
	
	code {
		padding: 0 4px;
	}
	
	pre {
		padding: 1em;
		font-size: 0.85em;
		line-height: 1.25em;
	}

	
	.post .meta-bottom-left .icon {
		margin-right: 6px;
	}

	.post .meta-bottom-right .icon {
		margin-left: 6px;
	}
	
	.icon {
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: middle;
	}
	

	
	.icon-comment {
		background-position: -20px 0;
	}
	
	ul.link-list {
		display: inline;
		padding: 0;
	}
	
	ul.link-list > li {
		display: inline;
	}
	
	ul.link-list > li:after {
		content: ", ";
	}
	
	ul.link-list > li:last-child:after {
		content: "";
	}
	
/* Pager */
	
	.pager {
		font-family: Verdana, sans-serif;
		font-size: 0.563em;
	}
	
	.pager ol { padding: 0; margin: 3px 0; }
	
	.pager .title,
	.pager .gap {
		font-style: italic;
		color: #999999;
		border: none; 
	}
	
	.pager li {
		margin: 0;
		display: inline-block;
		padding: 0;
		height: 18px;
		margin-left: 0px;
		margin-right: 2px;
	}
	
	.pager .current {
		border: 1px solid #444;
		background-color: #666;
		color: #fff;
	}
	
	.pager a {
		margin: 0;
		display: inline-block;
		padding: 0;
	}
	
	.pager li a,
	.pager li span {
		border: 1px solid;
		border-radius: 4px;
		height: 8px;
		line-height: 8px;
		padding: 5px;
		display: block; 
	}
	
	.pager li a {
		transition: background-color 1s ease;
	}
	
	.pager li a:hover {
		transition: none;
	}

	
/* ------------------------ */
/* Sidebar */
	
	/* Sidebar Logged-Out */
	.sidebar .login {
		background-color: #222; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #333333 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #333333 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #333333 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
		border-top-right-radius: 4px;
		margin-bottom: 20px;
		box-shadow:  0px 2px 8px -1px rgba(0,0,0,.5);
		padding-bottom: 4px;
	}
	
	.sidebar .login > div {
		background-image: url('img/sidebar-bg.png');
		background-position: right 10px;
		background-repeat: no-repeat;
	}
	
	.sidebar .login .logged-out .fields {
		background-image: url('img/avatar-default.png');
		background-position: right bottom;
		background-position: calc(100% - 5px) bottom;
		background-repeat: no-repeat;
	}
	
	.sidebar .login .fields {
		height: 92px;
		padding: 10px 10px 8px;
	}
		
	.text {
		font-family: Verdana, Arial, sans-serif;
		font-size: .689em;
		line-height: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.theme input.error, .theme textarea.error {
		border-width: 1px !important;
		border-style: solid !important;
	}
	
	
	label.errors {
		opacity: 0;
		display: block;
		clear: both;
		font-family: Verdana, Arial, sans-serif;
		margin: 4px 0;
		padding: 4px;
		color: #fff;
		font-weight: bold;
		font-size: 0.625em;
		border-radius: 4px;
		position: absolute;
		transition: opacity .5s ease;
	}
	
	label.errors.show { opacity: 1; }
	
	body label.errors:after { display: none; }
	
	.text::-webkit-input-placeholder,
 	 textarea::-webkit-input-placeholder { color: #999; }
	.text:-moz-placeholder,
	 textarea:-moz-placeholder { color: #999; }
	.text::-moz-placeholder,
	 textarea::-moz-placeholder { color: #999; }
	.text:-ms-input-placeholder,
	 textarea:-ms-input-placeholder { color: #999; }
	.text:focus::-webkit-input-placeholder,
	 textarea:focus::-webkit-input-placeholder { color: #cdcdcd; }
	.text:focus:-moz-placeholder,
	 textarea:focus:-moz-placeholder { color: #cdcdcd;	}	
	.text:focus::-moz-placeholder,
	 textarea:focus::-moz-placeholder { color: #cdcdcd;	}	
	.text:focus:-ms-input-placeholder,
	 textarea:focus:-ms-input-placeholder { color: #cdcdcd; }
	
	.sidebar .login { position: relative;}
	
	.sidebar .login h1 {
		margin: 0 0 10px;
		font-size: .814em;
		line-height: 1em;
		text-transform: uppercase;
	}
	
	.sidebar .login .text {
		display: block;
		background-color: #fff;
		border: none;
		border-radius: 2px;
		height: 22px;
		padding: 0 8px;
	}
	
	.sidebar .login .username {
		width: 202px;
		margin-bottom: 5px;
	}
	
	.sidebar .login .password {
		width: 120px;
		float: left;
		margin-right: 5px;
	}
	
	.sidebar .login .submit {
		height: 22px;
		border-radius: 2px;
		line-height: 0;
		width: 77px;
		padding: 0;
		float: left;
	}
	
	.sidebar label.errors {
		left: 10px;
		top: 0;
	}
	
	.sidebar .login .rememberme {
		padding: 6px 3px 0;
		clear: left;
		display: block;
		font-family: Verdana, Arial, sans-serif;
		color: #666;
		font-size: 0.62em;
	}
	
	.sidebar .login .rememberme label {
		padding-left: 2px;
		cursor: pointer;
	}
	
	.sidebar .login .avatar {
		float: right;
	}
	
	.sidebar .login .bar {
		height: 16px;
		font-size: 0.5em;
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 0 12px;
	}
	
	.sidebar .login .bar a {
		position: relative;
		top: -1px;
		height: 18px;
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none; 
		font-family: 'Montserrat', sans-serif;
		padding: 3px 8px 2px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.sidebar .login .signup {
		border: 1px solid;
		float: right;
	}
	
	
	.sidebar .login .lostpass {
		border-left: 1px dotted;
		border-right: 1px dotted;
		float: left;
	}
	
	/* Sidebar Logged-in */
	
	.sidebar .login .logged-in {
		position: relative;
	}
	
	.sidebar .login .logged-in .bar a:last-child {
		border-right-style: dotted;
		border-right-width: 1px;
	}
	
	.sidebar .login .logged-in h1 {
		text-transform: none;
		font-size: 0.938em;
		line-height: 1em;
		margin: 4px 0 0;
	}
	
	.sidebar .login .logged-in .usertitle {
		font-family: Verdana, Arial, sans-serif;
		font-size: 0.688em;
		line-height: 1.2727em;
		display: block;
		margin: 2px 0 4px;
	}

	
	.sidebar .login .logged-in .bar a {
		float: left;
		border-left: 1px dotted;
	}
	
	.sidebar .login .logged-in .stats {
		font-size: 0.625em;
		line-height: 1.4em;
		font-family: Verdana, Arial, sans-serif;
		text-transform: uppercase;
		padding: 7px 0 3px;
	}
	
	.sidebar .login .logged-in .stats > span {
		float: left;
	}
	
	.sidebar .login .logged-in .stats .left {
		clear: left;
		width: 80px;
		color: #aaa;
	}
	
	.sidebar .login .logged-in .stats .coins {
		color: #ffea00;
		position: relative;
	}
	
	.sidebar .login .logged-in .stats .coins .coin {
		position: absolute;
		right: -19px;
		top: -1px;
	}
	
	.sidebar .login .logged-in .avatar {
		position: absolute;
		bottom: 18px;
		right: 5px;
	  -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	}
	
	/* Sidebar Blocks */
	
	.sidebar .block {
		background-color: #252525;
		color: #fff;
		margin: 0 auto 10px;
		display: block; 
		width: 300px;
		box-shadow:  0px 2px 8px -1px rgba(0,0,0,.5);
		/*box-shadow:  0px 2px 4px 1px rgba(0,0,0,.35);
		border-radius: 0 4px 0 0 ;*/
	}
	
	.sidebar a.block {
		color: #fff;
		text-decoration: none;
		transition: opacity .3s ease;
	}
	
	.sidebar a.block:hover {
		top: 1px;
		left: 1px;
		position: relative;
		opacity: 0.75;
		transition: none;
	}
	
	.sidebar .desktop.ads {
		margin: 20px 0;
	}
	
	.sidebar .ad {
		display: block;
		background-color: #222222;
	}
	
	.sidebar .desktop .ad {
/*		width: 300px;
		height: 250px;
		margin: 10px auto;*/
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	} 
	
	.sidebar .block > header {
		padding: 4px 10px 10px;
		
	}
	.sidebar .block > footer {
		padding: 10px 10px 6px;
	}
	
	.sidebar .block h2 {
		font-size: .875em;
		line-height: 1em;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
	}
	
	
	.sidebar .block .subhead {
		font-size: 0.6em;
		line-height: 1em;
		text-transform: uppercase;
		font-family: Verdana, Arial, sans-serif;
	}
	
	.sidebar .block p {
		font-size: 0.689em;
		line-height: 1.5em;
		margin: 0;
	}
	
	.sidebar .block > footer .left { width: 70%;	}
	.sidebar .block > footer .right { width: 30%;}
	
	.sidebar .featured.blog {		border: 1px solid #232323;  width: 298px;}
	
	.sidebar .featured.blog header { position: relative; }
	.sidebar .featured.new header .subhead { color: #fff; }
	.sidebar .featured.blog header .subhead:before { content: "Latest "; }
	.sidebar .featured.new header .subhead:before { content: "New "; }
	.sidebar .featured.blog header:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 50px;
		left: 0;
		top: 0;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,0) 50%, rgba(37,37,37,1) 80%, rgba(37,37,37,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,37,37,0)), color-stop(50%,rgba(37,37,37,0)), color-stop(80%,rgba(37,37,37,1)), color-stop(100%,rgba(37,37,37,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 50%,rgba(37,37,37,1) 80%,rgba(37,37,37,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 50%,rgba(37,37,37,1) 80%,rgba(37,37,37,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 50%,rgba(37,37,37,1) 80%,rgba(37,37,37,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 50%,rgba(37,37,37,1) 80%,rgba(37,37,37,1) 100%); /* W3C */
	}
	
	.sidebar .featured.blog header:after {
		content: "";
		display: block;
		width: 66px;
		height: 80px;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 10;
		background-image: url('img/sprite-new.png');
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.sidebar .featured.new header:after {
		-webkit-animation: wave 6s steps(10) infinite;
       -moz-animation: wave 6s steps(10) infinite;
        -ms-animation: wave 6s steps(10) infinite;
         -o-animation: wave 6s steps(10) infinite;
            animation: wave 6s steps(10) infinite;
	}

	@-webkit-keyframes wave {
	   0%  { background-position:  0px; }
		 60% { background-position:  0px; }
	   90% { background-position:  0px; }	
	   100%{ background-position:  -660px; }
	}
	
	@-moz-keyframes wave {
	   0%  { background-position:  0px; }
		 60% { background-position:  0px; }
	   90% { background-position:  0px; }	
	   100%{ background-position:  -660px; }
	}
	
	@-ms-keyframes wave {
	   0%  { background-position:  0px; }
		 60% { background-position:  0px; }
	   90% { background-position:  0px; }	
	   100%{ background-position:  -660px; }
	}
	
	@-o-keyframes wave {
	   0%  { background-position:  0px; }
		 60% { background-position:  0px; }
	   90% { background-position:  0px; }	
	   100%{ background-position:  -660px; }
	}
	
	@keyframes wave {	
	   0%  { background-position:  0px; }
		 60% { background-position:  0px; }
	   90% { background-position:  0px; }	
	   100%{ background-position:  -660px; }
	}
	
	.sidebar .featured.new:hover header:after,
	.sidebar .featured.blog:hover header:after {
		-webkit-animation: wavefast .594s steps(8) infinite;
       -moz-animation: wavefast .594s steps(8) infinite;
        -ms-animation: wavefast .594s steps(8) infinite;
         -o-animation: wavefast .594s steps(8) infinite;
            animation: wavefast .594s steps(8) infinite;
  }
	
	@-webkit-keyframes wavefast {
	   0%  { background-position:  -66px; }
	   100%{ background-position:  -594px; }
	}	
	
	@-moz-keyframes wavefast {
	   0%  { background-position:  -66px; }
	   100%{ background-position:  -594px; }
	}
	
	@-ms-keyframes wavefast {
	   0%  { background-position:  -66px; }
	   100%{ background-position:  -594px; }
	}
	
	@-o-keyframes wavefast {
	   0%  { background-position:  -66px; }
	   100%{ background-position:  -594px; }
	}
	
	@keyframes wavefast {	
	   0%  { background-position:  -66px; }
	   100%{ background-position:  -594px; }
	}
	
	
	
	.theme .sidebar .featured.new .subhead {
	}
	
	.sidebar .block > header.short { padding-bottom: 0;}
	
	.sidebar .featured.list ul {
		padding: 0px 0px 10px 0px;
		margin: 0;
		list-style: none;
	}
	
	.sidebar .list li {
		padding: 2px 4px;
	}
	
	.sidebar .list li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0px 8px;
		background-color: #343434;
		transition: background-color 1s ease;
		border-radius: 
	}
	
	.sidebar .list h3 {
		display: inline;
		font-family: Verdana, Arial, sans-serif;
		font-size: .750em;
		padding-right: 10px;
	}
	
	.sidebar .block .subtitle {
		font-size: .625em;
		line-height: 1em;
		color: #888;
		font-family: Verdana, Arial, sans-serif;
	}
	
	.sidebar .list li a:hover { background-color: #444; transition: none; }

/* ------------------------ */
/* Comments */
	
	 a.icon-color {
		 transition: opacity 1s ease;
	 }
	 
	 a.icon-color:hover {
	 	 opacity: 0.5;
	 	 transition: none;
	 }
	 
	section > header,
	.respond header {
		padding: 20px 20px 16px;
	}
	
	section > header .subtext {
		font-size: 0.688em;
		text-transform: uppercase;
		color: #999;
	}
	
	section > header .subtext a {
		text-decoration: none;
		font-weight: bold;
	}
	
	section > header h2,
	.respond header h2 {
		font-size: .875em;
		line-height: 1em;
		text-transform: uppercase;
		margin: 0 0 3px;
	}
	
	.respond header { background-color: #fff; }
	
	.respond header .right { height: auto; }
	.respond header .right a { height: 17px; font-size: 0.688em; line-height: 17px; display: block; vertica-align: middle;}
	
	section > header h2 .rss {
		background-position: -20px 0;
		margin-top: -3px;
	}
	
	.comments.borders { margin-bottom: 5px; }
	
	
	.author-post,
	.commentlist {
		margin: 0;
		padding: 0;
		border-top: 5px solid #262626;
	}
	
	.comment {
		display: block;
	}
	
	.comment > header {
		background-color: #3f3f3f;
		border-bottom: 1px solid #262626;
		padding-right: 10px;
	}
	
	.comment .karma {
		float: left;
		display: block;
		min-width: 76px;
		height: 14px;
		/*padding: 4px 8px 4px 8px;*/
		border-right: 1px dotted #262626;
	}
	
	.comment .karma .vote {
		display: block;
		float: left;
		width: 22px;
		height: 22px;
		background-image: url('img/sprite-icons-btn.png');
		opacity: 1;
		transition: opacity 1s ease;
	}
		
	.comment .karma .up.active { background-position: 2px -21px; }
	.comment .karma .down.active { background-position: -18px -21px; }
	.comment .karma .vote:hover { opacity: 0.5; transition: none; }
	
	.comment .karma .up { background-position: 1px -42px; }
	.comment .karma .down { background-position: -16px -42px; }
	
	.comment .vote-count {
		color: #fff;
		display: block;
		float: left;
		min-width: 16px;
		height: 14px;
		padding: 0 6px 0 4px;
		text-align: right;
		font-size: 0.5em;
		line-height: 1.5em;
		font-weight: normal;
		font-family: Verdana, Arial, sans-serif;
		background-color: #2f2f2f;
		margin: 4px 0px;
		overflow: hidden;
		-webkit-border-radius: 4px;
   		 -moz-border-radius: 4px;
    	      border-radius: 4px;
	}
	
	.comment > header a.permalink {
		display: block;
		color: #fff;
		text-decoration: none;
		font-family: Verdana, Arial, sans-serif;
		font-size: .625em;
		line-height: 1em;
		height: 22px;
		padding: 5px 10px 7px;
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.comment > header a.permalink:hover {
		color: #aaa;
	}
	
	.comment > header .buttons {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			height: 22px;

	}
	
	.comment > header .buttons a {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 0.625em;
		line-height: 1em;
		text-transform: uppercase;
		height: 22px;
		padding: 6px 12px 6px 12px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: top;
		border-left-style: dotted;
		border-left-width: 1px;
		border-right-style: dotted;
		border-right-width: 1px;
		transition: background-color 1s ease;
	}
	
	.comment > header .buttons a:hover { transition: none; }
	
	.comment > header .buttons a:before {
		content: "";
		display: inline-block;
		width: 10px;
		height: 8px;
		background-image: url('img/sprite-icons-btn.png');
		background-position: -25px -7px;
		margin: 1px 7px 0 0;
	}
	
	.comment .postbox {
		position: relative;
		background-image: url('img/respond-bg.jpg');
		background-color: #767676;
		background-repeat: repeat-x;
		border-bottom: 5px solid #262626;
	}
	
	.postbit {
		float: left;
		display: block;
		width: 190px;
	}
	
	.postbit .avatar {
		display: block;
		margin: 0 0 0 10px;
	}
	
	.postbit .badge {
		display: block;
		background-color: #151515;
		border-radius: 4px;
		margin: 0 10px 20px;
		text-decoration: none;
		padding: 7px 10px;
		max-height: 42px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		position: relative;
		transition: opacity 1s ease;
		opacity: 1;
		white-space: nowrap;
	}
	
	.postbit a.badge:after {
		content: "";
		position: absolute;
		display: block;
		right: 4px;
		top: 4px;
		width: 10px;
		height: 10px;
		margin-left: 6px;
		background-image: url('img/sprite-icons-btn.png');
		background-position: -46px -5px;
		background-repeat: no-repeat;
	}
	
	 .postbit a.badge:hover {
		transition: none;
		opacity: 0.7;
		top: -1px;
		left: 1px;
	}
	
	.postbit .username {
		color: #fff;
		font-size: 0.813em;
		line-height: 1em;
		font-weight: bold;
		width: 100%;
		overflow: hidden;
		display: block;
		white-space: nowrap;	
	}
	
	.comment.role-guest > .postbox .username {
		color: #888;
	}
	
	.postbit .usertitle {
		margin-top: 5px;
		font-size: .625em;
		line-height: 1em;
		display: block;
		font-family: Verdana, Arial, sans-serif;
	}
	
	.usertitle.user { color: #007efe; }
	.usertitle.administrator { color: #ff00ff; }
	.usertitle.castmember { color: #ffff00; }
	
	.postbit .totop {
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		bottom: 0;
		left: 0;
		background-image: url('img/sprite-icons-btn.png');
		background-position: -40px -25px;
		background-repeat: no-repeat;
		opacity: 0.6;
	}
	
	.comment .postbody {
		position: relative;
		background-color: #fff;
		display: block;
		float: left;
		width: 450px;
		width: calc(100% - 190px);
		min-height: 152px;
		padding: 10px 25px 30px;
		font-size: .813em;
		line-height: 1.8em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-family: Verdana, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		overflow: auto;
		/*box-shadow: -4px 0 10px -5px rgba(0,0,0,.25);*/

	}
	
	.comment.depth-2 .postbody { width: 430px; width: calc(100% - 190px); }
	.comment.depth-3 .postbody { width: 410px; width: calc(100% - 190px); }
	.comment.depth-4 .postbody { width: 390px; width: calc(100% - 190px); }
	.comment.depth-5 .postbody { width: 370px; width: calc(100% - 190px); }
	
	.comment.depth-1 .respond .inputs { width: 400px; }
	.comment.depth-2 .respond .inputs { width: 380px; }
	.comment.depth-3 .respond .inputs { width: 360px; }
	.comment.depth-4 .respond .inputs { width: 340px; }
	
	.comment.role-castmember > .postbox > .postbody,
	.comment.role-administrator > .postbox > .postbody {
		background-color: #000;
		color: #fff;
		background-color: #1d1d1d;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#000000));
		background-image: -webkit-linear-gradient(top, #1d1d1d, #000000);
		background-image: -moz-linear-gradient(top, #1d1d1d, #000000);
		background-image: -ms-linear-gradient(top, #1d1d1d, #000000);
		background-image: -o-linear-gradient(top, #1d1d1d, #000000);
		background-image: linear-gradient(to bottom, #1d1d1d, #000000);
	}
	
	.comment.role-castmember > .postbox > .postbody blockquote,
	.comment.role-administrator > .postbox > .postbody blockquote {
		color: #bbb;
		background-color: #444;
		border-left-color: #666;
	}
	
	.comment.role-castmember > .postbox > .postbody blockquote:before,
	.comment.role-castmember > .postbox > .postbody blockquote:after,
	.comment.role-administrator > .postbox > .postbody blockquote:before,
	.comment.role-administrator > .postbox > .postbody blockquote:after {
		color: #bbb; 
	}
	
	.comment.role-castmember > .postbox > .postbody a { color: yellow; }
	.comment.role-castmember > .postbox > .postbody a:hover { color: #cccc00; }
	.comment.role-administrator > .postbox > .postbody a { color: #ff00ff; }
	.comment.role-administrator > .postbox > .postbody a:hover { color: #cc00cc; }
	
	.comment ul.children {
		margin: 0;
		padding: 0 0 0 20px;
		position: relative;
	}
	
	.comment.depth-1 > ul.children:after { /* Add a border to the top one one */
		content: "";
		width: 100%;
		display: block;
		height: 5px;
		background-color: #262626;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.comments > footer {
		height: auto;
		display: block;
	}


/* Respond */

	.respond {
		box-shadow: inset 0px -6px 5px -5px rgba(0,0,0,.5);
		background-image: url('img/respond-bg.jpg');
		background-repeat: repeat-x;
		background-color: #767676;
		background-position: 0 53px;
	}
	
	.respond .badge + .badge { margin-top: -15px; }
	.respond .badge + .badge .rank { margin-top: 0;}
	
	.respond .guest a.badge:after { display: none; }
	
	.respond .rank:after {
		content: " \00BB";
		background-image: none;
	}
	
	.respond .gray {
		color: #999;
		font-size: .813em;
		line-height: 1em;
		display: block;
		font-weight: bold;
	}
	
	.respond .rank {
		color: #fff;
		font-size: .625em;
		line-height: 1em;
		font-family: Verdana, Arial, sans-serif;
		display: block;
		margin-top: 5px;
	}
	
	.respond .inputs {
		float: right;
		width: 420px;
		margin: 20px 20px 20px 10px;
		position: relative;
	}
	
	.respond .text, .respond .textarea { font-family: Raleway, 'Arial Narrow', sans-serif; }
	
	.respond label { position: relative; cursor: pointer; }
	
	.respond label.errors {
		width: 250px;
		text-align: center;
		position: absolute;
		bottom: 28px;
		z-index: 100;
		box-shadow: 4px  4px 6px rgba(00,00,00,0.6);
		left: calc(50% - 125px);
	}
	
	.respond .field {
		display: block;
		float: left;
		width: 33.334%;
		width: calc(33.34% - 5px);		
	}
	
	.respond .text {
		display: block;
		height: 26px;
		width: 100%;
		padding: 10px 26px 6px 10px;
		line-height: 1em;
		border: none;
		margin-bottom: 5px;
		border-radius: 2px 2px 0 0 ;
	}
	
	.respond .email { margin-left: 5px; width: 33.32%; }
	.respond .url { margin-left: 5px; }
	
	
	.respond label:after {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background-image: url('img/sprite-icons-color.png');
		background-repeat: no-repeat;
		position: absolute;
		right: 5px;
		top: 5px;
	}
	
	.respond .author:after { background-position: -60px 0;  }
	.respond .email:after { background-position: 0 -20px; }
	.respond .url:after		{ background-position: -40px 0; }
	
	.respond textarea {
		display: block;
		font-size: .875em;
		line-height: 1.8em;
		width: 100%;
		width: calc(100% - 1px);
		min-height: 146px;
		border: none;
		padding: 10px 36px 20px 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.respond .guest textarea { min-height: 116px; }
	
	.respond textarea::-webkit-input-placeholder 	{ font-size: 1em; }
	.respond textarea:-moz-placeholder 						{ font-size: 1em; }
	.respond textarea::-moz-placeholder 					{ font-size: 1em; }
	.respond textarea:-ms-input-placeholder 			{ font-size: 1em; }
	
	.respond input[required]::-webkit-input-placeholder:after { content: " *"; font-size: 1em; font-weight: bold; color: red;	}
	.respond input[required]:-moz-placeholder:after 					{ content: " *"; font-size: 1em; font-weight: bold; color: red;	}
	.respond input[required]::-moz-placeholder:after 					{ content: " *"; font-size: 1em; font-weight: bold; color: red;	}
	.respond input[required]:-ms-input-placeholder:after 			{ content: " *"; font-size: 1em; font-weight: bold; color: red;	}

	.respond .input-comment { position: relative; clear: both; }
	
	.comment .postbody:before,
	.respond .input-comment:before {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 20px 50px 0px 0;
		border-color: transparent #fff transparent transparent;
		position: absolute;
		left: -50px;
		top: 10px;
	}
	
	.comment .postbody:before { top: 24px; }
	.comment.role-administrator > .postbox > .postbody:before { border-color: transparent #000 transparent transparent; }
	
	.respond .post-options {
		position: absolute;
		top: 0px;
		right: 0;
		width: 28px;
		padding: 4px;
		margin: 0;
		list-style: none;
		}
			
	.respond .post-options li { position: relative; }
		
	.respond .post-options .btn {
		display: block;
		width: 28px;
		height: 28px;
		margin-bottom: 4px;
		background-color: #1d1d1d;
		background-image: url('img/sprite-icons-btn.png');
		-webkit-border-radius: 4px;
     	 -moz-border-radius: 4px;
            border-radius: 4px;
    opacity: 0.5;
    transition: opacity 1s ease;
		}
	.respond .post-options .btn:hover { opacity: 0.8; transition: none;  }
	
	.respond .post-options .btn.active { opacity: 1; }
		
	.respond .post-options .settings { background-position: -60px 0; }
	.respond .post-options .smilies { background-position: -60px -28px; }
	.respond .post-options .attachment { background-position: -60px -56px; }
	
	.respond .post-options .popout {
		display: none;
		width: 230px;
		position: absolute;
		right: -240px;
		top: 0;
		z-index: 1000;
		-webkit-border-radius: 4px;
     	 -moz-border-radius: 4px;
            border-radius: 4px;
		border: 1px solid #272727;
		background-color: #272727;
		color: #fff;
		-webkit-box-shadow:
						4px  4px 6px rgba(00,00,00,0.6);
		-moz-box-shadow:
						4px  4px 6px rgba(00,00,00,0.6);
		box-shadow: 
						4px  4px 6px rgba(00,00,00,0.6);
		}

	.respond .post-options .popout h5 {
		margin: 0;
		padding: 7px 10px 8px;
		background-color: #1d1d1d;
		height: 10px;
		font-size: 0.692em;
		line-height: 1.111em;
		font-style: italic;
		}

	.respond .post-options .popout h5:before {
		content: "";
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent #1d1d1d transparent transparent;
		position: absolute;
		left: -10px;
		top: 4px;
		}
		
	.respond .post-options .popout .close {
		display: block;
		width: 16px;
		height: 16px;
		background-image: url('img/sprite-icons-color.png');
		background-positioN: -20px -20px;
		position: absolute;
		top: 4px;
		right: 4px;
		opacity: 0.8;
		}
		
	.respond .post-options .popout .close:hover { opacity: 1.0; }
		
	.respond .post-options .popout .body {
		display: block;
		padding: 5px;
		}
		
	.respond .post-options .post-settings p {
		margin: 0;
		padding:  8px 4px;
		font-size: 0.692em;
		line-height: 1.556em;
		}
		
	.respond .post-options .post-settings .instruction {
		display: block;
		font-size: 0.692em;
		line-height: 1.556em;
		padding: 5px;
		width: 210px;
		font-family: Monaco, "Lucida Console", monospace;
		background-color: #fff;
		color: #444;
		-webkit-border-radius: 0 0 4px 4px;
     	 -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
		}
		
	.respond .post-options .post-settings .instruction .examples div,
	.respond .post-options .post-settings .instruction .click
		{ display: none; }
		
	.respond .post-options .emoticons .body { line-height: 30px; }
	.respond .post-options .emoticons .smilie img {	vertical-align: bottom; border: 1px dotted #272727; }
	.respond .post-options .emoticons .smilie:hover img { border: 1px dotted #ccc; }
	
	.respond .submit {
		width: 100%;
		height: 34px;
		border: none;
		margin-top: 5px;
		font-weight: bold;
		font-size: .875em;
	}

/* Comic Archive Page */
	
	.comic-archive .segment {
		padding-bottom: 80px;
	}
	
	.comic-archive .imgbox {
		width: 100%;
	}
		
	.comic-archive .caption p {
		font-size: 1.583em;
		line-height: 1em;
		text-transform: uppercase;
		margin: 0;
		}
		
	.comic-archive .caption p strong {
		font-size: 1em;
		line-height: 1em;
		}
		
	.comic-archive .year-segment {
		display: block;
		margin: 20px 0;
		border-top: 1px solid #ddd;
		padding: 0px 0 0;
		}	
		
	.comic-archive .year-segment h3 { padding-left: 10px; padding-bottom: 20px; }
		
	.comic-archive .columns ul {
		display: block;
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.comic-archive .columns a .col {
		float: left;
		font-size: 0.769em;
		line-height: 2.2em;
		}
	
	.comic-archive .columns li a { display: block; }
	
	.comic-archive .columns li a {
		font-family: Verdana, Arial, sans-serif;
		}
	
	.comic-archive .columns li:hover { background-color: #0779f1; }
	.comic-archive .columns li:hover a *{ color: #fff; }
	
	.comic-archive .columns li a:visited { color: #555; }
	
	.comic-archive .columns li { margin-bottom: 0; }
	.comic-archive .columns li .left {
		color: #999;
		width: 20%	;
		text-align: right;
		}
		
	.comic-archive .columns li .mid {
		color: #444;
		width: 14%;
		text-align: right;
		font-weight: bold;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 4px;
		padding-right: 4px;
		}
	
	.comic-archive .columns li .right {
		padding-left: 8px;
		overflow: hidden;
		width: 66%;
		white-space: nowrap;
		box-sizing: border-box;
		-moz-box-sizing: border-box;

		}
		
	.primary .comic-archive ul.right a { 
		font-weight: normal;
		}

		



/* ============================================================== */
/* Mobile - Tablet Only */

	@media only screen and (max-width: 999px)  {
		.theme .searchbox .search { background-color: #fff; }

		body.theme header.page .top-right { border-right: none; }
			
		.no-comic .wrap-top { padding-bottom: 0; }

		#thecomic.old-width > .comic.comic-area { width: 100%; margin-left: 0; margin-right: 0;}
			
		.searchbox { 
			position: absolute;
			right: 0;
			padding: 8px;
			border: none;
			top: 24px;
			display: none;
			}
			
		.searchbox .search {
			font-size: 0.875em;
			height: 30px;
			border: none;
			padding: 8px 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			border-radius: 4px;
			width: 303px;
			}
			
		.searchbox .submit {
			margin-top: 6px;
			width: 100%;
			color: #fff;
			font-size: 0.875em;
			font-family: 'Montserrat', sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			border: 1px solid;
			border-radius: 4px;
			height: 30px;
			-webkit-font-smoothing: antialiased;
		}
		

		
		nav.comic .bottom {
			margin-bottom: 0px;
		}
		
		.respond .post-options { position: relative; width: 100%; padding: 0; font-size: 1.25em; }
		.respond .post-options li { position: static; width: 100%;  }
		
		.respond .post-options li > a {
			position: absolute;
			top: -32px;
		}
		
		.respond .post-options .settings { right: 5px; }
		.respond .post-options .smilies { right: 37px;}
		
		.respond .post-options .popout {
			border-radius: 0 0 4px 4px;
			position: relative;
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0;
			right: auto;
			left: auto;
			top: auto;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		
		.respond .post-options .popout h5:before {
			border-width: 0 5px 10px 5px;
			border-color: transparent transparent #1d1d1d transparent;
			right: 0;
			top: -10px;
			left: auto;
		}
		
		.respond .post-options .post-settings h5:before { right: 15px;}
		.respond .post-options .emoticons h5:before { right: 45px; }
		
		.respond .post-options .post-settings .instruction {
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		.respond .post-options .post-settings a + br { display: none; }
	}
	

/* ============================================================== */
/* Mobile Only -- less than 640 */

	@media only screen and (max-width: 679px)  {
		
		.tablet, .desktop { display: none; }
		.mobile { display: block; }
				
		footer.page .bot p {
			font-size: 0.813em;
			text-align: center; 
		}
		
		header.page { position: relative;}
		
		header.page .bar {
			position: absolute;
			z-index: 1;
			height: 34px;
			width: 100%;
			top: 70px;
		}
		
		header.page .top-right { position: absolute; }
		
		header.page .top-right, .header .social {
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		header.page .search {
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			}
		
		header.page .searchbox {
			display: block;
			width: 100%;
			border: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			top: 33px;
			}
		
		header.page .top-right { }
		header.page .searchbox { display: none; }
		
		.searchbox label.errors {
			display: none;
		}
		
		.searchbox label.errors.show {
			display: block;
			position: relative;
			top: auto;
			left: auto;
			font-size: .75em;
			padding: 4px;
			text-align: center;
			margin: 6px 0 0;
		}
		
		header.page .mobile-buttons {
			display: block;
			position: absolute;
			z-index: 101;
			right: 0;
			top: 70px;
			text-align: right;
			width: auto;
			}
			
		header.page .mobile-buttons a:first-child { border-left: 1px dotted; }
		header.page .mobile-buttons a {
			background-image: url('img/sprite-icons.png');
			width: 24px;
			height: 24px;
			padding: 5px 5px;
			display: inline-block;
			border-right: 1px dotted; 
			}
		
		header.page .mobile-buttons .profilebtn {
			background-position: -187px 5px;
		}
		
		header.page .mobile-buttons .searchbtn {
			background-position: -168px 5px;
			margin-right: 4px;
			}
		
		nav.page.mobile {
			width: 100%; 
			position: absolute;
			z-index: 100;
		}
		
		nav.page.mobile ul.primary { display: none; }
		
		header.page { height:104px; }
		
		nav.page.mobile ul { margin: 6px 0px 0; }
		nav.page.mobile ul.sub-menu { margin: 0; padding-top: 6px;  }
		nav.page.mobile ul.sub-menu ul.sub-menu { padding-top: 2px;}
		
		nav.page.mobile .main-nav li a {
			display: inline-block;
			height: 34px;
			line-height: 10px;
			padding: 12px 16px;
			font-size: 0.875em;
			margin-left: 4px;
			margin-right: 4px;
		}
		
		nav.page.mobile .sub-menu li {
			margin-bottom: 2px;
			display: block;
		}
	
		nav.page.mobile .sub-menu li a {
			padding: 10px 10px;
			height: 30px;
			display: block;
			font-weight: normal;
			text-transform: none;
			font-size: 0.875em;
			padding: 12px 16px;
			line-height: 10px;
			border: none;
		}
	
		/* Current Selection Styles */
		nav.page.mobile .sub-menu li.current-menu-item a,
		nav.page.mobile .sub-menu li.current-menu-ancestor a { background-color: #333; color: #666; }
		.theme nav.page.mobile .sub-menu li.current-menu-item a.active,
		.theme nav.page.mobile .sub-menu li.current-menu-ancestor a.active { color: #fff; }
		.theme nav.page.mobile .sub-menu li.current-menu-item a:hover,
		.theme nav.page.mobile .sub-menu li.current-menu-ancestor a:hover { background-color: #555; color: #999; }
		nav.page.mobile .sub-menu li.current-menu-ancestor li.current-menu-item a,
		nav.page.mobile .sub-menu li.current-menu-ancestor:hover li.current-menu-item a { color: #666; background-color: #222; }
		.theme nav.page.mobile .sub-menu li.current-menu-ancestor li.current-menu-item a:hover { background-color: #333; }
		nav.page.mobile .sub-menu li.current-menu-ancestor a.has-children:after,
		nav.page.mobile .sub-menu li.current-menu-ancestor.menu-item-has-children a:after { background-color: #555; }
		
		
		nav.page.mobile .sub-menu li li a { padding-left: 20px; }
		nav.page.mobile .sub-menu li a:before { content:"\00BB"; padding-right: 6px;}
		nav.page.mobile .sub-menu li li a:before { content:"\2014"; }
		nav.page.mobile .sub-menu li:hover .sub-menu { display: block; }
		nav.page.mobile .sub-menu li li a:hover { color: #fff !important; }
		
		header.page nav.page li a.has-children,
		header.page nav.page li.menu-item-has-children a { padding-right: 54px; }
		
		nav.page li a.has-children:after,
		nav.page li.menu-item-has-children a:after {
			top: 11px;
			vertical-align: middle;
			height: 12px;
			background-position: -30px -6px;

		}
		
		nav.page.mobile li.social {
			background-color: black;
			text-align: right;
		}
		
		nav.page.mobile li.social a:before { content: ""; }
		nav.page.mobile li.social a {
			display: inline-block;
			height: 28px;
			width: 28px;
			border-right: none;
			padding: 0;
			}
			
		nav.page.mobile li.social:hover a { background-color: transparent }
			
		.theme nav.page.mobile li li.social:hover a { background-color: transparent; }
		
		.social .fb { background-position: -46px 2px;	}
		.social .tw { background-position: -70px 2px; }
		.social .rss { background-position: -94px 2px; }
		.social .tu { background-position: -215px 2px; }
		.social .yt { background-position: 1px -22px; }
		.social .gp { background-position: -23px -22px; }
		
		nav.page.mobile li.social { padding-right: 6px;}
		nav.page.mobile li.social a { margin: 0 2px;}
	
	/* ------------------------ */
	/* Footer */		
	
		footer.page .bar {
			height: 32px;
		}
	
		nav.page .totop a {
			font-size: .875em;
			line-height: 1em;
			vertical-align: bottom;
			display: inline-block;
			height: 32px;
			padding-top: 8px;
		}
		
		.theme-switcher {
			height: 22px;
		}
		
		.theme-switcher a {
			width: 20px;
			height: 20px;
		}
		
		.theme-switcher a.active {
			background-position: -146px -3px;
		}
		
	/* ------------------------ */
	/* Comic */
	
		header.comic a.title {
			width: 100%;
			text-align: center;
			margin-bottom: 6px;
		}
		
		header.comic h1 {
			font-size: 1.25em;
		}
		
		header.comic time {
			display: block;
			font-size: .813em;
		}
	
		header.comic nav.comic {
			display: none;
		}
		
		footer.comic {
			padding: 0;
		}
		
		footer.comic nav.comic {
			float: none;
			margin: 10px auto 10px;
			width: 312px;
		}
		
		nav.comic .mobile { display: block; }
		
		footer.comic nav.comic .bottom li a { margin-right: 0; }
		footer.comic nav.comic .bottom .comments,
		footer.comic nav.comic .bottom .share { margin-right: 4px;}
		
		footer.comic nav.comic a.active {
			opacity: 1;
		}
		
		.comic nav.social:before {
			content: "";
			border: 10px solid transparent;
			border-bottom-color: #aaa;
			height: 0px;
			position: absolute;
			left: 40%;
			left: calc(50% - 146px);
			top: -20px;
		}
		
		.comic nav.social {
			float: none;
			width: 100%;
			display: none;
			background-color: #aaa;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-shadow:  0px 2px 8px -1px rgba(0,0,0,.5);
			position: absolute;
			top: 70px;
			left: 0;
		}
		
		.comic nav.social ul {
			margin: 0;
			padding: 10px;
		}
		
		.comic nav.social li {
			opacity: 1;
			float: none;
			display: block;
			margin: 0 0 5px;
			width: 100%;
			
		}
		
		.comic nav.social li a {
			display: block;
			font-size: 0.813em;
			height: 26px;
			padding: 8px 8px 8px 40px;
			transition: none;
			border-radius: 0;
		}
		
		.comic nav.social li a:before {
			width: 32px;
			height: 26px;
			background-size: 186px 23px;
			transition: none;
			border-radius: 0;
		}
		
		.comic nav.social .reddit	 a { background-color: #ff7f00; }
		.comic nav.social .share	 a { background-color: #3b5998; }
		.comic nav.social .tweet	 a { background-color: #4099ff; }
		.comic nav.social .stumble a { background-color: #eb4823; }
		.comic nav.social .gplus	 a { background-color: #dd4b39; }
		.comic nav.social .email	 a { background-color: #888888; }
	
		.comic nav.social .reddit	 a:before	{ background-position:   0px bottom; }
		.comic nav.social .share	 a:before	{ background-position: -30px bottom; }
		.comic nav.social .tweet	 a:before	{ background-position: -61px bottom; }
		.comic nav.social .stumble a:before	{ background-position: -92px bottom; }
		.comic nav.social .gplus	 a:before	{ background-position: -123px bottom; }
		.comic nav.social .email	 a:before	{ background-position: -155px bottom; }
		
		.comic nav.social .reddit	 a:before	{ background-color: #e47200; }
		.comic nav.social .share	 a:before	{ background-color: #273c68; }
		.comic nav.social .tweet	 a:before	{ background-color: #2f79ce; }
		.comic nav.social .stumble a:before	{ background-color: #cf3f1e; }
		.comic nav.social .gplus	 a:before	{ background-color: #b63b2c; }
		.comic nav.social .email	 a:before	{ background-color: #777777; }
	
		.comic nav.social li.fblike {
			display: inline-block;
			width: 100%;
			text-align: center;
			margin: 0 auto;	
		}
		
	/* ------------------------ */
	/* Blog Posts */

		.blogroll .support {
			background-image: none;
			border-radius: 0;
			display: table;
			width: 100%;
			padding: 0;
			height: 80px;
			overflow: hidden;
		}
		
		.blogroll .support:before {
			left: -10px;
		}
		
		.blogroll .support .link {
			padding: 0 0 0 200px;
			display: table-cell;
			vertical-align: middle;
		}
		
		.blogroll .support .link,
		.blogroll .support .link:before,
		.blogroll .support .link:after {
			background: none;
		}
.blogroll > a.support + h2.section { top: 0;}
		.blogroll .support .link .subtitle { display: none; }

		.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
			margin: 1em 0 .75em;
		}
		
		.post h1.title {
			font-size: 1.375em;
			line-height: 1.25em;
			text-align: center;
			margin-bottom: 10px;
		}
		
		article.post {
			padding: 25px 15px 20px 15px;
			font-size: 1.125em;
			line-height: 1em;
		}
		
		.post p {
			padding-right: 0;
		}
		
		.post img { max-width: 100%; }
		
		.post .body li {
			margin: .25em 0 ;
		}
		
		.post .body ol, .post .body ul {
			padding-bottom: .5em;
		}
	
		.post header, .post footer {
			text-align: center; 
		}
	
		.post .meta {
			float: none; 
			width: 100%;
			display: inline-block; 
			margin: 0 auto;
			text-align: center;
		}
		
		.post .meta a {
			display: inline-block;
		}
		
		.post .meta-bottom-right {
			margin-top: 10px;
		}
		
		.post .meta-bottom-right .icon {
			float: left;
			margin-left: 0;
			margin-right: 6px; 
		}
		.blogroll > a.support + header + h2.section,
		.blogroll > h2.section {
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			top: 0;
			left: 70%;
			left: calc(100% - 110px);
			position: relative;	
		}
		
		.blogroll > h2.section:before {
			border: none;
			border-top: 22px solid ;
			border-left: 22px solid transparent;
		}
		
		.blogroll > h2.section:after {
			border: none;
			border-top: 22px solid ;
			border-right: 22px solid transparent;
		}		
		.blogroll > header .cols-2 > div,
		.blogroll > footer .cols-2 > div,
		.comments > footer .cols-2 > div {
			width: 100%; 
		}
		
		.comments > footer .right .button,
		.blogroll > header .left .button,
		.blogroll > footer .left .button,
		.blogroll .new-comment.button {
			width: 100%;
			text-align: center;
			font-size: 1em;
			padding: 16px 0;
			margin-bottom: 8px;
		}
		
		.blogroll > header .pager,
		.blogroll > footer .pager { 
			display: none;
		}
		
		.mobile-pager {
			text-align: center;
		}
		
		.mobile-pager .pages {
			display: inline-block;
			width: 50%;
			font-size: 0.75em;
			line-height: 2.5em;

			font-family: Verdana, Arial, sans-serif;
			color: #999;
			text-transform: uppercase;
			text-align: center;
		}
		
		.mobile-pager a {
			font-size: 1.125em;
			font-weight: bold;
			display: inline-block;
			width: 20%;
			text-align: center;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		.mobile-pager a.inactive:hover,
		.mobile-pager a.inactive:active,
		.mobile-pager a.inactive {
			background-color: #c2c2c2;
			border-color: #c2c2c2;
			top: 0;
			left: 0;
		}
		
		.mobile-pager a.prev {
			float: left;
		}
		.mobile-pager a.next {
			float: right; 
		}
		
	/* ------------------------ */
	/* Sidebar */		
		
		aside.sidebar {
			width: 100%;
			background-color: #686868;
		}
		
		.sidebar .mobile .ad {
		width: 320px;
			/*	height: 50px;*/
			margin: 5px auto;
			display: block;
		}
		
		.sidebar > .featured {
			display: none; 
		}
		
		.wrap-top .container {
			position: static;
		}
		
		.sidebar .login {
			position: absolute;
			top: 104px;
			width: 100%;
			background-image: none;
			background-color: #222;
			z-index: 6000;
			display: none;
		}
		
		.sidebar .login .fields {
			position: relative;
			padding: 10px 7px;
		}
		
		.sidebar .login h1 {
			display: none; 
		}
		.sidebar .login > .logged-out,
		.sidebar .login .logged-out .fields {
			background: none;
		}

		.sidebar .login .text {
			height: 29px;
			font-size: 0.875em;
			line-height: 1.25em;
			margin-bottom: 10px;
		}
		
		.sidebar .login .username {
			width: 100%;
		}
		
		.sidebar .login .password {
			width: 50%;
			float: left;
			margin-bottom: 46px;
		}
		
		.sidebar .login .submit {
			position: absolute;
			margin: 0;
			width: 100%;
			width: calc(100% - 14px);
			top: 87px;
			left: 7px;
			height: 30px;
			font-size: .875em;
		}
		
		.sidebar .login .rememberme {
			float: left;
			clear: none;
			color: #fff;
			font-size: 0.689em;
			width: 45%;
			width: calc(50% - 5px);
			box-sizing: border-box;
		}
		
		.sidebar label.errors {
			display: none;
			font-size: .75em;
			padding: 4px;
			text-align: center;
			bottom: -40px;
			top: auto;
			left: 7px;
			right: 7px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		.sidebar label.errors.show { display: block;}
		.sidebar label.errors.show + .rememberme { margin-bottom: 85px; }

		.theme .sidebar .login .bar {
			background-color: transparent;
			border: none;
			padding: 0 7px;
		}

		.sidebar .login .bar {
			height: auto;
			clear: left;
			font-size: 0.814em;
			line-height: 1.8em;
		}

		.sidebar .login .bar > a {
			border: none;
			float: none;
			display: block;
			font-family: 'Montserrat', sans-serif;
			-webkit-font-smoothing: antialiased;
			height: 29px;
			margin-bottom: 4px;
			width: 100%;
		}
		.sidebar .login .bar > a:after {
			content: " \00BB";
		}
		
		
		/* Sidebar - Logged In */
		
		.sidebar .login .logged-in .bar a,
		.sidebar .login .logged-in .bar a:last-child {
			border: none;
		}
		
		.sidebar .login .logged-in {
			margin: 7px;
			background-color: #222;
			background-position: right bottom;
		}

		.sidebar .login .logged-in .fields {
			margin-bottom: 5px;
			height: auto;
		}
		
		
		.sidebar .login .logged-in h1 {
			display: block;
			font-size: 1.125em;
		}
		
		.sidebar .login .logged-in .avatar {
			bottom: 0;
		}
		
		.sidebar .login .logged-in .bar {
			padding: 0;
		}
		
		.sidebar .login .logged-in .usertitle,
		.sidebar .login .logged-in .stats {
			font-size: .813em;
		}
		
		.sidebar .login .logged-in .stats:after {
			content: "";
			display: block;
			clear: both;
		}
		
		/* ------------------------ */
		/* Comments */
		
		.comments > header .left {
			width: 100%;
			text-align: center;
			font-size: 1.15em;
			float: none;
		}
		
		.cols-2 > div {
			width: auto;
		}
		
		
		.comments > header .left h2 { margin-bottom: 6px;  }
		.comments > header .pager { display: none; }
		.comments > header .mobile-pager  { margin: 10px auto 0;  }
		.comments .mobile-pager { width: 100%;}
		
		.comment > header { padding-right: 0; }
		
		.comment .postbit {	width: 100%;	float: none; }
		.comment .avatar { float: left; display: block; }
		
		.comment .postbox { background-position: 0 -10px;  }
		.comment .postbit { }
		
		.comment .postbit .badge {
			margin-top: 20px;
			max-height: 50px;
			height: 50px;
			font-size: 1.25em;
			float: right;
			width: 60%;
			width: calc(100% - 120px);
			padding-top: 8px;
		}
		
		.comment .respond .postbit .badge { margin-top: 10px;	}
		.comment .respond .badge .username { margin-top: 0; }
		
		.comment.role-guest > .postbox > .postbit .badge {
			height: 30px;
			margin-top: 33px;
		}
		
		.comment .postbody {
			clear: both;
			width: 100%;
			float: none;
			font-size: 1em;
			min-height: 10px;
			height: auto;
			padding-bottom: 30px;
			
		}
			
		.comment.depth-2 .postbody,
		.comment.depth-3 .postbody,
		.comment.depth-4 .postbody,
		.comment.depth-5 .postbody { width: 100%; }
						
		.comment.depth-1 .respond .inputs { width: calc(100% - 20px); }
						
		.comment ul.children {
			padding-left: 10px;
		}		
		
		.comment > header .buttons a { display: none; }	
		
		.comment .mobile.reply {
			font-size: 1.25em;
			line-height: 1em;
			text-align: center;
			height: 20px;
			margin-top: 40px;
			opacity: 0.5;
			padding: 0;
			display: block;
			height: auto;
		}
		
		.comment .mobile.reply:hover { opacity: 1;  }
		
		.comment .mobile.reply a { color: #fff !important; text-decoration: none; display: block; padding-top: 8px; padding-bottom: 8px; }
		.comment.role-administrator > .postbox .mobile.reply {
			color: #fff;
			background-color: #cc00cc;
			border: none;
		}
		
		.comment.role-administrator > .postbox .mobile.reply:hover {
			color: #fff;
			background-color: #ff00ff; }
			
			
		section > header h2 { font-size: 1.125em; text-align: center;  }
			
		.respond header { margin-bottom: 20px; }
		.respond { background-position: 0 43px; }
			
		.respond .inputs {
			margin: 0 10px;
			width: calc(100% - 20px);
			float: none;
			clear: both;
		}
		
		.respond .avatar {
			float: left; 
		}
		
		.respond .badge {
			float: right;
			clear: right;
			width: calc(100% - 130px);		
			margin: 30px 10px 0;	
			font-size: 1.25em;
			height: 54px;
			max-height: none;
		}
		
		.respond .badge .username { margin-top: 3px}
		
		.respond .guest .badge {
			margin: 16px 10px 0 0;
			height: 30px;
			text-align: center;
			font-size: 1em;
		}
		
		 .respond .badge + .badge {
			 margin: 3px 10px 0 ;
		 }
				 
		 .respond .badge .gray { display: none; }
		 .respond .rank {
		 		font-size: .813em;
		 		margin: 1px 0 0 
		 	}
		 
		
		.respond .postbit { float: none;	width: 100%; }
		.respond label { display: block; }
		
		
		
		.respond .field,
		.respond .email,
		.respond .url {
			float: none;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		
		.respond label:after { top: 10px; right: 10px; }
		
		.respond .text { height: 36px; }
		
		.respond .text,
		.respond textarea {
			font-size: 0.983em;
			border-radius: 4px;
			margin-bottom: 10px;
		}
		
		.comment .postbody:before, .respond .input-comment:before { display: none; }
		
		.respond .submit {
			height: 40px;
			width: 100%;
			margin-top: 0;
			margin-bottom: 60px;
		}
	
		.respond .post-options { top: -10px; }
	
		.respond label.errors {
			font-size: .75em;
			padding: 4px;
			text-align: center;
			box-shadow: none;
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			left: auto;
			margin-top: 4px;
		}
	
	/* Comic Archive Page */
	
	.comic-archive { font-size: 1.125em;}
		.comic-archive .columns ul {
			width: 100%;
		}
	
		.comic-archive .columns a .col {
			
		}
		
		
		.comic-archive .columns li .left { width: 18%; }
		.comic-archive .columns li .mid { width: 12%; }
		.comic-archive .columns li .right { width: 64%; }
	}
	
	
	
	

/* ============================================================== */
/* Tablet -- 640 and up */
	
	@media only screen and (min-width: 680px) {
		header.page { padding-bottom: 10px; }
		
		.mobile-buttons { display: none; }
		
		nav.page ul { margin: 0 10px; }
		
		nav.page li  { float: left; height: 24px; }
		nav.page li li { float: none; }
		
		nav.page ul.sub-menu { position: absolute; }
		
		header.page nav.page li a  {
			height: 24px;
			line-height: 10px;
			padding: 6px 10px 2px;
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
		}
			
		nav.page li a.home,
		.main-nav > li:first-child a {
			font-size: 0;
			line-height: 0;
			width: 38px;
			background-image: url('img/sprite-icons.png');
			background-position: 6px -2px;
		}
		
		nav.page li:hover ul.sub-menu { opacity: 1; transition: opacity .3s ease; visibility: visible; }
		
		nav.page ul.sub-menu {
			opacity: 0;
			visibility: hidden;
			display: block;
			margin: 0 0 0 0;
			border-top: none;
			position: absolute;
			top: 24px;
			z-index: 1;
			padding: 6px 5px;
			transition: opacity 1s ease;
			transition-property: opacity, visibility;
			box-shadow: 3px 3px 0px 0px rgba(0,0,0, 0.3);
		}
		
		nav.page ul.sub-menu li {
			margin-top: -15px;
			transition: margin 1s ease;
		}
		
		nav.page li:hover ul.sub-menu li {
			margin-top: 0;
			transition: margin .3s ease;
		}
		
		nav.page ul.sub-menu li a {
			text-transform: none;
			font-weight: normal;
		}
		
		nav.page ul.sub-menu li a:before {
			content: "\00BB"; 
			padding-right: 6px;
		}
		
		
		/* Current Selection Styles */
		.theme nav.page li.current-menu-item a, .theme nav.page li.current-menu-item:first-child a,
		.theme nav.page li.current-menu-ancestor a { background-color: #333;  border-top-color: #333; border-bottom-color: #333; }

		.theme nav.page li.current-menu-ancestor li a { background-color: transparent; }
		.theme nav.page li.current-menu-ancestor a.has-children:after,
		.theme nav.page li.current-menu-ancestor.menu-item-has-children a:after { background-color: #555; }

		.theme nav.page li.current-menu-ancestor li.current-menu-item a, 
		.theme nav.page li.current-menu-ancestor li.current-menu-item a:hover  { background-color: #222; color: #888; font-style: italic; }
		.theme nav.page li.current-menu-ancestor li.current-menu-item a:before { content: "\203A "; }


		header.page .top-right {
			position: absolute;
			right: 0;
		}
		
		header.page .searchbox .search {
			border: none;
		}
		

		.social { text-align: right; }
		.social a { display: inline-block; width: 24px; height: 24px; padding: 0 1px; }

		.social .fb { background-position: -47px 0px;	}
		.social .tw { background-position: -71px 0px; }
		.social .rss { background-position: -95px 0px; }
		.social .tu { background-position: -215px 0px; }
		.social .yt { background-position: 0 -24px; }
		.social .gp { background-position: -24px -24px; }
		.social .ig { background-position: -47px -24px; }
		 
	}
	
	@media only screen and (min-width: 680px) and (max-width: 757px){
		
		header.page .top-right {
			top: 43px;
		}
		
		header.page .social { 	}
		
		.sidebar .login .rememberme {
			height: 30px;
			width: 84px;
			position: relative;
			top:-14px;
			left: 6px;
			background-color: rgba(0,0,0,.7);
			text-shadow: 1px 1px 7px rgba(0, 0, 0, 1);
			border-radius: 4px;
		}
		.sidebar .login .rememberme label {
			float: left;
			width: 55px;
			text-align: right;
		}
		
		.sidebar .login .rememberme input {
			float: left; 
			position: relative;
			top: 10px;
		}
		
		.sidebar .login > div {
			background-position: right bottom; 
			background-position: right calc(100% - 4px);
		}
		
		.sidebar .login .bar {
			 position: relative;
			 top: -4px;
		}
	}
	
	@media only screen and (min-width: 758px)  and (max-width: 999px) {
		header.page .ad {
			display: block;
			margin: 10px;
			background-color: #222222;
			width: 728px;
			height: 90px;
		}
		header.page .top .left a {
			position: absolute;
			top: 100px;
		}
		
		header.page .top-right { top: 139px; right: 0;}
	}
	
/* ============================================================== */
/* Tablet Only -- between 640 and 980 */	

	@media only screen and (min-width: 680px) and (max-width: 999px)  {
		.mobile, .desktop { display: none; }
		.tablet { display: block; }
	
		header.page .top .left a {
			float: none;
		}
	
		#thecomic { }
		
		aside.sidebar { float: left; }
	
		header.page .ad {
			margin-bottom: 46px;
		}
		
		.social .social-icon { display: inline-block; }		
		.social .searchbtn { }
		header.page .top-right .searchbtn {
			border-top: 1px solid;
			border-bottom: 1px solid;
			height: 22px;
			background-position: -173px -1px;
			}
		
		header.page .searchbox.desktop,
		.sidebar > .featured {
			display: none;
		}
		
		.searchbox label.errors {
			left: 90px;
			right: 90px;
			top: -15px;
		}
		
	/* ------------------------ */	
	/* Comic */
	
		header.comic a.title {
			width: 80%;
			width: calc(100% - 188px);
		}
		
		footer.comic {
			padding: 10px ;
		}
		
		footer.comic nav.social {
			width: 50%;
			width: calc(96% - 280px);
		}
		
		.comic nav.social ul { margin-top: 0;}
		.comic nav.social li { margin-bottom: 4px; }


		.blogroll { overflow-x: hidden; }

	/* ------------------------ */
	/* Sidebar */		 
		 
		 .sidebar {
			 width: 100%;
			 background-color: #686868;
		 }
		 
		 .sidebar .tablet {
			 padding: 10px 9px 0 9px;
			 float: left;
		 }
		 
		 .sidebar .tablet .ad {
			 width: 320px;
			 height: 50px;
			 background-color: #222222;
			 margin-bottom: 10px;
		 }
		 
		 .sidebar .login {
		   width: calc(100% - 350px);
		   height: 110px;
		   box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 float: left;
			 background: #313131;
			 margin: 10px 10px 0 0;
			 border-radius: 0;
			 padding-bottom: 4px;
		 }
		 
		 .sidebar .login > div {
			 background-position: right -12px;
		 }
		 
		 .sidebar .login .fields {
			 height: 70px;
		 }
		 
		 .sidebar .login h1 {
			 margin-bottom: 6px;
		 }
				 
			.sidebar .login .rememberme {
				float: left;
				clear: none;
				color: #fff;
				padding: 4px 0 2px 6px;
			}
		 
		 .sidebar .login .bar {
			 clear: left;
		 }

	/* Sidebar Logged-in */
	
		.sidebar .login .logged-in .fields {
			padding-left: 20px;
		}
	
		.sidebar .login .logged-in .usertitle,
		.sidebar .login .logged-in .stats {
			font-family: Raleway, 'Arial Narrow', sans-serif;
			font-size: 0.813em;
		}
		
		.sidebar .login .logged-in .usertitle {
			float: left; 
			display: inline;
			margin: 5px 40px 0 0;
			font-weight: bold;
		}
		
		.sidebar .login .logged-in .stats {
			padding: 5px 0 0;
		}
		
		.sidebar .login .logged-in .stats > span {
			text-transform: none;
			margin-bottom: 3px;
		}


		.sidebar .login .logged-in .stats .left {
			clear: none;
			width: auto;
			padding-right: 6px;
			font-weight: bold;
		}
		
		.sidebar .login .logged-in .stats .label-posts {
			clear: left;
		}
		
		.sidebar .login .logged-in .stats .posts {
			padding-right: 40px;
		}
		 
		/* ------------------------ */
		/* Comments */
		
		.comment .postbody, 
		.comment.depth-2 .postbody,
		.comment.depth-3 .postbody,
		.comment.depth-4 .postbody,
		.comment.depth-5 .postbody { width: calc(100% - 190px); }
			
		.comment .postbody { font-size: .875em; }

		/* ------------------------ */
		/* Respond */
		
		.comment.depth-1 .respond .inputs { width: calc(100% - 190px ); }
		
				
		.respond .inputs {
			width: calc(100% - 220px);
		}





	}
	
	
/* ============================================================== */
/* Wider than 980 */	


  @media only screen and (min-width: 1000px) {
  
  	.tablet, .mobile { display: none; }
  	.desktop { display: block; }
  
		.theme .searchbox input:-webkit-autofill + .submit { background-color: #babf7b;}

  
  	/* ------------------------ */
		/* Wrap Structure */  
		.wrap-top{
			padding-bottom: 180px;
			background-color: #d9d9d9;
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), -moz-linear-gradient(top,  #bababa 0%, #d9d9d9 70%);
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(70%,#d9d9d9));
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), -webkit-linear-gradient(top,  #bababa 0%,#d9d9d9 70%);
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), -o-linear-gradient(top,  #bababa 0%,#d9d9d9 70%);
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), -ms-linear-gradient(top,  #bababa 0%,#d9d9d9 70%);
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), linear-gradient(to bottom,  #bababa 0%,#d9d9d9 70%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#d9d9d9',GradientType=0 );
			background-image: url('img/sprite-bg-header.png'), url('img/sprite-bg-header.png'), linear-gradient(to bottom,  #bababa 0%,#d9d9d9 70%);
		}	  
		.wrap-mid{
			background-image: url('img/sprite-bg.png'), url('img/sprite-bg.png');
			background-repeat: no-repeat;
			padding-top: 380px;	
			margin: -540px auto 0;
		}

		
		
		/* ------------------------ */
		/* Header */
		
		header.page { border-radius: 0 0 4px 4px; }
		header.page .top { height: 110px; }	
		header.page .logo { padding: 8px 9px; }
		header.page .top .left { float: left; }

		header.page .top .left a{
			float: left;
		}		
		
		header.page .ad {
			display: block;
			float: left;
			margin: 10px 0;
			background-color: #222222;
			width: 728px;
			height: 90px;
		}
		
		.inner {
			position: relative;
			z-index: 2;
			height: 22px;
			/*width:30px;
			border-top: 1px solid #333333;
			border-bottom: 1px solid #333333;
			background-color: #333333;*/
			}
			
		header.page .top-right {  margin-top: 0; }
		header.page .top-right .searchbtn { display: none; }
		
		/* ------------------------ */
		/* Navigation */
		
		header.page nav { width: 720px; }	
	
	
		/* ------------------------ */
		/* Desktop Search */
			
		.social .social-icon { display: inline-block; }	
			
		header.page .searchbox {
			display: inline-block;
			vertical-align: top;
			position: relative;
			left: 0;
			top: 0;
			background-color: transparent;
			padding: 1px 4px;
			border-left: 1px dotted;
			}
			
		header.page .search {
			width: 130px;
			height: 20px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			color: #fff;
			font-size: 0.689em;
			display: block;
			margin-top: 1px;
			padding: 0 20px 0 8px;
		}
		
		header.page .search::-webkit-input-placeholder {
			font-family: Raleway, 'Arial Narrow', sans-serif;
			padding: 1px 0;
			font-weight: bold;
			font-style: italic;
			text-transform: uppercase;
		}
		
		header.page .search:-moz-placeholder{
			font-family: Raleway, 'Arial Narrow', sans-serif;
			padding: 1px 0;
			font-weight: bold;
			font-style: italic;
			text-transform: uppercase;
		}
		
		header.page .search::-moz-placeholder{
			font-family: Raleway, 'Arial Narrow', sans-serif;
			padding: 1px 0;
			font-weight: bold;
			font-style: italic;
			text-transform: uppercase;
		}
		
		header.page .search:-ms-input-placeholder{
			font-family: Raleway, 'Arial Narrow', sans-serif;
			padding: 1px 0;
			font-weight: bold;
			font-style: italic;
			text-transform: uppercase;
		}
		
		header.page .searchbox .submit {
			height: 20px;
			width: 20px;
			border: none;
			background-color: transparent;
			background-image: url('img/sprite-icons.png');
			background-position: -176px -2px;
			position: absolute;
			top: 2px;
			right: 6px;
			font-size: 0;
		}
			
		/* ------------------------ */
		/* Body */	
		
		.main .content { border-radius: 4px 4px 0 0;}
		
		aside.sidebar { width: 320px; }
		
		
		/* ------------------------ */
		/* Footer */
		
		footer.page { min-height: 102px; }
		header.page .top-right { top: 110px; right: 20px; }
		

  }
	
/* ============================================================== */
/* Wider than 980 less than 1440 */

  @media only screen and (min-width: 1000px) and (max-width: 1439px) {
		/* ------------------------ */
		/* Wrap Structure */  

		.wrap-all { min-width: 980px; }
	  .wrap .container { width: 980px; }
		.wrap .container.main { width: 960px; }	
		.wrap-top{ background-position: calc(50% - 954px) top, calc(50% + 954px) top, 0 0; }
		.wrap-mid{ background-position: calc(50% - 1130px) 0, calc(50% + 792px) 0; }
		
		.no-comic .wrap-mid { background-position: calc(50% - 1130px) 101px, calc(50% + 792px) 101px; }
		
		/* ------------------------ */
		/* Header */
		
		header.page { width: 960px; }
		
		#thecomic.width-reg {
			width: 980px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#thecomic.width-full > .comic {
			width: 960px; margin-left: auto;
			margin-right: auto;
		}
		
		#thecomic.width-full > .comic-area { width: 100%; display: block; }
		
		.main { background-color: #454545; border-radius: 4px 4px 0 0;}
		
		.main .content {
			float: left;
			width: 640px;
			min-height: 1040px;
			border-top-right-radius: 0;
		}

		aside.sidebar {
			float: right;
			margin: 20px 10px 0 0;
		}
		
  }
  
/* ============================================================== */
/* Wider than 1440 */
  
	@media only screen and (min-width: 1440px) {
		/* ------------------------ */
		/* Wrap Structure */  
		.wrap-all { max-width: 2240px; margin: 0 auto; }
		.wrap .container { width: 1340px; }
		.wrap .container.main { width: 1340px; }

		.wrap-top{ background-position: calc(50% - 1126px) top, calc(50% + 1126px) top, 0 0; }
		.wrap-mid { background-position: calc(50% - 1300px) 0, calc(50% + 950px) 0; }
		.no-comic .wrap-mid { background-position: calc(50% - 1300px) 92px, calc(50% + 950px) 92px; }

		.wrap-top .container { z-index: 40; }
		
		/* ------------------------ */
		/* Header */
		
		header.page { width: 1320px; }
		header.page .ad { margin-left: 10px; }
				
		#thecomic.width-reg { width: 1340px; margin-left: auto; margin-right: auto; }
		#thecomic.width-reg > .comic { width: 960px; }		
		#thecomic.width-reg > .comic-area { width: 980px; }
		
		#thecomic.width-full > .comic { width: 1340px; margin: 0 auto; }
		#thecomic.width-full > .comic-area { width: 100%; display: block; }
		
		
		.main .content {
			width: 960px;
			float: left;
			margin-left: 10px;
			min-height: 500px;
		}
		
		.no-comic .main .content {
			min-height: 932px;
		}
		
		footer.page {
			width: 960px;
			margin-left: 10px;
			clear: both;
		}
		
	/* if there is no comic, just float the sidebar to the right  */
		.no-comic aside.sidebar {
			float: right;
			position: relative;
			margin-top: -144px;
		}
		
		.no-comic .sidebar .login {
			left: 0px;
		}
		
	/* pull the sidebar up next to the comic if it's not a full width strip */
		#thecomic.width-reg + .container { position: static; }
		
		#thecomic.width-reg + .container .sidebar {
			position: absolute;
			width: 300px;
			top: 0px;
			right: calc(50% - 660px);
			z-index: 443;
		}
		
	/* if it's a full-width strip, push the sidebar down below the comic div */
		#thecomic.width-full + .container .sidebar {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 443;
		}
		
		#thecomic.width-full + .container .sidebar .login + .desktop.ads { margin-top: -10px; }
		header.page .top-right { top: 110px; right: 380px; }
		
		
		/* ------------------------ */
		/* Blog Posts */
		
		.blogroll .support { border-top-right-radius: 4px; }

		
		.post header { clear: both; }
		
		.post .body {
			width: 660px;
			float: left;
		}
		
		.post.full-width .body {
			width: 100%;
		}
		
		.post footer {
			width: 200px;
			float: right;
			border-top: 0;
			margin-top: 0;
		}
		
		.post footer > .meta {
			float: none;
			width: 100%;
			text-align: left;
		}
		
		.post footer:after {
			display:block;
			height: 0;
			clear: both;
		}
		
		.post h1.title {
		}
		
		.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
			margin: 1em 0 .75em;
		}
		
		.post {
			font-size: 1.125em;
			line-height: 1em;
		}
		
		.post .body li {
			margin: .25em 0 ;
		}
		
		.post .body ol, .post .body ul {
			padding-bottom: .5em;
		}
		
		.post .meta {
		}
		
		.post .meta-bottom:after {
			content: "";
			display: block;
			height: 0;
			clear: both; 
		}
		
		.post .meta-bottom .icon {
			float: left; 
		}
		
		.post .meta-bottom .icon {
			margin-left: 0;
			margin-right: 15px;
		}
		
		ul.link-list {
			float: left;
			margin: 0 0 20px;
		}
		
		ul.link-list > li {
			display: block;
			margin-bottom: 2px;
		}
		
		/* ------------------------ */
		/* Sidebar */
		
	
		.sidebar .login {
			box-shadow: none;
			border-top-right-radius: 0;
			height: 144px;
			position: relative;
			z-index: 5000;
			top: 0;
			left: -10px;
			width: 310px;
			border-radius: 0 0 4px 4px;
			background: none;
			margin-bottom: 40px;
			
		}
		
		.sidebar.width-full {
			margin-top: 20px;
		}
		
		.sidebar.width-full .login {
			position: absolute;
			left: 0px;
		}
		
		.theme .sidebar .login .bar {
			height: 22px;
			padding: 0 6px;
			display: block;
			position: absolute;
			width: 100%;
			box-sizing: border-box;
			bottom: 12px;
			background-color: transparent;
			border-color: transparent;
			z-index: 2000;
		}
		
		.sidebar .login .bar a {
			height: 24px;
			padding: 6px 9px;
		}
		
		.sidebar .login > div {
			position: relative;
			height: 100%;
			background-position: right 10px;
		}
		
		.sidebar .login .logged-in .avatar {
			bottom: 34px;
		}
		
		/* ------------------------ */
		/* Comments */
		
		.comment .postbody { width: 770px; }
		.comment.depth-2 .postbody { width: 750px; }
		.comment.depth-3 .postbody { width: 730px; }
		.comment.depth-4 .postbody { width: 710px; }
		.comment.depth-5 .postbody { width: 690px; }
		.comment .postbody { font-size: .875em;}
		
		.respond .inputs { width: 740px; font-size: 1.125em; }
		.respond .text { height: 30px; font-size: .875em;}
		.respond label:after { top: 8px;}
		.respond textarea { padding-right: 180px; }
		
		.comment.depth-1 .respond .inputs { width: calc(100% - 220px); }
	}

/* ========================================================================== */
/* Color Themes */
	
	/* Blue ------------ */	
	
	.theme-blue a, .theme-blue a:visited { color: #0078ff; }
	.theme-blue a:hover { color: #004ba0; }	
	.theme-blue .page .bar { background-color: #004ba0; }
	.theme-blue .page .bar:before, .theme-blue .page .bar:after { background-color: #006fec; }
	
	.theme-blue header.page .top-right,
	.theme-blue header.page .social.desktop a  { border-right: 1px dotted #006fec; }
	.theme-blue header.page .social.desktop a:first-child,
	.theme-blue header.page .searchbox,
	.theme-blue header.page .social .searchbtn { border-color: #006fec; }
	.theme-blue .social .searchbtn:hover,
	.theme-blue .search, .theme-blue .searchbox, .theme-blue .searchbox .submit  { background-color: #002d5f; }
	.theme-blue header.page .social .searchbtn:hover { border-color: #002d5f; }
	
	.theme-blue nav.page li:first-child a,
	.theme-blue nav.page li a { border-color: #006fec; }
	.theme-blue	nav.page li a:hover { background-color: #002d5f; border-top-color: #006fec; border-bottom-color: #006fec; }
	.theme-blue nav.page li a.has-children:hover,
	.theme-blue nav.page li.menu-item-has-children a:hover { border-bottom-color: #002d5f; }
	.theme-blue nav.page li a.has-children:after,
	.theme-blue nav.page li.menu-item-has-children a:after,
	.theme-blue nav.page.mobile .sub-menu li.current-menu-ancestor a.active.has-children:after,
	.theme-blue nav.page.mobile .sub-menu li.current-menu-ancestor.menu-item-has-children a.active:after  { background-color: #006fec; }
	.theme-blue nav.page li:hover a.has-children:after,
	.theme-blue nav.page li.menu-item-has-children:hover a:after,
	.theme-blue nav.page li a.has-children:hover:after,
	.theme-blue nav.page li.menu-item-has-children a:hover:after { background-color: #004ba0; }
	.theme-blue .social .searchbtn,
	.theme-blue .searchbox .submit { background-color: #004ba0; border-color: #006fec; }
	
	.theme-blue .theme-switcher { background-color: #002d5f; border-color: #006fec;}

	.theme-blue .blogroll .support { background-color: #0f500f; }

	.theme-blue .blogroll .support .link {
		background-color: #105b10;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNWIxMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwcHgiIHN0b3AtY29sb3I9IiMxMDViMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiMxMDViMTAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMjBweCIgc3RvcC1jb2xvcj0iIzEwNWIxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(left,  rgba(16,91,16,0) 0%, rgba(16,91,16,1) 80px, rgba(16,91,16,1) 320px, rgba(16,91,16,0) 96%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(16,91,16,0)), color-stop(80px,rgba(16,91,16,1)), color-stop(320px,rgba(16,91,16,1)), color-stop(96%,rgba(16,91,16,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(16,91,16,0) 0%,rgba(16,91,16,1) 80px,rgba(16,91,16,1) 320px,rgba(16,91,16,0) 96%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(16,91,16,0) 0%,rgba(16,91,16,1) 80px,rgba(16,91,16,1) 320px,rgba(16,91,16,0) 96%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(16,91,16,0) 0%,rgba(16,91,16,1) 80px,rgba(16,91,16,1) 320px,rgba(16,91,16,0) 96%); /* IE10+ */
		background: linear-gradient(to right,  rgba(16,91,16,0) 0%,rgba(16,91,16,1) 80px,rgba(16,91,16,1) 320px,rgba(16,91,16,0) 96%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a00000', endColorstr='#00a00000',GradientType=1 ); /* IE6-8 */		
	}
	
	.theme-blue .blogroll .support .link:before, .theme-blue .blogroll .support .link:after {
		background-color: #146e14;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2EwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2EwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(20,110,20,0) 0%, rgba(20,110,20,1) 80px, rgba(20,110,20,1) 320px, rgba(20,110,20,0) 96%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,110,20,0)), color-stop(80px,rgba(20,110,20,1)), color-stop(320px,rgba(20,110,20,1)), color-stop(96%,rgba(20,110,20,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(20,110,20,0) 0%,rgba(20,110,20,1) 80px,rgba(20,110,20,1) 320px,rgba(20,110,20,0) 96%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(20,110,20,0) 0%,rgba(20,110,20,1) 80px,rgba(20,110,20,1) 320px,rgba(20,110,20,0) 96%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(20,110,20,0) 0%,rgba(20,110,20,1) 80px,rgba(20,110,20,1) 320px,rgba(20,110,20,0) 96%); /* IE10+ */
		background: linear-gradient(to right,  rgba(20,110,20,0) 0%,rgba(20,110,20,1) 80px,rgba(20,110,20,1) 320px,rgba(20,110,20,0) 96%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a00000', endColorstr='#00a00000',GradientType=1 ); /* IE6-8 */
	}
	
	/* Text Inputs */
	.theme-blue .text,
	.theme-blue textarea { color: #0078ff; }
	.theme-blue input.error,
	.theme-blue textarea.error { border-color: red !important; }
	.theme-blue label.errors { background-color: red; }
	
	/* Searchbox Placeholder */
	.theme-blue header.page .search::-webkit-input-placeholder { color: #1885ff; }
	.theme-blue header.page .search:-moz-placeholder { color: #1885ff; }
	.theme-blue header.page .search::-moz-placeholder { color: #1885ff; }
	.theme-blue header.page .search:-ms-input-placeholder { color: #1885ff; }
	
	/* Content Boxes */
	.theme-blue .button,
	.theme-blue .pager li a { background-color: #006fec; border-color: #004ba0;	}
	.theme-blue .button.inverted { border-color: #006fec;  background-color: #004ba0; }
	.theme-blue a.block:hover span.button.inverted,
	.theme-blue .button.inverted:hover { background-color: #006fec; }
	.theme-blue .button:hover,
	.theme-blue .pager li a:hover { background-color: #004ba0; }
	.theme-blue .icon { background-image: url('img/sprite-icons-blue.png'); }
	.theme-blue .borders { border-bottom-color: #006fec; }
	.theme-blue .borders:after { border-top-color: #004ba0; }
	.theme-blue .post h1.title a:hover { color: #0078ff }

	/* Sidebar */
	.theme-blue .sidebar .block .subhead { color: #0078ff; }
	.theme-blue .sidebar .bar { background-color: #004ba0; border-color: #006fec; }
	.theme-blue .sidebar .login .bar a { border-color: #006fec; }
	.theme-blue .sidebar .login .bar a:hover { background-color: #002d5f; }
	.theme-blue .sidebar .login .bar .signup { background-color: #105b10; border-color: #146e14; }
	.theme-blue .sidebar .login .bar .signup:hover { background-color: #0f500f; border-color: #0f500f; }
	.theme-blue .sidebar .list li a:hover { background-color: #004ba0; }

	.theme-blue .sidebar .featured.new { border-color: #146e14; background-color: #105b10; }

	.theme-blue .sidebar .featured.new header:before {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzcwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNzcwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwNzcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(0,119,0,0) 0%, rgba(0,119,0,0) 60%, rgba(0,119,0,1) 80%, rgba(0,119,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,119,0,0)), color-stop(60%,rgba(0,119,0,0)), color-stop(80%,rgba(0,119,0,1)), color-stop(100%,rgba(0,119,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(0,119,0,0) 0%,rgba(0,119,0,0) 60%,rgba(0,119,0,1) 80%,rgba(0,119,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(0,119,0,0) 0%,rgba(0,119,0,0) 60%,rgba(0,119,0,1) 80%,rgba(0,119,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(0,119,0,0) 0%,rgba(0,119,0,0) 60%,rgba(0,119,0,1) 80%,rgba(0,119,0,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(0,119,0,0) 0%,rgba(0,119,0,0) 60%,rgba(0,119,0,1) 80%,rgba(0,119,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007700', endColorstr='#007700',GradientType=1 ); /* IE6-8 */
	}

	/* Comments */
	.theme-blue .comment > header .buttons { border-right-color: #006fec; }
	.theme-blue .comment > header .buttons a { background-color:#004ba0; border-color: #006fec; }
	.theme-blue .comment > header .buttons a:hover { background-color: #002d5f; }

	.theme-blue .children { background-color: #004ba0; }
	.theme-blue .children .children { background-color: #00418b; }
	.theme-blue .children .children .children { background-color: #003674; }
	.theme-blue .children .children .children .children { background-color: #002753; }
	.theme-blue .children .children .children .children .children { background-color: #00142b; }

	.theme-blue .usertitle.member,
	.theme-blue .respond .rank:after  { color: #007efe }

	.theme-blue .respond .post-options .btn { background-color: #004ba0; }


	/* Tablet Nav */
	.theme-blue header.page .tablet-searchbtn.active { background-color:#002d5f; border-color: #002d5f; }

	/* Mobile Nav */
	.theme-blue nav.page.mobile ul.sub-menu,
	.theme-blue nav.page.mobile li a.active { background-color: #002d5f;}
	.theme-blue nav.page.mobile .sub-menu li:hover a, /* make the background stay this color when you hover out of it */
	.theme-blue nav.page.mobile .sub-menu li a.active,
	.theme-blue nav.page.mobile .sub-menu li.current-menu-ancestor a.active:hover,
	.theme-blue nav.page.mobile .sub-menu li a:hover { color: #fff; background-color: #004ba0; }
	.theme-blue nav.page.mobile li:hover li li a,
	.theme-blue nav.page.mobile .sub-menu li:hover li a,
	.theme-blue nav.page.mobile .sub-menu li li a { background-color: #001c3b; }
	.theme-blue nav.page.mobile .sub-menu li.current-menu-ancestor li a:hover,
	.theme-blue nav.page.mobile .sub-menu li.current-menu-item li a:hover,
	.theme-blue nav.page.mobile .sub-menu li li a:hover { background-color: #004ba0;  }
	.theme-blue nav.page.mobile .sub-menu li li a { color: #006fec; }
	.theme-blue nav.page.mobile .social,
	.theme-blue nav.page.mobile li.social:hover a,
	.theme-blue nav.page.mobile .social a { background-color: #001c3b; }
	.theme-blue nav.page.mobile-buttons a,
	.theme-blue nav.page.mobile-buttons a:first-child { border-color: #006fec; }
	.theme-blue nav.page.mobile-buttons a:hover,
	.theme-blue nav.page.mobile-buttons a.active { background-color:#002d5f; }
	
	/* Desktop Nav */
	.theme-blue nav.page li:hover a,
	.theme-blue nav.page li a.active { background-color: #002d5f; border-top-color: #002d5f; border-bottom-color: #002d5f;  }
	.theme-blue nav.page li.current-menu-item a:hover { background-color: #002d5f; border-top-color: #002d5f; border-bottom-color: #002d5f;  }
	.theme-blue nav.page li.current-menu-ancestor li a:hover,
	.theme-blue nav.page li li a:hover { background-color: #006fec; }
	.theme-blue	nav.page ul.sub-menu { background-color: #002d5f;}
	
	.theme-blue .blogroll > h2.section { background-color: #111; }
	.theme-blue .blogroll > h2.section:before,
	.theme-blue .blogroll > h2.section:after { border-bottom-color: #111; }
	
	/* Mobile -- less than 640 */
	@media only screen and (max-width: 679px)  {
		.theme-blue .sidebar .login { background-color: #002d5f; }
		.theme-blue .sidebar .login .bar > a,
		.theme-blue .sidebar .login .bar > a.signup { background-color: #001c3b;}
		.theme-blue .sidebar .login .bar > a:hover,
		.theme-blue .sidebar .login .bar > a.signup:hover { background-color: #004ba0; }
		
		.theme-blue .blogroll > h2.section:before,
		.theme-blue .blogroll > h2.section:after { border-top-color: #111; }
	}

	
	/* Red ------------ */	

	.theme-red a, .theme-red a:visited { color: #ff0000; }
	.theme-red a:hover { color: #a00000; }
	.theme-red .page .bar { background-color: #990000; }
	.theme-red .page .bar:before, .theme-red .page .bar:after { background-color: #dd0000; }

	.theme-red header.page .top-right,
	.theme-red header.page .social.desktop a { border-right: 1px dotted #dd0000; }
	.theme-red header.page .social.desktop a:first-child,
	.theme-red header.page .searchbox,
	.theme-red header.page .social .searchbtn { border-color: #dd0000; }
	.theme-red .search,
	.theme-red .social .searchbtn:hover,
	.theme-red .searchbox  { background-color: #710000; }
	.theme-red header.page .social .searchbtn:hover { border-color: #710000; }

	.theme-red nav.comic .top li > *,
	.theme-red nav.comic .bottom li > * { background-image: url('img/sprite-comicnav-red.png'); }

	.theme-red nav.page li:first-child a,
	.theme-red nav.page li a { border-color: #dd0000; }
	.theme-red nav.page li a:hover { background-color: #710000 ; border-top-color: #710000; border-bottom-color: #710000; }
	.theme-red nav.page li a.has-children:hover,
	.theme-red nav.page li.menu-item-has-children a:hover { border-bottom-color: #710000; }
	.theme-red nav.page li a.has-children:after,
	.theme-red nav.page li.menu-item-has-children a.has-children:after,
	.theme-red nav.page.mobile .sub-menu li.current-menu-ancestor a.active.has-children:after,
	.theme-red nav.page.mobile .sub-menu li.current-menu-ancestor.menu-item-has-children a.active:after { background-color: #dd0000; }
	.theme-red nav.page li:hover a.has-children:after,
	.theme-red nav.page li.menu-item-has-children:hover a:after,
	.theme-red nav.page li a.has-children:hover:after,
	.theme-red nav.page li.menu-item-has-children a:hover:after { background-color: #990000; }
	.theme-red .social .searchbtn,
	.theme-red .searchbox .submit { background-color: #990000; border-color: #dd0000; }
	
	.theme-red .theme-switcher { background-color: #222; border-color: #dd0000; }

	.theme-red .blogroll .support { background-color: #b95d01; }

	.theme-red .blogroll .support .link {
		background-color: #b95d01;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5NWQwMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwcHgiIHN0b3AtY29sb3I9IiNiOTVkMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNiOTVkMDEiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMjBweCIgc3RvcC1jb2xvcj0iI2I5NWQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(left,  rgba(185,93,1,0) 0%, rgba(185,93,1,1) 80px, rgba(185,93,1,1) 320px, rgba(185,93,1,0) 96%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(185,93,1,0)), color-stop(80px,rgba(185,93,1,1)), color-stop(320px,rgba(185,93,1,1)), color-stop(96%,rgba(185,93,1,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(185,93,1,0) 0%,rgba(185,93,1,1) 80px,rgba(185,93,1,1) 320px,rgba(185,93,1,0) 96%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(185,93,1,0) 0%,rgba(185,93,1,1) 80px,rgba(185,93,1,1) 320px,rgba(185,93,1,0) 96%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(185,93,1,0) 0%,rgba(185,93,1,1) 80px,rgba(185,93,1,1) 320px,rgba(185,93,1,0) 96%); /* IE10+ */
		background: linear-gradient(to right,  rgba(185,93,1,0) 0%,rgba(185,93,1,1) 80px,rgba(185,93,1,1) 320px,rgba(185,93,1,0) 96%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b95d01', endColorstr='#b95d01',GradientType=1 ); /* IE6-8 */
	}
	
	.theme-red .blogroll .support .link:before, .theme-red .blogroll .support .link:after {
		background-color: #e47200;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NzIwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwcHgiIHN0b3AtY29sb3I9IiNlNDcyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNlNDcyMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMjBweCIgc3RvcC1jb2xvcj0iI2U0NzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(left,  rgba(228,114,0,0) 0%, rgba(228,114,0,1) 80px, rgba(228,114,0,1) 320px, rgba(228,114,0,0) 96%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(228,114,0,0)), color-stop(80px,rgba(228,114,0,1)), color-stop(320px,rgba(228,114,0,1)), color-stop(96%,rgba(228,114,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(228,114,0,0) 0%,rgba(228,114,0,1) 80px,rgba(228,114,0,1) 320px,rgba(228,114,0,0) 96%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(228,114,0,0) 0%,rgba(228,114,0,1) 80px,rgba(228,114,0,1) 320px,rgba(228,114,0,0) 96%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(228,114,0,0) 0%,rgba(228,114,0,1) 80px,rgba(228,114,0,1) 320px,rgba(228,114,0,0) 96%); /* IE10+ */
		background: linear-gradient(to right,  rgba(228,114,0,0) 0%,rgba(228,114,0,1) 80px,rgba(228,114,0,1) 320px,rgba(228,114,0,0) 96%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e47200', endColorstr='#e47200',GradientType=1 ); /* IE6-8 */
	}
	
	/* Text Inputs */
	.theme-red .text,
	.theme-red textarea { color: #ff0000; }
	.theme-red input.error,
	.theme-red textarea.error { border-color: red !important; }
	.theme-red label.errors { background-color: yellow; color: red; }
	
	/* Searchbox Placeholder */
	.theme-red header.page .search::-webkit-input-placeholder { color: #dd0000; }
	.theme-red header.page .search:-moz-placeholder { color: #dd0000; }
	.theme-red header.page .search::-moz-placeholder { color: #dd0000; }
	.theme-red header.page .search:-ms-input-placeholder { color: #dd0000; }

	/* Content Boxes */
	.theme-red .button,
	.theme-red .pager li a  { background-color: #dd0000; border-color: #990000;	}
	.theme-red .button.inverted { background-color: #990000; border-color: #dd0000 }
	.theme-red a.block:hover span.button.inverted,
	.theme-red .button.inverted:hover { background-color: #dd0000; }
	.theme-red .button:hover,
	.theme-red .pager li a:hover { background-color: #990000; }
	.theme-red .icon { background-image: url('img/sprite-icons-red.png'); }
	.theme-red .borders { border-bottom-color: #dd0000; }
	.theme-red .borders:after { border-top-color: #990000; }
	.theme-red .post h1.title a:hover { color: #ff0000 }

	/* Sidebar */
	.theme-red .sidebar .block .subhead { color: #ff0000; }
	.theme-red .sidebar .bar { background-color: #990000; border-color: #dd0000; }
	.theme-red .sidebar .login .bar a { border-color: #dd0000; }
	.theme-red .sidebar .login .bar a:hover { background-color: #710000; }
	.theme-red .sidebar .login .bar .signup { background-color: #b95d01; border-color: #e47200; }
	.theme-red .sidebar .login .bar .signup:hover { background-color: #934a00; border-color: #934a00; }
	.theme-red .sidebar .list li a:hover { background-color: #990000; }
	
	.theme-red .sidebar .featured.new { border-color: #e47200; background-color: #b95d01; }
	
	.theme-red .sidebar .featured.new header:before {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NzIwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2U0NzIwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2U0NzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDcyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(228,114,0,0) 0%, rgba(228,114,0,0) 60%, rgba(228,114,0,1) 80%, rgba(228,114,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(228,114,0,0)), color-stop(60%,rgba(228,114,0,0)), color-stop(80%,rgba(228,114,0,1)), color-stop(100%,rgba(228,114,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(228,114,0,0) 0%,rgba(228,114,0,0) 60%,rgba(228,114,0,1) 80%,rgba(228,114,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(228,114,0,0) 0%,rgba(228,114,0,0) 60%,rgba(228,114,0,1) 80%,rgba(228,114,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(228,114,0,0) 0%,rgba(228,114,0,0) 60%,rgba(228,114,0,1) 80%,rgba(228,114,0,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(228,114,0,0) 0%,rgba(228,114,0,0) 60%,rgba(228,114,0,1) 80%,rgba(228,114,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e47200', endColorstr='#e47200',GradientType=1 ); /* IE6-8 */
	}


	/* Comments */
	.theme-red .comment > header .buttons { border-right-color: #dd0000; }
	.theme-red .comment > header .buttons a { background-color:#990000; border-color: #dd0000; }
	.theme-red .comment > header .buttons a:hover { background-color: #710000; }

	.theme-red .children { background-color: #990000; }
	.theme-red .children .children { background-color: #770000; }
	.theme-red .children .children .children { background-color: #550000; }
	.theme-red .children .children .children .children { background-color: #330000; }
	.theme-red .children .children .children .children .children { background-color: #110000; }
	
	.theme-red .usertitle.member,
	.theme-red .respond .rank:after  { color: #dd0000 }
	
	.theme-red .respond .post-options .btn { background-color: #990000; }
	
	
	/* Tablet Nav */
	.theme-red header.page .tablet-searchbtn.active { background-color:#710000; border-color: #710000; }

	/* Mobile Nav */
	.theme-red nav.page.mobile ul.sub-menu,
	.theme-red nav.page.mobile li a.active { background-color: #710000;}
	.theme-red nav.page.mobile .sub-menu li:hover a, /* make the background stay this color when you hover out of it */
	.theme-red nav.page.mobile .sub-menu li a:hover,
	.theme-red nav.page.mobile .sub-menu li.current-menu-ancestor a.active:hover,
	.theme-red nav.page.mobile .sub-menu li a.active { color: #fff; background-color: #990000; }
	.theme-red nav.page.mobile li:hover li li a,
	.theme-red nav.page.mobile .sub-menu li:hover li a,
	.theme-red nav.page.mobile .sub-menu li li a { background-color: #3b0000; }
	.theme-red nav.page.mobile .sub-menu li.current-menu-ancestor li a:hover,
	.theme-red nav.page.mobile .sub-menu li.current-menu-item li a:hover,
	.theme-red nav.page.mobile .sub-menu li li a:hover { background-color: #990000;  }
	.theme-red nav.page.mobile .sub-menu li li a { color: #dd0000; }
	.theme-red nav.page.mobile .social,
	.theme-red nav.page.mobile li.social:hover a,
	.theme-red nav.page.mobile .social a { background-color: #3b0000; }
	.theme-red nav.page.mobile-buttons a,
	.theme-red nav.page.mobile-buttons a:first-child { border-color: #dd0000; }
	.theme-red nav.page.mobile-buttons a:hover,
	.theme-red nav.page.mobile-buttons a.active { background-color:#710000; }

	/* Desktop Nav */
	.theme-red nav.page li:hover a { background-color: #710000; border-top-color: #710000; border-bottom-color: #710000;  }
	.theme-red nav.page li.current-menu-item a:hover { background-color: #710000; border-top-color: #710000; border-bottom-color: #710000;  }
	.theme-red nav.page li.current-menu-ancestor li a:hover,
	.theme-red nav.page li li a:hover { background-color: #dd0000; }
	.theme-red nav.page ul.sub-menu { background-color: #710000; }

	/* Blogroll */
	.theme-red .blogroll > h2.section { background-color: #111; }
	.theme-red .blogroll > h2.section:before,
	.theme-red .blogroll > h2.section:after { border-bottom-color: #111; }

	/* Mobile -- less than 640 */
	@media only screen and (max-width: 679px)  {
		.theme-red .sidebar .login { background-color: #710000; }
		.theme-red .sidebar .login .bar > a,
		.theme-red .sidebar .login .bar > a.signup { background-color: #3b0000;}
		.theme-red .sidebar .login .bar > a:hover,
		.theme-red .sidebar .login .bar > a.signup:hover { background-color: #990000; }
		
		.theme-red .blogroll > h2.section:before,
		.theme-red .blogroll > h2.section:after { border-top-color: #111; }
	}

/* Colour Overrides ------------ */
	.theme .red { color: #ff0000; }
	.theme .icon-color  { background-image: url('img/sprite-icons-color.png'); }
	.theme a.whitetxt,
	.theme header.page nav.page li a,
	.theme footer.page nav.page li a,
	.theme .pager li a { color: #fff; text-decoration: none; }
	.theme header.page .search:focus::-webkit-input-placeholder { color: #666; }
	.theme header.page .search:focus:-moz-placeholder { color: #666; }
	.theme header.page .search:focus::-moz-placeholder { color: #666; }
	.theme header.page .search:focus:-ms-input-placeholder { color: #666; }
	

/* Google Adsense Overrides ------------ */

#adslot1 { width: 728px; height: 90px; display: none; }
#adslot2 { width: 320px; height: 50px; display: none; }
#adslot3 { width: 320px; height: 50px; display: none; }
#adslot4 { width: 300px; height: 250px ; display: none; }
#adslot5 { width: 300px; height: 250px; display: none; }

@media only screen and (min-width: 758px) {
	#adslot1 { display: block;}
}

@media only screen and (max-width: 1000px) {
	#adslot2 { display: block; }
	#adslot3 { display: block; }
}

@media only screen and (min-width: 1000px) {
	#adslot4 { display: block; }
	#adslot5 { display: block; }
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}