/**
 * Theme Name: Inkblot Child
 * Theme URI: http://maikeruon.com/webcomic/
 * Description: Make an impression with the original, highly customizable <a href="http://maikeruon.com/webcomic/">Webcomic</a> theme.
 * Version: 1.0.0
 * Author: Michael Sisk
 * Author URI: http://maikeruon.com/
 * Tags: black, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, theme-options, threaded-comments, sticky-post
 * Template: inkblot
 */
 
/** Load the Cascade Failure CSS Framework */
@import url( '../inkblot/includes/css/cf-reset.css' );
@import url( '../inkblot/includes/css/cf-layout.css' );
@import url( '../inkblot/includes/css/cf-typography.css' );

/* defaults - overrides basic styling from the Cascade Failure framework */
html {
   background: #fafafa url('http://knifestone.net/wp-content/themes/inkblot-child/images/bgpattern.jpg') repeat;
}

a {
   color:#333;
   text-decoration:underline;
}

h2 {
   color: #e54545;
   font-weight: bold;
}

h1 {
   color: #fff;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a:hover {
   text-decoration:none;
}

textarea {
   width:98%;
}

.group { /* This rule sets the default width for the entire site */
   width: 946px;
   background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/bg.gif') repeat-y;
}

.content-main {
   width: 480px;
}


.map {
   margin: -11px;
   width: 477px;
   height: 692px;
   text-align: left;
   background: #f3f3f3;
}


/* MAGICAL HOVER SHIT */
#imap {
  display:block; 
  width: 477px; 
  height: 692px; 
  background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/map.jpg');
  background-repeat: no-repeat;
  position: relative;
  }
  
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block; 
  width: 477px; 
  height:0; 
  padding-top:692px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background: transparent url('http://knifestone.net/wp-content/themes/inkblot-child/images/maphover.jpg') 692px 477px;
  background-repeat: no-repeat;
  cursor:default;
  }
  
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  he\ight:0;
  }
  
  /* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }

/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; w\idth:388px;
  }

 /* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }

/* move the link background image to position 0 0 when hovered */
#imap a#borea:hover, #imap a#argose:hover, #imap a#lavonne:hover, #imap a#orelle:hover, #imap a#knifestone:hover, #imap a#lebester:hover, #imap a#tira:hover, #imap a#scond:hover, #imap a#southsea:hover {
  background-position:0 0;
  }

/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #borea {
  left:246px; 
  top:63px; 
  z-index:20;
  }
#imap #argose {
  left:382px; 
  top:100px; 
  z-index:20;
  }
#imap #lavonne {
  left:210px; 
  top:127px; 
  z-index:20;
  }
#imap #orelle {
  left:376px; 
  top:293px; 
  z-index:20;
  }
#imap #knifestone {
  left:314px; 
  top:334px; 
  z-index:20;
  }
#imap #lebester {
  left:246px; 
  top:467px; 
  z-index:20;
  }
#imap #tira {
  left:435px; 
  top:478px; 
  z-index:20;
  }
#imap #scond {
  left:163px; 
  top:592px; 
  z-index:20;
  }
#imap #southsea {
  left:326px; 
  top:570px; 
  z-index:20;
  }
  
  /* style the <dd><a> links physical size and the background image for the hover */
#imap a#borea {
  display:block; 
  width:50px; 
  height:21px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/bor-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#argose {
  display:block; 
  width:59px; 
  height:22px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/arg-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#lavonne {
  display:block; 
  width:68px; 
  height:21px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/lav-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#orelle {
  display:block; 
  width:53px; 
  height:21px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/ore-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#knifestone {
  display:block; 
  width:107px; 
  height:28px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/kni-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#lebester {
  display:block; 
  width:64px; 
  height:22px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/leb-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#tira {
  display:block; 
  width:35px; 
  height:21px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/tir-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#scond {
  display:block; 
  width:50px; 
  height:23px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/sco-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
#imap a#southsea {
  display:block; 
  width:135px; 
  height:94px; 
  background: transparent url( 'http://knifestone.net/wp-content/themes/inkblot-child/images/sos-h.gif' ) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  
  /* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:150px; 
  display:block; 
  background:#fff; 
  color:#000; 
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 2px solid #434343;
  padding:5px;
  }

/* move the span text to a common position at the bottom of the image map */
#imap a#borea:hover span {
  left:-220px; 
  top:155px;
  }
#imap a#argose:hover span {
  left:-355px;
  top:118px;
  }
#imap a#lavonne:hover span {
  left:-184px; 
  top:91px;
  }
#imap a#orelle:hover span {
  left:-350px; 
  top:-76px;
  }
#imap a#knifestone:hover span {
  left:-288px; 
  top:-118px;
  }
#imap a#lebester:hover span {
  left:-220px; 
  top:-252px;
  }
#imap a#tira:hover span {
  left:-409px; 
  top:-262px;
  }
#imap a#scond:hover span {
  left:-137px; 
  top:-375px;
  }
#imap a#southsea:hover span {
  left:-300px; 
  top:-355px;
  }
  
/* END OF MAGICAL HOVER SHIT */


.sidebar-one {
   width: 230px;
   text-align: right;
}

.sidebar-two {
   width: 230px;
   text-align: left;
}

ul {
   list-style-type: none;
}

.widget {
   padding: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 2px solid #434343;
   background: #e3e3e3;
   margin-bottom: 12px;
}

.content-main .interior {
   width: 455px;
   margin-top: 55px;
   margin-bottom: 20px;
   background: #b3b3b3;
   padding: 12px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 2px solid #434343;
}

/* wrappers */

#wrap-outer {
   /* background:url(images/trim-left.png) repeat-y; */
	padding:0 12px;
}

#wrap-inner {
   /* background:url(images/trim-right.png) right repeat-y; */
	margin:0 -12px 0 0;
   padding:0 12px 0 0;
}

/* page */
#page {
   background: #fafafa url('http://knifestone.net/wp-content/themes/inkblot-child/images/bgpattern.jpg') repeat;
}

/* site name */
#head .name {
   font:bold 300%/1em Constantia, Palatino, Times, serif;
   margin: -18px 0 -18px;
}

#head .name a {
   text-decoration:none;
}

/* site description */
#head .description {
   font:italic 150%/1em Constantia, Palatino, Times, serif;
}

/* foot */
#foot {
   height: 120px;
   background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/bg.gif') repeat-y;
   color:#fff;
   text-align:center;
}

#foot .group {
   background: #636363;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 2px solid #434343;
}

#foot a {
   color:#ccc;
   font-weight:bold;
   text-decoration:none;
}

#foot a:hover {
   color:#fff;
}

#foot .interior {
   line-height:2em;
   padding:0 1em;
}

/* navigation - site */
#head .group { /* This rule ensures dropdown menus aren't hidden behind other page elements in Internet Explorer */
   z-index:1;
}

.navi-site {
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   width:100%;
}

.navi-site li {
   float:left;
}

.navi-site li.alignright {
   float: right;
}

.navi-site a {
   color:#ccc;
   display:block;
   font-weight:bold;
   line-height:2em;
   padding:0 1em;
   text-decoration:none;
}

.navi-site a:hover {
   color:#fff;
}

.navi-site li ul {
   display:none;
   list-style:none;
   margin:0;
   padding:0;
   position:absolute;
}

.navi-site ul li {
   float:none;
   white-space:nowrap;
}

/* navigation - comic */
.navi-comic {
   margin-top: 12px;
   background:#939393;
   float: left;
   width:100%;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 2px solid #434343;
}

.navi-comic a {
   margin-left: 33px;
   margin-right: 33px;
   margin-top: 5px;
   margin-bottom: 5px;
   color:#ccc;
   float: left;
   font-weight:bold;
   line-height:2em;
   text-decoration:none;
   width:25%;
}

.navi-comic a:hover {
   color:#fff;
}

.navi-comic a span { display: none; }

.navi-comic .first-comic-link { background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/navicomic.jpg') 0 0; display: block; width: 45px; height: 15px; }
.navi-comic .next-comic-link { background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/navicomic.jpg') -90px 0; display: block; width: 45px; height: 15px; }
.navi-comic .previous-comic-link { background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/navicomic.jpg') -45px 0; display: block; width: 45px; height: 15px; }
.navi-comic .last-comic-link { background: url('http://knifestone.net/wp-content/themes/inkblot-child/images/navicomic.jpg') -135px 0; display: block; width: 45px; height: 15px; }

.navi-comic .first-comic-link:hover { background-position: 0 -15px; }
.navi-comic .next-comic-link:hover { background-position: -90px -15px; }
.navi-comic .previous-comic-link:hover { background-position: -45px -15px; }
.navi-comic .last-comic-link:hover { background-position: -135px -15px; }

.navi-comic .first-comic-link.current-comic { background-position: 0 -30px; }
.navi-comic .next-comic-link.current-comic { background-position: -90px -30px; }
.navi-comic .previous-comic-link.current-comic { background-position: -45px -30px; }
.navi-comic .last-comic-link.current-comic { background-position: -135px -30px; }




/* navigation - posts (for the blog and on single post pages) */
.navi-posts {
   float:left;
   width:100%;
}

.navi-posts-above {
   margin-bottom:1.5em;
}

.navi-posts .navi-next {
   float:right;
}

.navi-posts .navi-previous {
   float:left;
}

/* navigation - paged (for paged posts) */
#comments .navi-paged { /* This rule centers the paged navigation above and below comment lists */
   text-align:center;
}

.navi-paged a {
   border:.1em solid #333;
   padding:.15em .25em;
   text-decoration:none;
}

.navi-paged a:hover {
   background:#333;
   color:#fff;
}

/* navigation - images */
.navi-attachment { /* This rule hides the attachment navigation for non-image attachments */
   display:none;
}

.attachment-image .navi-attachment { /* This rule reveals the attachment navigation for image attachments */
   display:block;
   float:left;
   width:100%;
}

.navi-attachment {
   border-bottom:.1em solid;
   margin:0 0 1.5em;
   padding:.75em 0;
}

.navi-attachment img {
   height:5em;
   vertical-align:bottom;
   width:5em;
}

.navi-attachment .navi-next {
   float:right;
}

.navi-attachment .navi-previous {
   float:left;
}

/* blog title */
.blog-title {
   border-bottom:.1em solid;
   margin:0 0 3em;
}

.blog-title span {
   display:none;
}

/* content */
/* This rule prevents wide content from overlapping the sidebars */
/* #body .content { 
   overflow:hidden;
} */

/* comics */
#body .comic img,
#body .comic object {
   vertical-align:bottom;
}

/* comic embed code */
.comic-embed-code {
   display:block;
   width:98%;
}

/* posts */
.comic h2 a {
   color: #fff;
}

#body .post {
   margin:0 0 3em;
}

#body .post .meta {
   text-align:right;
}

#body .post .meta-single {
   border-style:solid;
   border-width:.1em 0;
   padding:.75em 0;
   text-align:left;
}

#body .post a {
   color: #fff;
}

/* attachments */
#body .attachment .object {
   text-align:center;
}

#body .attachment .meta {
   border-style:solid;
   border-width:.1em 0;
   padding:.75em 0;
}

/* transcripts */
#transcript-title {
   border-top:.1em solid;
   cursor:pointer;
   font-weight:bold;
   padding:.75em 0;
}

#transcript {
   display:none;
}

#transcript label {
   display:block;
   float:left;
   width:25%;
}

#transcript-response {
   color:#fff;
   margin:0 0 1.5em;
   font-weight:bold;
   text-align:center;
}

#transcript-response span {
   display:block;
   padding:.75em;
}

#transcript-response .error {
   background:#c10;
}

#transcript-response .success {
   background:#9c0;
}

/* comments */
#respond label {
   display:block;
   float:left;
   width:25%;
}

#comments {
   margin-top: 20px
}

.commentlist {
   list-style:none;
   margin:0 0 3em;
   padding:0;
}

.commentlist .comment {
   padding: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 2px solid #434343;
}

.commentlist .pingback {
   border:.1em solid #ccc;
   margin:0 0 3em;
   padding:.75em .75em 0;
}

.commentlist .comment.bypostauthor {
   border:.25em double #333;
}

.commentlist .vcard {
   font-weight:bold;
}

.commentlist .vcard img.avatar {
   float:left;
   margin:0 1.5em 1.5em 0;
}

.commentlist .vcard span.says {
   display:none;
}

.commentlist .comment-meta {
   color:#999;
   padding:0 0 1.5em;
}

.commentlist .reply {
   padding-bottom:.75em;
}

.commentlist .children {
   list-style:none;
   margin:0;
   padding:0;
}

.commentlist .even {
   background:#fff;
}

.commentlist .odd {
   background:#fafafa;
}

/* sidebars and widgetized areas */
.sidebar { /* This rule prevents wide content from breaking the sidebar */
   overflow:hidden;
}

.sidebar .interior {
   list-style:none;
   margin:0;
}

.sidebar .interior ul,
.widgetized ul { /* This rule and the next correct unordered list display in the sidebars and widgetized areas */
   margin:0 0 1.5em 1.5em;
   padding:0 0 0 1.5em;
}

.sidebar .interior ul ul,
.widgetized ul ul {
   margin:0 0 0 1.5em;
}

.sidebar input,
.sidebar select { /* This rule ensures <input> and <select> elements don't break out of the sidebar */
   width:100%;
}

/* comic archive - date */
.comic-year {
   font:200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   margin:0 0 .75em;
}

table.comic-archive .comic-date-col {
   border-right:.1em solid #ccc;
   width:30%;
}

table.comic-archive .alt {
   background:#fafafa;
}

table.comic-archive th {
   text-align:left;
}

/* comic archive - chapter */
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;
}

/* WordPress Calendar */
#calendar .widgettitle {
   display:none;
}

#wp-calendar {
   border:.1em solid #ccc;
   caption-side:top;
}

#wp-calendar caption {
   font-size:100%;
   font-weight:bold;
}

#wp-calendar th {
   padding:0;
}

#wp-calendar td {
   border:.1em solid #ccc;
   padding:0;
   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;
}

/* 404 Recent Comics */
.error-404 .recent-comics {
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   width:100%;
}

.error-404 .recent-comics li {
   float:left;
   margin:0 1.5em 1.5em 0;
}

.error-404 .recent-comics a {
   text-decoration:none;
}