/*
Theme Name: Inkblot
Theme URI: //github.com/mgsisk/inkblot
Author: Michael Sisk
Author URI: http://mgsisk.com
License: GPL2
License URI: //gnu.org/licenses/gpl-2.0.html
Version: 4
Description: Elegant, fully responsive, highly customizable <a href="http://webcomic.nu">Webcomic</a>-ready theme named in honor of Rorschach from the Watchmen graphic novel.
Tags: dark, light, white, black, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Webcomic: 4
*/


body {
	background: #e8e8e8;
	color: #333;
	margin: 0;
}
body.home article {
display: none;

}
::-moz-selection {
	background: #333;
	color: #ccc;
}

::selection {
	background: #333;
	color: #ccc;
}

a {
	color: #888;
	text-decoration: none;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
	-webkit-transition: color .25s;
	transition: color .25s;
}

a:focus,
a:hover {
	color: #333;
}

address {
	font-size: smaller;
	font-style: normal;
}

blockquote {
	border: thin solid #333;
	box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 ) inset;
	padding: 1rem;
}

blockquote blockquote {
	margin: 0 0 1rem;
}

dt {
	font-weight: bold;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

pre {
	border: thin solid #333;
	box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 ) inset;
	font-size: smaller;
	padding: 1rem;
}

table {
	max-width: 100%;
}

td {
	border: thin solid #333;
	padding: .5rem;
}

#page {
	background: #fff;

	margin: auto;
	position: relative;
}

#header hgroup {
	padding: 1rem;
}

#header hgroup a {
	color: #333;
	text-decoration: none;
}

#header hgroup a:focus,
#header hgroup a:hover {
	opacity: .75;
}

#header hgroup a:active {
	opacity: .5;
}

#header h1 {
	line-height: 1;
	margin: 0;
}

#header h2 {
	font-size: 100%;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}

#header nav {
	background: #333;
	color: #ccc;
	padding:0 10px;
	margin: 0;
}

#header nav:before,
#header nav:after {
	content: "";
	display: table;
}

#header nav:after {
	clear: both;
}

#header nav ul ul {
	background: #333;
	box-shadow: 0 .25rem .5rem rgba( 0, 0, 0, .5 );
	display: none;
	position: absolute;
	z-index: 99;
}

#header nav ul ul ul {
	left: 100%;
	top: 0;
}

#header nav li {
	float: left;
	position: relative;
}

#header nav li:hover > ul {
	display: block;
}

#header nav a {
	border: 0;
	color: #888;
	display: block;
	line-height: 2;
	padding: 0 1rem;
	white-space: pre;
}

#header nav a:focus,
#header nav a:hover,
#header li:hover > a,
#header .current_page_item a,
#header .current_page_ancestor a {
	color: #ccc;
}

#content:before,
#content:after {
	content: "";
	display: table;
}

#content:after {
	clear: both;
}

#main,
#sidebar1,
#sidebar2 {
	padding: 10px 4px 10px 10px;
}

.two-column-left #main,
.three-column-left #main,
.two-column-right #sidebar1,
.three-column-right #sidebar1,
.three-column-right #sidebar2,
.three-column-center #main,
.three-column-center #sidebar1,
.three-column-center #sidebar2 {
	float: left;
}

.two-column-right #main,
.three-column-right #main,
.two-column-left #sidebar1,
.three-column-left #sidebar1,
.three-column-left #sidebar2 {
	float: right;
}

.one-column #sidebar1,
.one-column #sidebar2,
.two-column-left #sidebar2,
.two-column-right #sidebar2 {
	display: none;
}

.three-column-center #main,
.three-column-center #sidebar1 {
	position: relative;
}

#footer {
	background: #1b1b1b;
	color: #1b1b1b;
	line-height: 1;
	padding: 1rem;

}

#footer a {
	color: #888;

}

#footer a:focus,
#footer a:hover {
	color: #ccc;
}

#share h1.sharewithfriends {
 	float: left;
	padding:  0;
	list-style: none;
	margin: 0;
	border: 0;
}

/** navigation */
nav.posts,
nav.posts-paged,
nav.comments-paged {
	border-bottom: thin solid #333;
	clear: both;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	text-align: center;
}

nav.posts a:first-child,
nav.comments-paged a:first-child {
	margin: 0 .5rem 0 0;
}

nav.posts a:last-child,
nav.comments-paged a:last-child {
	margin: 0 0 0 .5rem;
}

nav.posts a:focus img,
nav.posts a:hover img {
	opacity: .5;
}

nav.post-pages {
	clear: both;
	margin: 0 0 1rem;
	text-align: center;
}

/** posts */
.sticky .post-header h1:before {
	content: '\2605';
	padding: 0 .5rem 0 0;
	vertical-align: baseline;
}

.post-image {
	float: right;
	margin: 0 0 1rem 1rem;
}

.post-header h1 {
	margin: 0;
}

.post-comments-link a {
	background: #333;
	border-radius: .25rem;
	color: #ccc;
	font-size: smaller;
	padding: .5rem;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
}

.post-comments-link a:focus,
.post-comments-link a:hover {
	background: #888;
	color: #ccc;
}

.post-content {
	overflow: hidden;
}

.post-footer {
	border-bottom: thin solid #333;
	font-size: smaller;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
}

.post-actions a {
	background: #333;
	border-radius: .25rem;
	color: #ccc;
	font-size: smaller;
	margin: 0 0 0 .5rem;
	padding: .25rem;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
}

.post-actions a:focus,
.post-actions a:hover {
	background: #888;
	color: #ccc;
}

.attachment .post-image {
	float: none;
	margin: 0;
	text-align: center;
}

.attachment .post-image img {
	border-radius: .25rem;
	box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 );
}

.attachment .post-excerpt {
	text-align: center;
}

/** comments */
.comment,
.pingback,
.trackback {
	border-bottom: thin solid #333;
	margin: 0 0 1rem;
	padding: 1rem;
}

.comment .comment {
	border: 0;
	border-left: thin solid #333;
	margin: 0 0 0 1rem;
	padding: 1rem;
}

.bypostauthor {
	border: thin solid #333;
}

.moderating-comment {
	font-size: smaller;
	font-style: italic;
	margin: 1rem 0 0;
}

.comment-footer img {
	margin: 0 1rem 0 0;
}

.comment-actions a {
	background: #333;
	border-radius: .25rem;
	color: #ccc;
	font-size: smaller;
	margin: 0 0 0 .5rem;
	padding: .25rem;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
}

.comment-actions a:focus,
.comment-actions a:hover {
	background: #888;
	color: #ccc;
}

/** forms */
#commentform label,
.webcomic-transcribe-form label {
	display: block;
	float: left;
	width: 20%;
}

#commentform .required,
.webcomic-transcribe-form .required {
	background: #333;
	color: #ccc;
	padding: .25rem;
}

#commentform textarea,
.webcomic-transcribe-form textarea {
	height: 10em;
	width: 100%;
}

.webcomic-transcript-error,
.webcomic-transcript-success {
	font-size: smaller;
	font-style: italic;
	margin: 1rem 0 0;
}

/** webcomic */
.post-webcomic .webcomic-image {
	overflow: hidden;
	text-align: center;
}

.post-webcomic nav {
	background: #333;
	color: #ccc;
	 height: 50px;
}

.post-webcomic nav:before,
.post-webcomic nav:after {
	content: "";
	display: table;
}

.post-webcomic nav:after {
	clear: both;
}

.post-webcomic nav a {
	color: #888;
	font-size: 200%;
	float: left;
	text-align: center;
	width: 20%;
}

.post-webcomic nav a:focus,
.post-webcomic nav a:hover {
	color: #ccc;
}

.post-webcomic nav .current-webcomic {
	opacity: .25;
}

.post-webcomic nav.above {
	border-top: thin solid #fff;
}

.webcomic-prints div {
	margin: 0 0 1rem;
}

/** wordpress */
.sticky {
	
}

.bypostauthor {
	
}

.alignnone {
	margin: 1rem;
}

.aligncenter {
	display:block;
	margin: 1rem auto;
}

.alignright {
	float: right;
	margin: 1rem 0 1rem 1rem;
}

.alignleft {
	float: left;
	margin: 1rem 1rem 1rem 0;
}

.wp-caption {
	max-width: 100%;
	padding: .25rem;
	text-align: center;
}

.wp-caption img {
	border-radius: .25rem;
	box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 );
}

.wp-caption-text {
	font-size: smaller;
	margin: .5rem 0 0;
}

.gallery {
	margin: auto;
	padding: .25rem;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: .25rem;
	text-align: center;
}

.gallery-icon {
	line-height: 1;
}

.gallery-icon img {
	border-radius: .25rem;
	box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 );
}

.gallery-caption {
	font-size: smaller;
	margin: .5rem 0 0;
}

.gallery-columns-1 .gallery-item {
	float: none;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16%;
}

.gallery-columns-7 .gallery-item {
	width: 14%;
}

.gallery-columns-8 .gallery-item {
	width: 12%;
}

.gallery-columns-9 .gallery-item {
	width: 11%;
}

#sidebar1 h1 {
	margin: 0 0 15px 0;
	font-size: 1.5em;
	text-align: left;
}

#sidebar1 ul {
	padding: 0 0 0 18px;
}

aside#customizableetsywidget-2 {
	margin: 0 0 20px 0;
}

table.etsyItemTable {
	margin:0;
	width: 100%;

}

table.etsyItemTable td {
	padding: 8%;
	background: #ddd;
	border: 1px solid #bbb;
}

#fullwidthbg {
background: none repeat scroll 0 0 white;
    border-bottom: 33px solid #DADADA;
    height: 331px;
    position: absolute;
    width: 100%;
}

.leftimage {
	margin: 0 auto 20px auto;
	display: block;
	clear: both;
}

.popup3 {
    background: url("../../../images/popup3.jpg") no-repeat; }0 0 #f6f6f6 !important;
    clear: center;
    width: 653px;
    height: 379px;
    padding: 0px;
    margin: 0px;
}

ul.webcomics {
	clear: both;
	overflow: hidden;
	padding: 0;
}

ul.webcomics li {
	float: left;
	margin: 15px 15px 15px 0;
	list-style: none;
}

ul.webcomic-collections  {
	padding: 0;
}

ul.webcomic-collections li {
	list-style: none;
}

ul.webcomic-collections li a {
	font-size: 1.5em;
}

#header nav,
#header nav select {
	background: #333;
	color: #ccc;
}

#header nav select {
	display: none;
}

@media only screen and ( max-width: 640px ) {
	#header nav ul {
		display: none;
	}

	#header nav select {
		display: block;
		width: 100%;
		padding: 10px;
		border-radius: 0 0 0 0;
    min-width: 232px;
    border-outline:medium none;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC") no-repeat right center;
	}
}

div#content-footer {
	display: block;
	clear: both;
	overflow: hidden;
    padding: 10px;
    width: 75%;
}

.advanced_recent_posts_widget ul li a.post-title {
	font-size: 16px;
}

div#content-footer .advanced_recent_posts_widget ul li {
	margin: 10px 0;
	padding: 10px 0;
}

h1.fromtheblog {
	background: none;
    border-bottom: 1px solid #ddd;
    display: block;
    left: 0;
    margin: 60px 0 15px 0;
    padding: 5px 8px;
    text-align: center;
}

h3.gotoblog a {
  background: none;
    display: block;
    margin: 20px 0 0 0;
    padding: 15px;
    width: 100%;
    text-align: center;
}
#content {
		border: 1px solid #dadada !important;
	border-top:0;
}

div.entry.homepage {
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: 1px solid #dadada;
}
/* .advanced_recent_posts_widget ul li {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    list-style: none outside none;
    margin: 10px 10px 10px 0;
    padding: 3px 0;
    width: 31%;
} */

h2 a {
	font-weight: normal;
	font-size: 24px;
}

div.titleInfo {
	width: 100%;
	overflow: hidden;
}

div.titleInfo img {
	float: left;
	margin: 10px 10px 0 0;
}

div.titleInfo h2 {
 display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 85%;
}

div.titleInfo h4, div.titleInfo h5 {
color: #808080;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    width: 55%;
}
div#webcomic {
	margin: 0 0 50px 0;
}

#mc_embed_signup {
margin: 0 auto 20px 15px;
text-align: center;
float: left;	

}

#mc_embed_signup input.email {
display: block;
padding: 6px 0;
margin: 0 0 0 0;
text-indent: 5px;
width: 145px;
min-width: 145px;
line-height: 14px;
border-radius: 3px;
}

#mc_embed_signup input.button {
display: block;
margin: 0 0 6px 0;
width: 145px;
min-width: 145PX;
margin-left: 1px;
}
#mc_embed_signup .button {
clear: both;
background-color: #F60;
border: 0 none;
border-radius: 4px;
color: white;
font-size: 15px;
font-weight: bold;
height: 34px;
line-height: 31px;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
#mc_embed_signup input {
border: 1px solid grey;
-webkit-appearance: none;
}
#mc_embed_signup form {
display: block;
position: relative;
text-align: left;
padding: 0px 0 8px 3%;
}
#mc_embed_signup label {
display: block;
font-size: 16px;
padding-bottom: 5px;
font-weight: bold;
color: white;
margin-right: 10px;
}
#mc_embed_signup2 {
margin: 0 auto 0 233px;
text-align: center;
float: left;	

}

#mc_embed_signup2 input.email {
display: block;
padding: 6px 0;
margin: 90px 0 0 0;
text-indent: 5px;
width: 145px;
min-width: 145px;
line-height: 14px;
border-radius: 3px;
}

#mc_embed_signup2 input.button {
display: block;
margin: 0 0 30px 0;
width: 145px;
min-width: 145PX;
margin-left: 1px;
}
#mc_embed_signup2 .button {
clear: both;
background-color: #F60;
border: 0 none;
border-radius: 4px;
color: white;
font-size: 15px;
font-weight: bold;
height: 34px;
line-height: 31px;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
#mc_embed_signup2 input {
border: 1px solid grey;
-webkit-appearance: none;
}
#mc_embed_signup2 form {
display: block;
position: relative;
text-align: left;
padding: 40px 0 18px 3%;
}
#mc_embed_signup2 label {
display: block;
font-size: 16px;
padding-bottom: 5px;
font-weight: bold;
color: white;
margin-right: 10px;



}
#newstart {
	padding: 0px;
	margin: 0px;

}

#newstart2 {
	padding: 0px;
	margin: 0px;
	background: none repeat scroll 0 0 !important;
	border:none;
}

#social {
	background: none repeat scroll 0 0 #f9f9f9 !important;
	clear: left;
	margin: 10px auto;
	width: 160px;
	border:none;

}



.post-header h1 {
	font-weight: normal;
}

div.post-comments-link {
	display: none;
}

footer#footer {
	background: #333;
}

footer#footer img.footer {
	margin: 0 auto;
	display: block;

}

footer ul {
	overflow: hidden;
	display: block;
	margin: 0 auto;
	width: 39%;
	padding: 0;
}
footer p {
	text-align: center;
	color:#999999;
}
footer ul li {
	float: left;
	padding: 0 12px;
	list-style: none;
	font-size: 12px;
	color: #999999;
}

footer#footer ul li a {
	color:#999999 !important;
	font-size: 12px;
}

img.likefollow {
	float: left;
    	margin:	15px 5px 15px 15px;
	padding: 0;
}

img.sharewithfriendstext {
	float: left;
	margin: 0 17px 5px 13px;
	padding: 0;
}

img.sharewithfriends {
	float: left;
	margin: 0 15px 2px 15px;
	padding: 0;
}