/**

 * 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;*/
	background-color: #dfdfdf;
	/*background: url(http://www.lewisandcluck.com/wp-content/themes/inkblot-child/images/artf.png);*/
	/*background: url(images/site_logo.gif);*/
}



a {

	/*color:#333;*/
	color:#2e52ed;

	/*text-decoration:underline;*/

}

a:hover {
	color:#e10000;
	
}



h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:hover {

	text-decoration:none;

}



textarea {

	width:98%;

}



/* Site Width - This should replace any existing CSS rule in your style.css file */

.group { width: 1020px; }

.content-main {
	width: 640px;
	/*margin-top:20px;
	background-image:url(http://assets.gocomics.com/images/feature-frame-top-plain.png);*/
}

.sidebar-one { width: 190px; /*margin:10px 10px 10px 10px;*/ }
.sidebar-two { width: 190px; /*margin:10px 10px 10px 10px;*/ }





/* 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: #bbdbfe;*/
	/*background-image:url(http://assets.gocomics.com/images/feature-frame-top-plain.png);*/
	/*background-image:url(http://sites.google.com/site/alishabanisite/home/header_garfield_kicking_odie.gif);*/
	color: #2e6004;
	
	background-color:#EFEFEF;

	font-family: Tahoma, "Segoe UI", Geneva, Verdana;
	font-size: 12px;

}









/* site name */

/*#head .name {

	font:bold 300%/1em Constantia, Palatino, Times, serif;

	margin:0 0 .25em;

}*/


#head .name a {
	/* my addings - begin */
	background: url(images/header_logo.png) 50% 50% no-repeat;
	/*background: url(http://sites.google.com/site/alishabanisite/home/header_garfield_kicking_odie.gif) 50% 50% no-repeat;*/
	display: block;
	height: 120px;
	/* my addings - end */

	text-decoration:none;

}


#head .interior { padding: 0; }

#head .name a span { display: none; }



/* site description */

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

}







/* foot */

#foot {
	
	background:#1f74f4;
	color:#fff;
	text-align:center;

	/*background:#333;

	color:#fff;

	text-align:center;*/

}



#foot a {

	color:#000;
	font-weight:bold;
	text-decoration:none;


	/*color:#ccc;

	font-weight:bold;

	text-decoration:none;*/

}



#foot a:hover {

	color:#ffff00;

}



#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:#333;*/
	outline: 1px solid #1f74f4;
	background: url(images/bg-nav.png);
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}



.navi-site li {

	background: url(images/bg-nav.png);
	float:right;

}



.navi-site li.alignright {

	float: left;

}



.navi-site a {

	color:#000;/*ccc;*/
	display:block;
	/*font-weight:bold;*/
	line-height:2em;

	padding:0 1em;

	text-decoration:none;

}



.navi-site a:hover {

	color:#fff;
	background: url(images/bg-nav-hover.png);

}


/* highlighting current menu item - unfortunately, all the submenus get effect if parent is highlighted */
/*.navi-site li.current_page_item a {
	color:#fff;
	background-image:url(images/bg-nav-current.png);
}*/


.navi-site li.active a,
.navi-site li.current_page_item a,.navi-site li.current_page_parent a,.navi-site li.current_page_ancestor a
/*.navi-site li.current-cat a,.navi-site li.current-cat-parent a,.navi-site li.current-cat-ancestor a*/
{color:#fff; background-image:url(images/bg-nav-current.png);}

.navi-site li.current_page_child a
{color:#ee00ee; background-image:url(images/bg-nav-current.png);}


.navi-site li.current_page_item a:hover {
	color:#ffff00;
	/*background-image:url(images/bg-nav-current.png);*/
}



.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:#333;*/
	/*background:#cceeff;*/
	
	float:left;

	width:100%;

}



.navi-comic a {

	color:black;

	float:left;

	font-weight:bold;

	line-height:2em;

	text-decoration:none;

	width:25%;

}



.navi-comic a:hover {

	color:orange;

}

.navi-comic a span {
	/*display:none;*/
}


.navi-comic .current-comic {


	visibility:hidden;

}

.navi-comic .first-comic-link		{ background:url(images/comic-nav.png) 0 0; display:block; width:160px; height:40px; }
.navi-comic .previous-comic-link	{ background:url(images/comic-nav.png) -160px 0; display:block; width:160px; height:40px; }
.navi-comic .next-comic-link		{ background:url(images/comic-nav.png) -320px 0; display:block; width:160px; height:40px; }
.navi-comic .last-comic-link		{ background:url(images/comic-nav.png) -480px 0; display:block; width:160px; height:40px; }

.navi-comic .first-comic-link:hover		{ background-position: 0 -40px; }
.navi-comic .previous-comic-link:hover	{ background-position: -160px -40px; }
.navi-comic .next-comic-link:hover		{ background-position: -320px -40px; }
.navi-comic .last-comic-link:hover		{ background-position: -480px -40px; }

/*.navi-comic .first-comic-link.current-comic		{ background-position: 0 -80px; }
.navi-comic .previous-comic-link.current-comic	{ background-position: -160px -80px; }
.navi-comic .next-comic-link.current-comic		{ background-position: -320px -80px; }
.navi-comic .last-comic-link.current-comic		{ background-position: -480px -80px; }*/


	

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

}







/* content */

#body .content { /* This rule prevents wide content from overlapping the sidebars */

	overflow:hidden;
	/*background-color:#E1E1E1;*/
}





	

/* comics */

#body .comic img,#body .comic object {
	/*border: 20px #EFEFEF solid;*/
	border: 2px #9595FF solid;
	vertical-align: bottom;
	background-color:#EFEFEF;
	margin: 20px 20px 0 20px;
/*	background-image:url(http://assets.gocomics.com/images/feature-frame-top-plain.png);*/
	text-align:center;
}



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

}







/* transcripts */

#transcript-title {

	border-top:.1em solid;

	cursor:pointer;

	font-weight:bold;

	padding:.75em 0;
	
	color:#ED6B01;
}



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

}



.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;
	
	/*margin:20px 20px 20px 20px;*/
}



.commentlist .comment.bypostauthor {

	border:.25em double #333;
	
	background-color:white;

}



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

.comments .commentsform-title {
	outline:aqua solid 1px;
}



/*.commentlist .even {

	background:#9dc0ff;
	outline:blue solid 1px;

}



.commentlist .odd {

	background:#c1d3ff;
	outline:#4D4DFF solid 1px;

}*/

.commentlist .even {

	background:#cad9ff;
	outline:#4D4DFF solid 1px;

}



.commentlist .odd {

	background:#dde7fe;
	outline:#4D4DFF solid 1px;

}







/* sidebars and widgetized areas */

.sidebar {
	/* This rule prevents wide content from breaking the sidebar */

	overflow: hidden;
	background: #bbdbfe;
	/*font: bold 13px Tahoma;*/
	/*border:3px navy inset;*/
	/*font-style:italic;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-size: 20px;*/
}

.sidebar h2,.sidebar.sidebartitle{
	font-family: Tahoma, "Segoe UI", Geneva, Verdana;
	font-size: 17px;
	font-weight: bold;
}


.sidebar .widget {
	/*text-align: right;*/
	/*padding: 5px 10px 10px 10px;*/
	/*border-left: url(images/tim-left.png);*/
	margin-bottom: 15px;
	/*font: italic 13px Tahoma;*/
	/*border-left: 2px #5472ab groove;
	border-top: 2px #5472ab groove;*/
	/*background-color: #cc00cc;*/
	/*background-image:url(images/sidebars.png);*/

}


.sidebar .interior {
	list-style: none;
	margin: 0;
	/*background-image:url(images/tim-left.png);*/
}



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

	padding:0 0 0 0;

}



.sidebar .interior ul ul,.widgetized ul ul {

	margin:0 0 0 0;

}



.sidebar input,.sidebar select {
	/* This rule ensures <input> and <select> elements don't break out of the sidebar */
	/*border: 2px #000080 outset;*/
	font-family: Tahoma, "Segoe UI", Geneva, Verdana;
	border: .1em solid #1f74f4;
	background-color: #cceeff;
	width: 100%;
	color: #2e6004;
}





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

}



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;*/
	border:.1em solid #1f74f4;

	caption-side:top;

}



#wp-calendar caption {

	font-size:100%;

	font-weight:bold;

}



#wp-calendar th {

	padding:0;

}



#wp-calendar td {

	border:.1em solid #1f74f4;
	/*border:.1em solid #ccc;*/

	padding:0;

	text-align:center;

}



#wp-calendar .pad {

	background:#cceeff;
	/*background:#fafafa;*/

}



#wp-calendar a {

	/*background:#333;*/
	background:#1f74f4;

	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;

}