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

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

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

/* Define the typeface as globally as possible */

body {
	font-size: 1em;
}

body, .comic-year, ol.comic-archive .comic-series-item a, ol.comic-archive .comic-volume-item a, ol.comic-archive .comic-chapter-item a, ol.comic-archive .comic-chapter-pages a {
	font-family: Cantarell, "Palatino Linotype", "Hoefler Text", serif;
}

h1, h2, h3, h4, h5, h6 {
/*	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; */
/*	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; */
	font-family: "Yanone Kaffeesatz", Geneva,Helvetica,Arial,sans-serif;
	font-weight: normal;
}
.navi-site {
	font-family:Cantarell,Geneva,Helvetica,Arial,sans-serif;
}
h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #cc0000;
}

h1 {
	font-size: 2.0em;
}

textarea {
	width:98%;
}

.group { /* This rule sets the default width for the entire site */
	width:1000px;
}



/* 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:#fff;
	border-bottom: 1px solid #000;
}



#head .interior { padding: 0; }
#head .description,
#head .name a span { display: none; }
#head .name a { background: url( 'images/n2s-header-thin.png') no-repeat scroll 0 20px; display: block; height: 110px; padding-top: 20px; margin-top: 10px; border-top: solid 1px #000;
}

.content .interior { padding: 1em; }

/* foot */
#foot {
	background:#333;
	color:#fff;
	text-align:center;
}

#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 {
	background:none;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	border-bottom: solid 1px #cc0000;
}

.navi-site li {
	float:left;
}

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

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

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

.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-color:#C00;
/*	float:left; */
	width:100%;
	border-top: 1px solid #cc0000;
}
.navi-comic-below {
	border: none;
	margin: 0.5em 0 2em 0;
        font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        color:white;
        font-size: 0.8em;
}
.navi-comic a {
	color: white;
	float:left;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	width:25%;
}
.navi-comic a:hover {
	color:#fcc;
}
.navi-comic-below a span {
	background-color: #999;
	padding: .3em 1em;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.navi-comic-below a span:hover {
	background-color: #c00;
}
.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:#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;
}


/* header sidebar */

#recent-comics-4 {
padding:20px 0 20px 10px;
border-bottom: solid 1px #cc0000;
height: 150px;
}
#recent-comics-4 li {
float: left;
}
#recent-comics-4 a {
text-decoration: none;
}

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

h2.blog {
        border-bottom: 1px solid #CC0000;
}

.content h2, .content h1 {
	font-size: 2.4em;
	font-weight: bold;
	color: #cc0000;
}

.content a {
	color: #cc0000;
}

.content a:hover {
	color: #ff3333;
}

.content p, .content ul, .content ol {
	font-size:1.3em;
	line-height:1.8em;
}
	
/* 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;
}

.hentry {
        margin-top:20px;
}

.meta {
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	margin: 0.5em 0;
}

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



/* 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: 1.5em 0;
}
.commentlist {
	list-style:none;
	margin:0 0 3em;
	padding:1em;
	background-color: #ddd;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
/*	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px; */

}

.commentlist .comment,.commentlist .pingback {
	border-top:.1em solid #999;
	border-left:.1em solid #999;
	margin:0 0 3em;
	padding:.75em .75em 0;
	font-size:0.8em;
	background-color: white;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
}

.commentlist .comment.bypostauthor {
/*	border:.25em double #333; */
	border: none;
	background-color: #ccc;
	color: black;
}

.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;
	background-color:#EEE;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 0.9em;
}

.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; */
	margin:0 0 1.5em 0;
	padding:0 0 0 0;
	list-style:none;
}

.sidebar .interior ul ul,.widgetized ul ul {
/*	margin:0 0 0 1.5em; */
	margin:0;
	list-style:none;
}

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

h2.widgettitle {
	font-size:1.8em !important;
}

.sidebar ul.sidebar-list, .sidebar ul.sidebar-list li {
	list-style:disc outside none;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
.sidebar-one {
-moz-border-radius-topright: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
}
.sidebar-two {
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
-webkit-border-bottom-left-radius: 30px;
}

.widget {
	margin: 10px 0 40px 0;
	clear: both;
}

/* Greatest hits widget */

li#text-12 ul, li#text-12 ul li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}

li#text-12 li {
//	font-size: 0.8em;
	background-color: #CC0000;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-left: 0;
	border: #cc0000 solid 2px;
}

li#text-12 li a {
	color: white;
	display: block;
	width:210px;
	height:100px;
	text-decoration: none;
}

li#text-12 li a span {
	padding-left:5px;
}

li#gh-twitter a {
	background: url(images/greatest-hits/gh-twitter.png) bottom no-repeat;
}

li#gh-facebook a {
	background: url(images/greatest-hits/gh-facebook.png) bottom no-repeat;
}

li#gh-business a {
	background: url(images/greatest-hits/gh-business.png) bottom no-repeat;
}
li#gh-apple a {
	background: url(images/greatest-hits/gh-apple.png) bottom no-repeat;
}
li#gh-webdev a {
	background: url(images/greatest-hits/gh-webdev.png) bottom no-repeat;
}

/* Subscribe widget */

#subscribe {
width:187px; height:29px;
background: url(images/subscribe/subscribe-bg.png);
margin: 10px auto; padding: 0;
position: relative;}

#subscribe li {margin:0; padding:0; list-style: none;
position: absolute; top: 0}

#subscribe li, #subscribe a {
height: 29px; display: block}

#rss {left:104px;width:23px}
#twitter {left:127px;width:30px}
#email {left:157px;width:30px}

#rss a:hover {
    background: transparent url(images/subscribe/subscribe-overlay.png)
    -104px 0px no-repeat;}
#twitter a:hover {
    background: transparent url(images/subscribe/subscribe-overlay.png)
    -127px 0px no-repeat;}
#email a:hover {
    background: transparent url(images/subscribe/subscribe-overlay.png)
    -157px 0px no-repeat;}


/* comic archive - date */
.comic-year {
	font-size:200%/1em;
	color: #cc0000;
	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;
	margin:0 0 .75em;
}

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

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

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

#sharing {
        float:right;
        margin: 10px;
        width: 180px;
}
p#buy-print {
        width:180px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        font-size: 0.8em;
        font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
        margin-right: 2em;
        font-weight: bold;
/*        float: right; */
        padding: 10px;
        background-color: #c00;
        color: white;
        clear: both;
}

p#buy-print a {
        color: white;
}

p#buy-print a:hover {
        color: #FCC;
}
.addthis_button {
        display: block;
/*        float: right; */
        margin: 1em 2em 0 0;
}
.openlike {
        font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
        font-size: 0.8em;
}


/* third-party plugins */

.commentlist .btc-comment {
	margin-left: 6em;
}

/* store and products */

div.product {
	border: 1px dotted #c00; margin: 10px 0; padding-top: 10px; width:450px; text-align:center;
}

p.product-description {
	float:right;width:240px; text-align:left;
}

p.product-image {
	margin:0; padding:0;
}

div.product img {
	border: 0;
}

/* custom page styling */

.promo-callout {
        font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size: 0.82em;
	line-height: 1.5em;
	background: #ccc;
	padding: 1em;
	padding-bottom: 0.1em;
}

.promo-callout p, .promo-callout li {
	line-height: 150%;
}

.promo-callout .emph {
	font-style: italic;
	font-weight: bold;
	color: #333;
}