/**
 * 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:#FFF;
}

body {font:62.5%/1.2em arial,sans-serif;color:#333;}

strong { font-weight:bold; }

a { color:#999; }
a:hover { text-decoration:underline; color:#F36; }
a:visited { text-decoration:none; color:#999; }

.entry a, .entry a:visited { color:#F36; }
.entry a:hover { color:#F36; text-decoration: underline; }
.entry a:visited { color: #F36; text-decoration: none; }

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

p {
font-size:105%;
line-height:14px;
margin:25px 0;
text-align:left;
word-spacing:0;
}

.dotted { background:url("images/spacer_dot-line_700px.gif") no-repeat scroll left top transparent;
overflow:hidden; border:0; padding:8px 0; width:300px; margin:0 0 20px;}

blockquote { border-left:1px solid #333; margin:15px; padding:0 12px; }

textarea, #respond input {
	width:98%; background-color:#fff;border:1px solid #ccc;
}

#forsale { display: block; padding: 0 0 20px 0; }
#buynow { float:none; left:340px; margin:-18px 0 0; position:absolute;  }

.sprayit {font-size:120%;font-weight:bold;text-transform:uppercase;border:0 !important;cursor:pointer;cursor:hand;color:#F36}

.sprayit:hover {text-decoration:underline}

.group { /* This rule sets the default width for the entire site */
	width:935px; /* width:100%; */
}
#head, #foot {width:935px;}

/* classes - golden ratio */
.content      { width:700px; }
.sidebar      { float: left;width:225px;max-width:300px;margin:2px 0 0 10px;line-height:14px}

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

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



/* page */
#page {
	background:#fff;
}


/* foot */
#foot {
	color:#999;
	text-align:center;
}

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

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

#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:#999;
	display:block;
	font-weight:bold;
	line-height:2em;
	padding:0 1em;
	text-decoration:none;
}

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

.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 {
	/* float:left; */
	width:100%;display:block;height:auto;overflow:auto;text-transform:uppercase;font-size:110%;
}

.navi-comic-above { margin:10px 0 10px 0; }
.navi-comic-below { margin:10px 0 0 345px; }

.navi-comic a {
	color:#999;
	/* float:left; 
	font-weight:normal; */
	line-height:2em;
	text-decoration:none;
	/* width:25%; */
	padding: 0 5px;
}

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

.navi-comic .current-comic {
	visibility:hidden;
}


	
/* 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:#999;
}



/* 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 {
	margin:0 0 3em;
}

.blog-title span {
	display:none;
}



/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
	overflow:hidden;padding:20px 0;
	background:url('images/spacer_dot-line_700px.gif') no-repeat top left;
}


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

.webcomic-object img { /* margin: 20px auto; display: block; */ }

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

h2 {font-weight: bold; font-size: 120%; text-transform: uppercase; }
h3 {font-weight: bold; font-size: 110%; text-transform: uppercase; }

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

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

div.meta {background-color:#E5E5E5;
          border-bottom:1px solid #333;
          border-top:1px solid #333;
          color:#999;
          font-size:1em;
          padding:2px 3px 3px 8px; width:700px;}

div.meta a { color: #F36; }

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

.archive-post { width: 700px !important; }

/* .webcomic_post {width: 450px;} */

#social { padding: 10px 0; width: 700px; }

#social ul { list-style-type: none ; }
#social ul li { display: inline; padding: 3px; line-height: 50px; }

.twitshare iframe { position:relative; top:7px; }
.reddit iframe { position:relative; top:9px; left: -13px; }
.stumble iframe { position:relative; top:5px; left: -10px;}

.fb-like { clear:left; display:block !important; margin:0 0 -40px; }

#sharecomic { width:450px; display:block; margin: -20px 0 0 0; cursor:pointer; }
#share { position:absolute; }
/* #sharecomic textarea {display: none;} */
input.webcomic-embed-code {width:450px;display:block;}

.meta ul { display:inline; list-style-type:none; }
.meta ul li { display:inline; }

/* 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:#999;
	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 */

#comments { /* background:url("images/spacer_dot-line_700px.gif") no-repeat scroll left top transparent; */
            border-top: 1px solid #333; margin:20px 0 0; padding: 30px 0 0; }

#respond { width:450px; }

#respond label {
	display:block;
	/* float:left; */
	width:35%;
        font-weight: normal;
}

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

.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 */
	/* overflow:hidden; */
}

.sidebar .interior {
	list-style:none;
	margin:0;padding: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; */ line-height:15px;
}

.sidebar .interior ul li,.widgetized ul li { padding-bottom:5px; }

.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%; background-color:#E5E5E5;border:1px solid #ccc;
}



/* comic archive - date */
.comic-year {
	font:200%/1em  Arial, Helvetica, sans-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  Arial, Helvetica, sans-serif;
	margin:0 0 .75em;
}

ol.comic-archive .comic-volume-item a {
	font:150%/1em  Arial, Helvetica, sans-serif;
	margin:0 0 1em;
}

ol.comic-archive .comic-chapter-item a {
	font:125%/1em  Arial, Helvetica, sans-serif;
	margin:0 0 1.2em;
}

ol.comic-archive .comic-chapter-pages a {
	font:115%/1em  Arial, Helvetica, 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;
}

/* CF Resets */
.interior {padding:0;}

.clear {clear:both;}

/* Header */

#head {padding:110px 0 0 0;}

#head .name {display:inline-block;}
#head .name a, #head .name a:visited {
	display:inline-block;font-size:21pt;font-weight:normal;
	letter-spacing:8pt;text-decoration: none;}
#head .name a:hover {text-decoration: none;}
#head .name span {text-decoration: none; color: #333; }
#head .description {display:inline-block;font-weight:normal;font-size:9pt;}



.content .comic .object, .content .interior {
	padding:22px 0; width: 700px;
	background:url('images/spacer_dot-line_700px.gif') no-repeat bottom left;}

#comic-interior { /* background:url('images/spacer_dot-line_700px.gif') no-repeat top left; */ 
                     border-top: 1px solid #333; margin:20px 0 0; }

.content .comic .object img {/* display:block; */border:1px solid #EEE;}

/* Archive Listing */
.archive .comic {display:block;clear:both;height:auto;}

.archive .comic .object {display:block;clear:both;height:auto;}
.archive .comic .object .thumb {display:block;float:left;margin:0 25px 15px 0;padding:0;}
.archive .comic .object .thumb img {border:1px solid #EEE;}

.archive .comic .object b.date {font-size:10pt;font-weight:normal;text-transform: uppercase;}
.archive .comic .object h2 {}
.archive .comic .object h2 a, .archive .comic .object h2 a:visited {
	font-size:11pt;font-weight:bold;text-transform: uppercase;
}
.archive .comic .object h2 a:hover {}
.archive .comic .object .entry {}


.textwidget {font-size:11px;}
.textwidget h1 {font-size:24px;}

#text-7 {}
#text-7 td {padding:0;}
#text-7 {position:relative;z-index:2000;}