/*
Theme Name: Inkblot
Theme URI: http://webcomicms.net/
Description: Make an impression with the original, highly customizable <a href="http://webcomicms.net/">Webcomic</a> theme.
Author: Michael Sisk
Version: 3

/* Reset*/
ADDRESS, ARTICLE, BLOCKQUOTE, BODY, CAPTION, COL, COLGROUP, DD, DIALOG, DIV, DL, DT, FIELDSET, FOOTER, FORM, H1, H2, H3, H4, H5, H6, HEADER, HGROUP, HTML, HR, NAV, LEGEND, LI, MENU, OL, P, PRE, SECTION, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, UL, A, ABBR, B, BDO, BR, CITE, CODE, DEL, DFN, EM, I, INS, KBD, LABEL, MARK, METER, PROGRESS, Q, RP, RT, RUBY, SAMP, SMALL, SPAN, STRONG, SUB, SUP, TIME, VAR, AUDIO, CANVAS, EMBED, FIGURE, IFRAME, IMG, OBJECT, VIDEO
{
	border: 0px;
	margin: 0;
	outline: 0;
	padding: 0;
	border-spacing: 0;
	list-style: none;
	color: inherit;
	font-size: inherit;
	font-style: inherit;
	text-align: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	text-decoration: inherit;
	vertical-align: baseline;
	border-collapse: separate;
	background: transparent;
}
ARTICLE, DIALOG, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, LEGEND, NAV, SECTION
{
	display: block;
}
/** Basic Styling*/
HTML
{
	background: #F5F5F5;
	color: #333;
	font: 100% / 1.5em "helvetica neue", helvetica, arial, sans-serif;
	padding: 0 1.5em;
}
A
{
	color: #2496FD;
	font-weight: bolder;
}
A:hover
{
	color: #333;
}
ABBR
{
	border-bottom: 1px dotted;
	cursor: help;
}
B, DFN, STRONG
{
	font-weight: bolder;
}
BLOCKQUOTE
{
	margin: 0 3em;
}
ADDRESS, CITE, EM, I, VAR
{
	font-style: italic;
}
CODE, KBD, PRE, VAR, SAMP
{
	font-family: menlo, consolas, courier, monospace;
}
DEL
{
	text-decoration: line-through;
}
INS
{
	text-decoration: underline;
}
MARK
{
	text-decoration: overline;
}
PRE
{
	margin: 0 0 1.5em;
	white-space: pre-wrap;
}
P
{
	margin: 0 0 1.5em;
}
SMALL
{
	font-size: smaller;
}
SUB
{
	vertical-align: sub;
}
SUP
{
	vertical-align: super;
}
SUB, SUP
{
	font-size: smaller;
	line-height: 0;
}
H1
{
	font-size: 200%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 0.75em;
}
H2
{
	font-size: 150%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 1em;
}
H3
{
	font-size: 125%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 1.2em;
}
H4
{
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 1.5em;
}
H5
{
	font-size: 85%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 1.75em;
}
H6
{
	font-size: 75%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 2em;
}
HR
{
	clear: both;
}
OL LI
{
	list-style: decimal;
}
UL LI
{
	list-style: disc;
}
MENU LI
{
	list-style: circle;
}
OL, UL, MENU
{
	margin: 0 0 1.5em 3em;
}
UL UL, UL OL, OL OL, OL UL, DD
{
	margin: 0 0 0 3em;
}
DL, DIALOG
{
	margin: 0 0 1.5em;
}
DT
{
	font-weight: bolder;
}
/** Classes*/
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.aligncenter
{
	display: block;
	margin: auto;
}
.clear
{
	clear: both;
}
/** Structure*/
#wrap
{
	background: #FFF;
	border-color: #333;
	border-style: solid;
/*
border-width: 0 1px;
box-shadow: 0 0 2em rgba( 0, 0, 0, .2 );
-moz-box-shadow: 0 0 2em rgba( 0, 0, 0, .2 );
-webkit-box-shadow: 0 0 2em rgba( 0, 0, 0, .2 );
*/
	margin: auto;
	overflow: hidden;
}
/** Header*/
#header
{
}
#header HGROUP
{
	display: table-cell;
	background: #000 url('http://kafkaskoffee.com/wp/wp-content/uploads/2010/07/blog_Header.png') no-repeat top center;
}
#header HGROUP H1
{
	margin: 0 0.25em;
	padding: 0 0.5em;
}
#header HGROUP H2
{
	font-style: italic;
	font-weight: normal;
	padding: 0 1em;
}
#header NAV
{
	background: #333;
/*display: none; /* uncomment to hide the main menu*/
	float: left;
	width: 100%;
}
#header NAV UL
{
	margin: 0;
}
#header NAV UL LI
{
	float: left;
	list-style: none;
	position: relative;
}
#header NAV UL LI A
{
	color: #CCC;
	display: block;
	padding: 0.25em 0.75em;
}
#header NAV UL LI:hover > A, #header NAV UL LI.current_page_item > A, #header NAV UL LI.current_page_ancestor > A, #header NAV UL LI.current-menu-item > A, #header NAV UL LI.current-menu-ancestor > A
{
	background: #000;
	color: #FFF;
}
#header NAV UL LI UL
{
	background: rgba(0, 0, 0, 0.8);
	display: none;
	left: 0;
	position: absolute;
	top: 2em;
	z-index: 9999;
}
#header NAV UL LI:hover > UL
{
	display: block;
}
#header NAV UL LI UL LI
{
	min-width: 10em;
}
#header NAV UL LI UL LI UL
{
	left: 100%;
	top: 0;
}
/** Content*/
#content
{
}
#content > DIV
{
	padding: 1.5em;
}
#content DIV .webcomic_post .webcomic.full
{
	margin: -1.5em -1.5em 0;
}
#content DIV HR.webcomic
{
	border-bottom: 3px double #CCC;
	margin: 0 0 1.5em;
}
/** Navigation*/
NAV.paginated
{
	font-size: larger;
	margin: 0 0 1.5em;
	text-align: center;
}
NAV.paginated A
{
	font-weight: bold;
}
NAV.prevnext
{
	border-bottom: 1px solid #CCC;
	float: left;
	font-size: larger;
	margin: 0 0 0.75em;
	padding: 0 0 0.75em;
	width: 100%;
}
NAV.prevnext A:last-child
{
	float: right;
}
NAV.prevnext A:first-child
{
	float: left;
}
.attachment NAV.prevnext IMG
{
	height: 80px;
	width: 80px;
}
/** Articles*/
ARTICLE
{
	margin: 0 0 3em;
}
ARTICLE.sticky
{
	border: 1px double #CCC;
	padding: 1.5em 1.5em 0;
}
ARTICLE H1
{
	font-weight: normal;
	margin: 0 0 0.25em;
}
ARTICLE FOOTER
{
/*color: #ccc;*/
	color: #000;
	font-size: smaller;
	line-height: 1.5em;
	margin: 0 0 1.5em;
}
ARTICLE .webcomic-embed-code
{
	display: block;
	margin: 0 0 1.5em;
	width: 100%;
}
.single-webcomicpost ARTICLE .preview
{
	text-align: center;
}
.webcomic-verify-age .content, .webcomic-verify-fail .content
{
	text-align: center;
}
/** Transcripts*/
#transcripts
{
}
#transcripts H1
{
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1.5em;
}
#transcripts ARTICLE
{
	display: none;
}
#transcripts ARTICLE FOOTER
{
	border-bottom: 1px solid #CCC;
}
/** Comments*/
#comments
{
}
#comments H1, #comments H3
{
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1.5em;
}
#comments H3 SMALL
{
	font-weight: normal;
	padding: 0 0 0 1.5em;
}
#comments ARTICLE
{
	border: 1px solid #CCC;
	padding: 1.5em;
}
#comments ARTICLE.bypostauthor
{
	border: 3px double;
}
#comments ARTICLE FOOTER
{
	margin: -1.5em -1.5em 1.5em;
}
#comments ARTICLE FOOTER IMG
{
	padding: 0 0.75em 0 0;
	vertical-align: middle;
}
/** Forms*/
#transcribeform
{
}
#transcribeform H2
{
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1.5em;
}
#transcribeform P
{
	display: none;
	margin: 0 0 0.75em;
}
#transcribeform P .required
{
	padding: 0.25em;
}
#transcribeform P LABEL
{
	display: block;
	float: left;
	width: 4em;
}
#transcribeform .transcribe-before
{
	display: none;
}
#transcribeform .webcomic-transcribe-language
{
	margin: 0;
}
#transcribeform .webcomic-transcribe-language LABEL
{
	display: none;
}
#transcribeform .webcomic-transcribe-text
{
}
#transcribeform .webcomic-transcribe-text LABEL
{
	display: none;
}
#transcribeform .webcomic-transcribe-text TEXTAREA
{
	width: 100%;
}
#transcribeform DL
{
	display: none;
}
#commentform
{
}
#commentform P
{
	margin: 0 0 0.75em;
}
#commentform P LABEL
{
	display: block;
	float: left;
	width: 4em;
}
#commentform P .required
{
	padding: 0.25em;
}
#commentform .comment-notes
{
	display: none;
}
#commentform .comment-form-comment
{
}
#commentform .comment-form-comment LABEL
{
	display: none;
}
#commentform .comment-form-comment TEXTAREA
{
	width: 100%;
}
#commentform .form-allowed-tags
{
	display: none;
}
.webcomic-purchase-form
{
}
.webcomic-purchase-form INPUT
{
	float: left;
	margin: 0 0.75em 0 0;
}
/** Webcomics*/
.home ARTICLE.webcomic_post
{
}
#webcomic NAV
{
	background: #87C5EF;
	color: #CCC;
	float: left;
	width: 100%;
}
#webcomic NAV.above
{
	border-top: 1px solid #FFF;
/*display: none; /* uncomment to hide the navigation above the webcomic*/
}
#webcomic NAV.below
{
/*display: none; /* uncomment to hide the navigation below the webcomic*/
	margin: 0 0 1em;
}
#webcomic NAV A
{
	color: #FFF;
	float: left;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	width: 20%;
}
#webcomic NAV A:hover
{
	background: #000;
	color: #FFF;
}
#webcomic NAV A.current-webcomic
{
	visibility: hidden;
}
#webcomic .webcomic-object
{
	display: block;
	text-align: center;
}
#webcomic .webcomic-object IMG
{
	vertical-align: bottom;
}
/** Galleries*/
ARTICLE .gallery
{
	border: 1px solid #CCC;
	margin: 0 0 1.5em;
	padding: 0.75em;
}
ARTICLE .gallery FIGURE
{
	float: left;
}
ARTICLE .gallery FIGURE A
{
	float: left;
	padding: 0.75em;
}
ARTICLE .gallery FIGURE DIV
{
}
ARTICLE .gallery FIGURE DIV IMG
{
	vertical-align: bottom;
}
ARTICLE .gallery HR
{
	margin: 0.75em 0;
}
/** Attachments*/
ARTICLE.attachment .attachment
{
	text-align: center;
}
/** Characters*/
.character-avatar
{
	float: left;
	margin: 0 0.75em 0.75em 0;
}
/** Sidebars & Widgetized Areas*/
ASIDE > DIV
{
	padding: 1.5em;
}
ASIDE SELECT, ASIDE #s
{
	width: 100%;
}
DIV.widgetized
{
	clear: both;
}
.widgetized FIGURE
{
	margin-bottom: 1.5em;
}
.widgetized FIGURE FIGCAPTION
{
	border-top: 1px solid #CCC;
	font-size: smaller;
	font-weight: bold;
	padding: 0.25em;
	/*[disabled]margin-top:90px;*/
}
.widgetized FIGURE TABLE
{
	border: 1px solid #CCC;
	text-align: center;
	width: 100%;
}
.widgetized FIGURE TABLE TBODY
{
}
.widgetized FIGURE TABLE TBODY TR:nth-child(even)
{
	/*[disabled]background:#EEE;*/
}
.widgetized FIGURE TABLE THEAD
{
}
.widgetized FIGURE TABLE THEAD TR
{
}
.widgetized FIGURE TABLE THEAD TR TH
{
	border-bottom: 3px double #CCC;
	font-weight: bold;
}
.widgetized FIGURE TABLE TFOOT
{
}
.widgetized FIGURE TABLE TFOOT TR
{
}
.widgetized FIGURE TABLE TFOOT TR TD
{
	border-top: 3px double #CCC;
	font-weight: bold;
}
.widgetized FIGURE TABLE TFOOT TR #today
{
	border: 3px double;
}
/** Webcomic Archives*/
TABLE.webcomic-archive
{
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 0 0 1.5em;
	text-align: center;
	width: 100%;
}
TABLE.webcomic-archive TH
{
	border: 3px double #CCC;
	font-weight: bold;
	padding: 0.75em 0;
}
TABLE.webcomic-archive TR.alt
{
	background: #F5F5F5;
}
/** Footer*/
#footer
{
	background: #333;
	clear: both;
	color: #FFF;
	padding: 0.25em 0.5em;
}
#footer A
{
	color: #CCC;
	font-weight: bold;
}
#footer A:hover
{
	color: #FFF;
}
HTML, BODY
{
	padding-right: 0em;
	padding-bottom: 0px;
	padding-left: 0em;
}
BODY
{
	background: #000 url('http://kafkaskoffee.com/wp/wp-content/uploads/2010/07/blog_Background.png');
	background-attachment: fixed;
}
#header HR
{
	background: #000;
}
#webcomic NAV.above
{
	border: none;
}
/** ERIC EDIT**/
.storetitleimage
{
	/*[disabled]margin-bottom:-105px;*/
	/*[disabled]+placement:float-left -18px -108px;*/
	margin-left: -15px;
}
