/**
 * 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 {

}

hr {
  color:#81b4d7;
  background-color: #81b4d7;
  height: 2px;
  padding: 0px 0px 0px 0px;
  margin: 12px 0px 12px 0px;
  border: none;
clear: both;}



body {	
    margin:0;
	padding:0px;
	background:#255b93 url('images/background.jpg') center top no-repeat;
	height:100%;
	
}



img.alignleft { padding: 0px; margin: 0px 10px 20px 0px; display: inline; border: 6px solid #d7edf8;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}

img.alignright { padding: 0px; margin: 0px 0px 0px 10px; display: inline; border: 6px solid #d7edf8;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;  }

h1 {color:#255b93;
border: 1px solid #fff;
	display: block;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	width: 590px;
	line-height: 100%;
	background-color:#b6d9ed ; 
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:50px;
	font-weight:900;
	font-style: normal;
	letter-spacing:-2px;
	margin: 0px 0px 0px 0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	text-shadow:#fff 1px 1px;}

.comic h1 {color:#255b93;
border: 1px solid #fff;
	display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 590px;
	line-height: 100%;
	background-color:#b6d9ed ; 
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:50px;
	font-weight:900;
	font-style: normal;
	letter-spacing:-2px;
	margin: 0px 0px 0px 0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	text-shadow:#fff 0px 0px 1px;}

.comic p{color:#8ac3ea;}

h2 {color:#255b93;
	line-height: 100%; 
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:30px;
	font-weight:900;
	font-style: normal;
	letter-spacing:-1px;
	margin: 0px;
	padding:0px;
	text-shadow:#fff 1px 1px;}

h3 {color:#255b93;
	line-height: 10px; 
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:24px;
	font-weight:900;
	padding: 10px 0 0 0;
	font-style:italic;	
	text-shadow:#fff 1px 1px 1px;}
	
h1 a:visited {font-style:normal;}

h1 a{color:#255b93;
font-style:normal;
text-shadow:#fff 1px 1px;

	}

h1 a:hover{color:#0b4e93;
text-shadow:#fff 1px 1px;
}

a {
	color:#1d64b0;
}

a:hover {color:#004e8d;
		text-decoration:underline;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	text-decoration:none;}

blockquote {display:block;
	background-color:#d7edf8;
	width:450px;
	padding:15px;
	margin:0px 0px 15px 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}

textarea {display:block;
	width:590px;
	padding:15px;
	margin:0px;
	border: 3px solid #b6d9ed;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}

.comic-embed-code {
	overflow:hidden;
	border: 3px solid #b6d9ed;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

}

.group {width: 863px; background-color: #000;  height:100%;min-height:100%;
padding: 0px 0px 0px 0px;
}


/* Hack for IE */
* html #Content {
    height: 100%;
}
/* End IE Hack */ 



.content-main {  width: 663px;
    min-height: 100%;
    height: 100%;
	
	; background: #8ac3ea}
.sidebar-one { width: 200px; height:100%; 
    min-height: 100%;
    height: 100%;
background-color:#000;
}




/* page */
#page {
	background-color:#000;
	height:100%;
	min-height:100%;
}

#body .page  {
	border: 1px solid #fff;
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size: 14px;
	font-weight:500;
	display: block;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	width: 590px;
	height:100%;
	background-color:#eff9fe ;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	
}



/* site name */
#head .name a {
	background: url('images/header.jpg') center top;
	display: block;
	height: 200px;

	
}

#head .interior {padding: 0; } 

#head .name a span {display: none; }

#head .name a {
	text-decoration:none;
}



/* site description */
#head .description {
	display: none;
}



/* foot */
#foot {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	background:#015e97;
	color:#fff;
	text-align:center;
}

#foot a {
	color:#bae0f7;
	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 {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	display:block;
	background:#005e96 url('images/navi-site.jpg') center top no-repeat;;
	float:none;
	list-style:none;
	margin:0;
	padding:0;
	width:863px;
	height:40px;
	text-align:center;
}

.navi-site li {
	float:left;
}

.navi-site li.alignright {
	float: right;
}

.navi-site a {
	color:#ffffff;
	display:block;

	font-weight:900;
	font-size:14px;
	line-height:.5em;
	padding:0 1em;
	text-decoration:none;
	text-shadow:#000 0px 0px 6px;
}

.navi-site a:hover {
	color:#f9d926;
}

.navi-site li ul {
	background:#004e8d;
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}

.navi-site ul li {
	float:none;
	white-space:nowrap;
}


	
/* navigation - comic */
.navi-comic {
	background:#000000;
	float:left;
	width:100%;
}

.navi-comic a {
	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-above .first-comic-link    { background: url( 'images/comic-nav.gif' ) 0 0; display: block; width: 165 px; height: 60px; }
.navi-comic-above .previous-comic-link { background: url( 'images/comic-nav.gif' ) -160px 0; display: block; width: 165 px; height: 60px; }
.navi-comic-above .next-comic-link     { background: url( 'images/comic-nav.gif' ) -330px 0; display: block; width: 165 px; height: 60px; }
.navi-comic-above .last-comic-link     { background: url( 'images/comic-nav.gif' ) -497px 0 no-repeat; display: block; width: 165 px; height: 60px; }	

.navi-comic-above .first-comic-link:hover { background-position: 0 -60px; }
.navi-comic-above .previous-comic-link:hover { background-position: -160px -60px; }
.navi-comic-above .next-comic-link:hover { background-position: -330px -60px; }
.navi-comic-above .last-comic-link:hover { background-position: -497px -60px; no-repeat}

.navi-comic-above .first-comic-link.current-comic { background-position: 0 -120px; }
.navi-comic-above .previous-comic-link.current-comic { background-position: -160px -120px; }
.navi-comic-above .next-comic-link.current-comic { background-position: -330px -120px; }
.navi-comic-above .last-comic-link.current-comic { background-position: -497px -120px; no-repeat}


.navi-comic-below .first-comic-link    { background: url( 'images/comic-nav-below.gif' ) 0 0; display: block; width: 165 px; height: 60px; }
.navi-comic-below .previous-comic-link { background: url( 'images/comic-nav-below.gif' ) -160px 0; display: block; width: 165 px; height: 60px; }
.navi-comic-below .next-comic-link     { background: url( 'images/comic-nav-below.gif' ) -330px 0; display: block; width: 165 px; height: 60px; }
.navi-comic-below .last-comic-link     { background: url( 'images/comic-nav-below.gif' ) -497px 0 no-repeat; display: block; width: 165 px; height: 60px; }	

.navi-comic-below .first-comic-link:hover { background-position: 0 -60px; }
.navi-comic-below .previous-comic-link:hover { background-position: -160px -60px; }
.navi-comic-below .next-comic-link:hover { background-position: -330px -60px; }
.navi-comic-below .last-comic-link:hover { background-position: -497px -60px; no-repeat}

.navi-comic-below .first-comic-link.current-comic { background-position: 0 -120px; }
.navi-comic-below .previous-comic-link.current-comic { background-position: -160px -120px; }
.navi-comic-below .next-comic-link.current-comic { background-position: -330px -120px; }
.navi-comic-below .last-comic-link.current-comic { background-position: -497px -120px; no-repeat}


/* navigation - posts (for the blog and on single post pages) */
.navi-posts {
	display:block;
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	float:left;
	width:610px;
	background-color:#b6d9ed;
	padding: 0px 5px 0px 5px;
	margin: 10px 0px 10px 0px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.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 */
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	text-align:center;
	margin:0px;
	padding:0px;
	
}

.navi-paged a {
	border:.1em solid #004e8d;
	padding:.15em .25em;
	text-decoration:none;
}

.navi-paged a:hover {
	background:#004e8d;
	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 {
}

.blog-title span {
	display:none;
}



/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
	overflow:hidden;
	height:100%;
	min-height:100%;
}


	
/* comics */
#body .comic img,#body .comic object {
	vertical-align:bottom;
}



/* comic embed code */
.comic-embed-code {
	display:block;
	width:98%;
}



/* posts */
#body .post {
	margin:0 0 3em;
	height:100%;
	min-height:100%;
}

.post {
	border: 1px solid #fff;
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size: 14px;
	font-weight:500;
	display: block;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	width: 590px;
	margin: 0px;
	background-color:#eff9fe ;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	
}

#body .post .meta {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	text-align:right;
}

.meta {font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;}

#body .post .meta-single {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	border-style:solid;
	border-color:#b6d9ed;
	border-width:.1em 0;
	padding:.75em 0;
	text-align:left;
}



/* attachments */
#body .attachment .object {
	text-align:center;
}

#body .attachment .meta {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	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 {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	display:block;
	float:left;
}
	
}


.commentlist .comment,.commentlist .pingback {
	margin:0px;
	padding:0px;
}

.commentlist .comment.bypostauthor {

}

.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 {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	color:#999;
	padding:0px;
}

.commentlist .reply {
	padding-bottom:.75em;
}

.commentlist .children {
	list-style:none;
	margin:0px;
	padding:0px;
}

.commentlist .even {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size: 13px;
	font-weight:500;
	display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 590px;
	height:100%;
	background-color:#eff9fe;
	margin: 10px 0px 10px 0px;
	padding: 15px;
}

.commentlist .odd {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size: 13px;
	font-weight:500;
	display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 590px;
	height:100%;
	background-color:#eff9fe;
	margin: 10px 0px 10px 0px;
	padding: 15px;
}


.commentlist {list-style:none;
margin: 0px;
padding: 0px;}




/* sidebars and widgetized areas */
#searchform input {
	border-width:0px;
	display:block;
	width:154px;
	height:20px;
	padding: 0px 0px 0px 10px;
	background-color:#255b93;
	color: #1c446e; }

#searchform {
	border-width:0px;
	display:block;
	width:154px;
	height:20px;
	padding: 0px 0px 0px 0px;
	background-color:#255b93;
	color: #1c446e; }

.sidebar { /* This rule prevents wide content from breaking the sidebar */
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:12px;
	font-weight:900;
	overflow:hidden;
	height:100%;
	min-height:100%;
	padding:0px;
	margin:0px;
	}

.sidebar a {font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;}

.widgettitle {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-weight:100;
	color:ffffff;
	background-color:#001019;
	text-transform: uppercase;
    	font-size:16px;
    	display: block;
	width: auto;
	height: auto;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	padding-left:0px;
	margin: 5px 0px 5px 0px;
	text-shadow:#000 1px 1px 6px;
	text-align:center;}


.sidebar-one #search-3 {display: block;
	font-weight:100;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: auto;
	background-color:#011826 ;
	
	}

.sidebar-one #recent-comics-3{display: block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: auto;
	background-color:#011826 ;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	list-style:none;
	text-decoration:none;
	
	
}

#recent-comics-3 a {text-decoration:none;}

#recent-comics-3 ul{list-style:none;
	padding:0px;}

.sidebar-one #dropdown-comics-3 {display: block;
	font-weight:100;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: auto;
	background-color:#011826 ;
	
	}

.sidebar-one #categories-3 {display: block;
	font-weight:100;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: auto;
	background-color:#011826 ;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	
	}

.sidebar-one #linkcat-2 {display: block;
	font-weight:100;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: auto;
	background-color:#011826 ;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	
	}
/* 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 */
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	margin:0 0 0 0;
	padding:0 10px 0 20px;
	color:#4175ac;
}

.sidebar .interior ul ul,.widgetized ul ul {
	font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	margin:0 0 0 0;
}

.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 "museo-sans-1","museo-sans-2",'Arial', 'verdana', '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 "museo-sans-1","museo-sans-2", 'Arial', 'verdana', 'sans-serif';
	margin:0 0 .75em;
}

ol.comic-archive .comic-volume-item a {
	font:150%/1em "museo-sans-1","museo-sans-2", 'Arial', 'verdana', 'sans-serif';
	margin:0 0 1em;
}

ol.comic-archive .comic-chapter-item a {
	font:125%/1em "museo-sans-1","museo-sans-2", 'Arial', 'verdana', 'sans-serif';
	margin:0 0 1.2em;
}

ol.comic-archive .comic-chapter-pages a {
	font:115%/1em "museo-sans-1","museo-sans-2", 'Arial', 'verdana', '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:#001d2e;
	color:#fff;
	display:block;
	text-decoration:none;
}

#wp-calendar #today {
	border:.25em double #001d2e;
}



/* 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;
}
