/**
 * Theme Name: InkBlot
 * Theme URI: http://maikeruon.com/wcib/
 * Description: Highly customizable theme designed for WordPress with <a href="http://maikeruon.com/wcib/">WebComic</a>.
 * Version: 2.0.0
 * Author: Michael Sisk
 * Author URI: http://maikeruon.com/
 * Tags: black, white, one-column, two-column, three-column, fixed-width, theme-options, left-sidebar, right-sidebar, multiple-sidebars comic, webcomic
 */

/* reset - resets all elements for better consistency in cross-browser styling */
address,blockquote,body,caption,div,dd,dl,dt,fieldset,form,
h1,h2,h3,h4,h5,h6,html,legend,noscript,ol,p,pre,table,tbody,
td,tfoot,th,thead,tr,ul,a,abbr,br,cite,code,dfn,em,kbd,label,
q,samp,span,strong,sub,sup,tt,var,img {
 border:          0;
 border-spacing:  0;
 margin:          0;
 outline:         0;
 padding:         0;
 list-style:      none;
 text-decoration: none;
 color:           inherit;
 font-family:     inherit;
 font-size:       inherit;
 font-style:      inherit;
 font-weight:     inherit;
 line-height:     inherit;
 text-align:      inherit;
 vertical-align:  baseline;
 border-collapse: collapse;
}

/* Inkblot thinks it's so smart. */
#exterior{
  width:948px !important;
  margin:auto
}
#content{
  width:748px !important;
  float:left
}
#sidebar1{
  width:189px !important;
  float:right
  }

.page-item-40 {
  color: #45DD92;
}
.widget {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
}

.page {
  padding-top: 10px;
  padding-left: 10px;
}

/* Navigation Buttons */
.first-comic-link {
    height: 100px;
    width:  80px;
    font-size: 10px;
    background-image: url('images/missingnumber/first.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.previous-comic-link {
    display: table-cell;
    height: 100px;
    width:  80px;
    font-size: 10px;
    background-image: url('images/missingnumber/previous.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.next-comic-link {
    display: table-cell;
    height: 100px;
    width:  80px;
    font-size: 10px;
    background-image: url('images/missingnumber/next.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.last-comic-link {
    display: table-cell;
    height: 100px;
    width:  80px;
    font-size: 10px;
    background-image: url('images/missingnumber/last.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

.menu {
  float: right;
  margin: 0;
  padding: 0;
  width: 189px;
  list-style: none;
}
.menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
  display: block;
  text-decoration: none;
  text-indent: -1000px;
  font-size: 0px;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

.menu_top         {height: 15px; background-image: url(images/missingnumber/MainMenu/MenuTop.png);}
.menu_charadex    {height: 20px; background-image: url(images/missingnumber/MainMenu/CHARADEX-arrow.png);}
.menu_charadex  a {height: 20px; background-image: url(images/missingnumber/MainMenu/CHARADEX.png);}
.menu_about       {height: 21px; background-image: url(images/missingnumber/MainMenu/ABOUT-arrow.png);}
.menu_about     a {height: 21px; background-image: url(images/missingnumber/MainMenu/ABOUT.png);}
.menu_bag         {height: 21px; background-image: url(images/missingnumber/MainMenu/BAG-arrow.png);}
.menu_bag       a {height: 21px; background-image: url(images/missingnumber/MainMenu/BAG.png);}
.menu_languages   {height: 21px; background-image: url(images/missingnumber/MainMenu/LANGUAGE-arrow.png);}
.menu_languages a {height: 21px; background-image: url(images/missingnumber/MainMenu/LANGUAGE.png);}
.menu_staffroll   {height: 22px;background-image: url(images/missingnumber/MainMenu/STAFFROLL-arrow.png);}
.menu_staffroll a {height: 22px;background-image: url(images/missingnumber/MainMenu/STAFFROLL.png);}
.menu_save        {height: 20px;background-image: url(images/missingnumber/MainMenu/SAVE-arrow.png);}
.menu_save      a {height: 20px;background-image: url(images/missingnumber/MainMenu/SAVE.png);}
.menu_map         {height: 22px;background-image: url(images/missingnumber/MainMenu/MAP-arrow.png);}
.menu_map       a {height: 22px;background-image: url(images/missingnumber/MainMenu/MAP.png);}
.menu_exit        {height: 22px;background-image: url(images/missingnumber/MainMenu/EXIT-arrow.png);}
.menu_exit      a {height: 22px;background-image: url(images/missingnumber/MainMenu/EXIT.png);}
.menu_bottom      {height: 15px;background-image: url(images/missingnumber/MainMenu/MenuBottom.png);}
ul.menu li a:hover {background: none;}

/* tags - standard formatting for common elements */
html {
	background-image: url(images/missingnumber/glitchcity-saturated.png);
	background-position: 0 0;
	background-attachment: fixed;
	color: #333;
	font: 75%/1.5em 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
}
abbr {
	border-bottom: .1em dotted;
	cursor: help;
}
blockquote {
	margin: 0 0 1.5em;
	padding: 0 1.5em;
}
code,kbd,pre,var {
	font: 125% Consolas,Monaco,Courier,monospace;
}
dfn,strong {
	font-weight: bold;
}
pre {
	display: block;
	margin: 0 0 1.5em;
	padding: 0 1.5em;
	white-space: pre-wrap;
}
em,samp {
	font-style: italic;
}
p {
	margin-bottom: 1.5em;
}
sub {
	font-size: 85%;
	vertical-align: sub;
}
sup {
	font-size: 85%;
	vertical-align: super;
}
h1 {
	font-size: 250%;
	margin: 0 0 .6em;
	padding-top: 10px;
	line-height: normal;
}
.post h1 {
  margin-top: 150px;
}
h2 {
	font-size: 200%;
	margin: .75em 0 .75em;
	line-height: 110%;
}
h3 {
	font-size: 150%;
	margin: 0 0 1em;
}
h4 {
	font: 125%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 1.2em;
}
h5 {
	font: 115%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 1.3em;
}
h6 {
	font: 100%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 1.5em;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1 a, h2 a,
h3 a, h4 a,
h5 a, h6 a {
	text-decoration: none;
}
dl {
	margin-bottom: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1.5em 1.5em;
}
ol,ul {
	margin: 0 0 1.5em 1.5em;
	padding: 0 0 0 1.5em;
}
ol ol,ul ul {
	margin: 0 0 0 1.5em;
}
ol {
	list-style: decimal;
}
ul {
	list-style: circle;
}

/* forms */
label {
	cursor: pointer;
	font-weight: bold;
}
textarea {
	font: 100%/1.5em 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
	width: 100%;
}

/* classes - generic classes used by WordPress and InkBlot */
.align-center {
	text-align: center;
}
.align-justify {
	text-align: justify;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.aligncenter {
	margin: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
.inside {
	padding: 1.5em;
}
#head .inside {
        padding: 0;
}

/* automatic float clearing - not compatible with legacy browsers */
#head:after,
#foot:after,
#content:after,
#footbar:after,
.navi:after {
	clear: both;
	content: '';
	display: block;
}

/* page wrappers */
#exterior {
	padding: 0;
}
#interior {
	margin: 0;
	padding: 0;
}
#page {
	position: relative;
}

/* site name */
#head .name {
	font: bold 250%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 .4em;
}
#head .name a {
	text-decoration: none;
}

/* site description */
#head .description {
	font: 150%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

/* site navigation */
#head .navi {
        background-image:url('images/missingnumber/glitchcity-black.png');
	background-position: 0 0;
	background-attachment: fixed;
	float: left;
	line-height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}
#head .navi li {
	float: left;
}
#head .navi li a {
	color: #999;
	display: block;
	font-weight: bold;
	padding: 0 1em;
	text-decoration: none;
}
#head .navi li a:hover,
#head .navi li.current_page_item a,
#head .navi li.current_page_ancestor a {
	color: #fff;
}
#head .navi li.alignright {
	float: right;
}
#head .navi ul {
	background: url('images/inkblot/navi.png');
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

#head .navi ul li {
	float:none;
	position:relative;
	white-space:nowrap;
}

#backdrop {
   background-image: url('images/missingnumber/glitchcity.png');
   background-position: 0 0;
   background-attachment: fixed;
   background-color: #fff;
   height: 100%;
}

/* footer */
#foot {
        background-image:url('images/missingnumber/glitchcity-black.png');
	background-position: 0 0;
	background-attachment: fixed;
	clear: both;
	color: #999;
	line-height: 2em;
	padding: 0 .85em;
}
#foot a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
#foot a:hover {
	color: #fff;
}

/* comic */
#comic {
	position: relative;
	margin-top: 10px;
	padding-bottom: 10px;
}
#comic .object {
	text-align: center;
}

/* comic navigation */
#comic .navi {
        background-image:url('images/missingnumber/glitchcity-black.png');
	background-position: 0 0;
	background-attachment: fixed;
}
#comic .navi a {
	color: #999;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
	width: 25%;
}
#comic .navi a:hover {
	color: #fff;
}
#comic .navi .current-comic {
	visibility: hidden;
}

/* comic embed */
.comic-embed-code {
	width: 100%;
}

/* comic transcripts */
#transcript-title {
	border-top: .1em solid;
	cursor: pointer;
	font: bold 100%/1.5em 'Lucida Sans', 'Lucida Grande', 'Deja Vu Sans', sans-serif;
	margin: 0;
	padding: .5em 0;
}
#transcript-title:hover {
	text-decoration: underline;
}
#the-transcript {
	display: none;
}
#the-transcript label {
	display: block;
	float: left;
	width: 25%;
}
#transcript-response {
	color: #fff;
	font-weight: bold;
	margin: 0 0 1.5em;
	text-align: center;
}
#transcript-response .error {
	background: #c00;
	display: block;
	padding: .5em;
}
#transcript-response .success {
	background: #0c0;
	display: block;
	padding: .5em;
}

/* comic date archive */
.comic-year {
	font: 200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 .75em;
}
table.comic-archive {
	margin: 0 0 1.5em;
	width: 100%;
}
table.comic-archive .comic-date-col {
	border-right: .1em solid #ccc;
	width: 30%;
}
table.comic-archive .alt {
	background: #fafafa;
}
table.comic-archive th {
	font-weight: bold;
	padding: .5em;
	text-align: left;
}
table.comic-archive td {
	padding: .5em;
}

/* comic chapter archive */
ol.comic-archive {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol.comic-archive .comic-series-item a {
	font: 200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 .75em;
}
ol.comic-archive .comic-volume-item a {
	font: 150%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 1em;
}
ol.comic-archive .comic-chapter-item a {
	font: 125%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 1.2em;
}
ol.comic-archive .comic-chapter-pages a {
	font: 115%/1em 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
	margin: 0 0 1.3em;
}

/* blog title */
#content .blog {
	border-top: 1px solid;
	font: 250%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0 .6em;
	padding: .3em 0 0;
}
#content .blog span {
	display: none;
}

$content h2 {
        padding-top: 20px;
}

#content .post {
        padding: 10px;
}

/* post meta */
#content .post .meta {
	margin-bottom: 3em;
	text-align: right;
}
#content .post .meta.align-left {
	border-style: solid;
	border-width: .1em 0;
	padding: .5em 0;
	text-align: left;
}

/* attachments */
.attachment .object {
	text-align: center;
}
.attachment .meta {
	border: .1em solid #ccc;
	margin: 0 7em 1.5em;
	padding: .5em;
	text-align: left;
}
.attachment .navi .thumb a {
	border: .1em solid #ccc;
	display: inline-block;
	padding: .5em;
}
.attachment .navi .thumb a:hover {
	border-color: #333;
}
.attachment .navi .thumb img {
	height: 5em;
	vertical-align: bottom;
	width: 5em;
}

/* comments */
#respond label {
	display: block;
	float: left;
	width: 25%;
}
#comments {
  padding-left: 20px;
}
.commentlist {
	list-style: none;
	margin: 0 0 3em;
	padding: 0;
}
.commentlist .comment {
	border: .1em solid #ccc;
	margin: 0 0 3em;
	padding: .75em .75em 0;
}
.commentlist .comment.bypostauthor {
	border: .25em double #333;
}
.commentlist .comment .vcard {
	font-weight: bold;
}
.commentlist .comment .vcard img.avatar {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.commentlist .comment .vcard span.says {
	display: none;
}
.commentlist .comment .comment-meta {
	color: #999;
	padding: 0 0 1.5em;
}
.commentlist .comment .reply {
	padding-bottom: .75em;
}
.commentlist .comment .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist .even {
	background: #fff;
}
.commentlist .odd {
	background: #fafafa;
}

/* sidebars */
.sidebar {
	list-style: none;
	margin: 10px;
	padding: 0;
}
.sidebar input,
.sidebar select {
	width: 90%;
}

/* footbar */
#footbar {
	border-top: .1em solid #333;
	clear: both;
}
#footbar ul li {
	float: left;
	width: 25%;
}
#footbar ul ul li {
	float: none;
	width: auto;
}

/* calendar */
#wp-calendar {
	border: .1em solid #ccc;
	margin: 0 0 1.5em;
	width: 100%;
}
#wp-calendar caption {
	font-weight: bold;
	padding: 0 0 .5em;
	text-align: center;
}
#wp-calendar th {
	font-weight: bold;
	text-align: center;
}
#wp-calendar td {
	border: .1em solid #ccc;
	text-align: center;
}
#wp-calendar .pad {
	background: #fafafa;
}
#wp-calendar a {
	background: #333;
	color: #fff;
	display: block;
	text-decoration: none;
}
#wp-calendar #today {
	border: .25em double #333;
}

/* recent comics 404 */
#comics404 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hentry {
	padding: 20px;
}

.hentry .fudgemargin {
	padding-top: 150px;
}

.hentry .addthis {
	padding-top: 20px;
	float: right;
}

#footercolumns {padding-top: 10px;}
#footercolumns .block {width:300px; margin-left: auto; margin-right: auto;}
#footercolumns .first {width: 600px; float:left; margin: 0;}
#footercolumns .last  {float:right; margin: 0;}