/**
* Theme Name: Inkblot Child
* Theme URI: http://maikeruon.com/webcomic/
* Description: Make an impression with the original, highly customizable Webcomic 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 */
/* classes - grouping */
.group { clear: both; overflow: visible; position: relative; zoom: 1; }
.group .group { list-style: none; margin: 0; padding: 0; width: auto; }
.group:after { content: ''; display: block; clear: both; }
.interior { padding: 1.5em; }
/* classes - golden ratio */
/* classes - common widths */
.auto-width { width: 100%; }
.xx-large { width: 80%; }
.x-large { width: 75%; }
.large { width: 66.6%; }
.medium { width: 50%; }
.small { width: 33.3%; }
.x-small { width: 25%; }
.xx-small { width: 20%; }
/* classes - alignment */
.aligncenter { margin: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wcid {
margin-bottom: 16px;
margin-left: 175px;
color: #2b3630;
text-align:center;
font-family: Tahoma, Verdana, Geneva, sans-serif;
font-weight:normal;
width:650px;
clear:both;
font-size: 11px;
line-height: 13px;
}
.wcid a{
color: #000000;
text-decoration:none;
font-weight:bold;
}
.wcid a:hover{
color: #333333;
text-decoration:underline;
}
/* classes - clearing */
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
/* classes - display */
.hide { display: none; }
.invisible { visibility: hidden; }
/* defaults - overrides basic styling from the Cascade Failure framework */
textarea {
width:98%;
}
/* wrappers */
/* page */
/* site name */
/* site description */
/* foot */
#banner-back {
background:#692;
width:100%;
}
#comic-back {
background:#DADADA;
width:100%;
}
/* navigation - site */
/* navigation - comic */
.navi-comic {
width:400px;
background-color: #fff;
padding: 0px;
margin-left: 125px;
}
.navi-comic a {
color:#999;
float:left;
font-weight:bold;
line-height:2em;
text-decoration:none;
width:25%;
}
.navi-comic a:hover {
color:#bbb;
}
.navi-comic a span {display:none;}
.navi-comic .first-comic-link {
background-image: url(http://comics.gamecreature.com/wp_nav/gc_comic_nav.gif);
display: block;
height: 66px;
width: 100px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.navi-comic .previous-comic-link {
background-image: url(http://comics.gamecreature.com/wp_nav/gc_comic_nav.gif);
display: block;
height: 66px;
width: 100px;
background-position: -100px 0px;
background-repeat: no-repeat;
}
.navi-comic .next-comic-link {
background-image: url(http://comics.gamecreature.com/wp_nav/gc_comic_nav.gif);
display: block;
height: 66px;
width: 100px;
background-position: -200px 0px;
background-repeat:no-repeat;
}
.navi-comic .last-comic-link {
background-image: url(http://comics.gamecreature.com/wp_nav/gc_comic_nav.gif);
display: block;
height: 66px;
width: 100px;
background-position: -300px 0px;
background-repeat:no-repeat;
}
.navi-comic .first-comic-link:hover {
background-position: 0px -66px;
}
.navi-comic .previous-comic-link:hover {
background-position: -100px -66px;
}
.navi-comic .next-comic-link:hover {
background-position: -200px -66px;
}
.navi-comic .last-comic-link:hover {
background-position: -300px -66px;
}
.navi-comic .first-comic-link.current-comic {
background-position: 0px -132px;
}
.navi-comic .previous-comic-link.current-comic {
background-position: -100px -132px;
}
.navi-comic .next-comic-link.current-comic {
background-position: -200px -132px;
}
.navi-comic .last-comic-link.current-comic {
background-position: -300px -132px;
}
/* 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 span {
display:none;
}
/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
overflow:hidden;
}
/* comics */
#body .comic img,#body .comic object {
vertical-align:bottom;
border: thick solid #FFFFFF;
}
/* comic embed code */
.comic-embed-code {
display:block;
width:98%;
}
/* posts */
#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;
}
/* attachments */
#body .attachment .object {
text-align:center;
}
#body .attachment .meta {
border-style:solid;
border-width:.1em 0;
padding:.75em 0;
}
.entry {
font-size: 16px;
line-height: 21px;
width:600px;
}
.meta-single {
margin: 10px;
font-size: 13px;
line-height: 16px;
font-family: "Arial Narrow", Tahoma, Verdana, Geneva, sans-serif;
}
.meta-single a{
font-weight:bold;
color: #2b3630;
text-decoration:none;
}
.meta-single a:hover{
text-decoration:underline;
}
/* 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%;
font-size: 13px;
}
label, comment-required {
display:block;
float:left;
width:25%;
font-size: 13px;
}
input {
margin-right: 400px;
}
.commentlist {
list-style:none;
margin:0 0 3em;
padding:0;
}
.commentlist .comment,.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 */
}
.sidebar .interior {
list-style:none;
border: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 and