/**
 * 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:#e0e0e0 url(images/back.png) top center repeat-y;
}

a {
	color:#8e74c3;
	font-size: 14px;
	text-decoration:underline;
}

a:hover {
	color:#333;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
	color: #333;
	font-size: 18px;
}

textarea {
	width:98%;
}

/** Site Width - This should replace any existing CSS rule in your style.css file */
.group { width: 780px; }

/**
 * These are the widths that Inkblot will use for the content and sidebar areas. See the style.css file if you want to change these widths.
 * 
 * .content-main will be 780px
 * .sidebar-one will be Not used in your selected layout.
 * .sidebar-two will be Not used in your selected layout.
 */



/* wrappers */
#wrap-outer {
	padding:0px;
}

#wrap-inner {
	margin:0 0 0 0;
	padding:0  0 0;
}



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

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

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

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



/* foot */
#foot {
	background: url( 'images/footer.png' );
	color:#fff;
	text-align:center;
	height: 48px;
	margin-top: 20px;
}

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

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

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

.navi-posts-below {
	margin-bottom: 20px;
}

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

.navi-site {
	background:#fff;
	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 {
	background:#333;
	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:#fff;
	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;
}


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

.navi-posts .navi-previous a:hover, .navi-posts .navi-next a:hover {
	background-position: 0 -21px;
}

.navi-posts .navi-previous a{
	float:left;
	width: 156px;
	height: 21px;
	background-image: url( 'images/newer.png' );	
}

.navi-posts .navi-next a{
	float:left;
	width: 156px;
	height: 21px;
	background-image: url( 'images/older.png' );	
}


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

.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;
}

.object img {
	margin-bottom: 20px;
}


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



/* posts */
#body .post {
	margin: 20px 0 0 0;
}

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

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


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

.entry {
	margin-top: 10px;
}

.category-comic h2{
	margin-top: 0px;
}

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

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

#comments {
	margin-top: 20px;
}

.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;
}

.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;
}

#head .interior { padding: 0 }
#head .description,
#head .name a span { display: none; }
#head .name a { background: url( 'images/logo.png' ); display: block; height: 110px; }

.navi-comic a { display: block; float: left; height: 25px; margin-top: 0px; margin-bottom: 0px;}
.navi-comic a span { display: none; }
.navi-comic a:hover { background-position: 0 -25px; }
.navi-comic a.current-comic { background-position: 0 -50px; }
.navi-comic a.first-comic-link { background-image: url( 'images/first.png' ); width: 75px;}
.navi-comic a.last-comic-link { background-image: url( 'images/last.png' ); width: 69px; margin-left: 52px; float: right;}
.navi-comic a.previous-comic-link { background-image: url( 'images/previous.png' ); width: 112px; margin-left: 45px;}
.navi-comic a.next-comic-link { background-image: url( 'images/next.png' ); width: 70px; margin-left: 356px;}

a.navimg { display: block; float: left; height: 36px; padding: 0px; margin-bottom: 20px;}

a.nav01 { width: 91px; background-image: url( 'images/nav01.png' );}
a.nav02 { width: 120px; background-image: url( 'images/nav02.png' );}
a.nav03 { width: 80px; background-image: url( 'images/nav03.png' );}
a.nav04 { width: 78px; background-image: url( 'images/nav04.png' );}
a.sub { width: 114px; background-image: url( 'images/subscribe.png' );}
	
a.nav01:hover, a.nav02:hover, a.nav03:hover, a.nav04:hover, a.sub:hover { background-position: 0 -36px;}

.content-main .interior { padding: 0 }

h1, h2 {
	font-size: 18px;
	font-family: verdana, sans-serif;
	color: #333;
	margin-bottom: 4px;
}

h3 {
	font-size: 14px;
	font-family: verdana, sans-serif;
	color: #333;
	margin-bottom: 10px;
}

p {
	font-size: 14px;
	font-family: arial, sans-serif;
	color: #595959;
}

p.blogdate {
	color: #595959;
	margin: 0;
}

a.footimg { display: block; float: left; height: 48px; padding: 0px;}

a.footword { width: 120px; background-image: url( 'images/wordpress.png' );}
a.footcomic { width: 107px; background-image: url( 'images/webcomic.png' ); margin-left: 43px;}
	
a.footword:hover, a.footcomic:hover { background-position: 0 -48px;}

div.sociable {
	float: left;
	width: 400px;
	margin-top: 0px !important;
}

div.meta {
	float: right;
	width: 300px;
}

p.share {
	float: left;
	margin-right: 8px;
	color: black;
}

div.blogheader {
	background:#f0f0f0;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #ccc;
}

.meta-single {
	width: 780px !important;
	margin-top: 20px;
}

div.searchback {
	float: right;
	height: 36px;
	width: 162px;
	background-image: url( 'images/searchback.png' );
}

#s {
	border: 0;
	margin-top: 10px;
	margin-left: 5px;
}

.searchbut {
	float: right;
	background: #FFC url('images/searchbut.png');
	height: 36px;
	width: 32px;
	border: 0;
	padding: 0;
	margin: 0;
}

.searchbut:hover {
	background-position: 0 -36px;
}