/**
 * Theme Name: InkBlot Child
 * Theme URI: http://maikeruon.com/wcib/
 * Description: An example of a child theme based on InkBlot.
 * Author: Michael Sisk
 * Author URI: http://maikeruon.com/
 * Template: inkblot
 * Version: 1.0.0
 */

/** Load the Cascade Failure CSS Framework - The CSS framework should always be loaded */
@import url( '../inkblot/includes/css/cf-reset.css' );
/*@import url( '../inkblot/includes/css/cf-layout.css' );*/
/*@import url( '../inkblot/includes/css/cf-typography.css' );*/

/** Load the default InkBlot styles - This gives us the basic InkBlot appearance to build upon */
/*@import url( '../inkblot/includes/css/ib-default.css' );*/

	
/* change the site width */
.group {
	width:800px;
}

.content-main {
	width:440px;
}

.sidebar-one {
	width:178px;
}

.sidebar-two {
	width:178px;
}
/* 
Uncomment this block and adjust widths as necessary to override InkBlot's default content and sidebar widths.
By default, the content block will be 62% (for two-column layouts) or 50% (for three-column layouts) as wide as the site.
By default, the sidebars will be 38% (for two-column layouts) or 25% (for three-column layouts) as wide as the site.

This particular stylesheets assumes a two column layout, so we aren't using .sidebar-two.
.sidebar-two   { width: 0; }
*/

	
/* change links */
a {
	/*color:#773a1a;*/	color: #dbcb97;
	text-decoration:none;
}h2 a{	font: 200%;}

a:hover {
	color:#dbae97;
}


	
/* Remove the site trim and use background images isntead */
html {	background:url(images/background2.png) repeat-x;	background-position: top;	background-color: #de926a;
	color: black; 
	font: 75%/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;	padding: 0 0 45px;
}

#wrap-outer {	background: url(images/trim.png) repeat-y;	background-position: 50% 0%;
}

#wrap-inner {	background: url(images/cover2.png) no-repeat;	background-position: 50% 0%;
}
/* Give the sidebar a background */
#body {		background-color: #395677;	
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#body .comic { /* This rule ensures that our sidebar background doesn't show up in the "comic" area if our comic isn't as wide as the site */	
	background:#fff; 
}

/* Use an image for the logo */
#head .interior {
	padding:0;
}

#head .name {
	margin:0;
}

#head .name span,#head .description {
	display:none;
}

#head .name a {
	background:url(images/banner2.jpg);
	display:block;
	height:160px;		
	border-bottom: 2px solid black;
}

/* do not display the transcript option*/
#transcript-title {
	display: none;
}

/*align navigation to the right*/
.navi-site {	background: url(images/nav.png) repeat-x;	width: 796px;	border-right: 2px solid black;	border-left: 2px solid black;	border-bottom: 2px solid black;		}

.navi-site li {
	float:right;
}
.navi-site li ul{        
display:none;        
list-style:none;        
margin:0;        
padding:0;        
position:absolute;} 	

.navi-site a {	color:white;	display:block;	font-weight: normal;	line-height:1.5em;	text-decoration:none;}.navi-site span	{	display: none;	}.navi-site a:hover {	color:#fff;}


/*nav pictures and alignment*/
.navi-site li.alignright_feed {

	float:left;
	margin-left: 5px;

}

.navi-site li.alignright_feed a{
	background: url(images/RSS.png) no-repeat;
	float:left;
	width: 50px;
	height: 24px;
	margin-left: 1px;

}

.navi-site li.align_home a {
	
	background: url(images/home.png) no-repeat ;
	float:left;
	width: 45px;
	height: 24px;
	margin-left: 1px;
}

.navi-site li.page-item-2 a {
	
	background: url(images/about.png) no-repeat ;
	float:left;
	width: 22px;
	height: 24px;
}

.navi-site li.page-item-366 a {
	
	background: url(images/archive.png) no-repeat ;
	float:left;
	width: 27px;
	height: 24px;
}

.navi-site li.page-item-163 a {
	
	background: url(images/contact.png) no-repeat ;
	float:left;
	width: 42px;
	height: 24px;
}


.navi-site li.alignright_feed a:hover{
	opacity: .6;
	filter: alpha(opacity=40)

}
.navi-site li.align_home a:hover {
	
	opacity: .6;
}

.navi-site li.page-item-2 a:hover {
	
	opacity: .6;
}


.navi-site li.page-item-366 a:hover {
	
	opacity: .6;
}

.navi-site li.page-item-163 a:hover {
	
	opacity: .6;
}

.navi-site .current_page_item a {
	opacity: .5;
}
 
 
 /*align comic navigation to the right*/
.navi-comic {
	float:right;
}
.navi-comic a {
	float:right;
}

/* Use images for comic navigation and always show all the navigation links */
.navi-comic {
	background:#fff;
	float:right;
}

.navi-comic span {
	display:none;
}

.navi-comic a {
	height:22px;
}

.navi-comic .current-comic {
	visibility:hidden;
}
	
.navi-comic .first-comic-link {
	background:url(images/first.png)  no-repeat;	display: block;	height: 25px;	width: 82px;	float: right;	margin-right: 107px;
}


.navi-comic .previous-comic-link {
	background:url(images/previous.png)  no-repeat;	display: block;	height: 25px;	width: 93px;	float: right;	padding-right: 50px;
}

.navi-comic .next-comic-link {
	background:url(images/next.png)  no-repeat;	display: block;	height: 25px;	width: 63px;	float: right;	padding-right: 50px;	
}

.navi-comic .last-comic-link {
	background:url(images/last.png)  no-repeat;	display: block;	height: 25px;	width: 84px;	float: right;	padding-right: 50px;		
}.navi-comic .random-comic-link {	background:url(images/random.png)  no-repeat;	display: block;	height: 25px;	width: 63px;	float: right;	padding-right: 50px;	}
/*line below lower navigation*/
.navi-comic-below {
	padding-bottom: 10px;
	border-bottom: 1px solid black;
	}


/*padding above upper navigation*/
.navi-comic-above {
	padding-top: 15px;
 }
 
/* making comments right to left*/
#respond label {
	display:block;
	float:right;
	width:25%;
}

/*hiding comment avatar*/
.commentlist .vcard img.avatar {
	display: none;
	float:right;
	margin:0 0 1.5em 1.5em;
}

/* headings - change text colors */
h1               { font: 200%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 .6em; color: #b69f4f; }
h2               { font: 135%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 .5em; color: white; font-weight:bold; }
h3               { font: 150%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1em; color: black; }
h4               { font: 125%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1.2em; color: black;}
h5               { font: 115%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1.3em; color: black; }
h6               { font: 100%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1.5em; color: black; }h7               { font: 400%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 .75em; color: black; }p                { margin: 0 0 1.5em;	color: white;}strong               { font: 100%/1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 .6em; color: white; font-weight:normal;}

/*change footer color*/
#foot {
	background-color:#132e4d;	border-left: 2px solid black;	border-right: 2px solid black;	border-bottom: 2px solid black;	border-top: 1px solid black;		
}#foot a {	color: #e0530e;	}
/*change font size for the post area only*/
#body .post .entry {	   padding-top: 20px; 
   font: 115%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; color: white;
   line-height:150%;
}

/*aligning text to right in the box below posts*/#body .post .meta {	text-align:right;	color: white;}
#body .post .meta-single {
	text-align:right;	color: white;	
}/* sidebars and widgetized areas */.sidebar { /* This rule prevents wide content from breaking the sidebar */	overflow:hidden;}.sidebar .interior {	list-style:none;	margin:0;	float: right;}.sidebar .interior ul,.widgetized ul { /* This rule and the next correct unordered list display in the sidebars and widgetized areas */	margin:0 0 0.5em 0.5em;	padding:0 0 0 0.5em;}.sidebar .interior ul ul,.widgetized ul ul {	margin:0 0 0 0.5em;}.sidebar input,.sidebar select { /* This rule ensures <input> and <select> elements don't break out of the sidebar */	width:100%;}.sidebar .interior ul,.widgetized ul  {	list-style: inside;}/*widget padding*/#linkcat-6	{	padding-top: 20px;}		#linkcat-2	{	padding-top: 20px;}#recent-comics{	padding-top: 20px;}	#dropdown-comics {	padding-top: 20px;}/*comments*/.commentlist .comment.bypostauthor {	border:2px double 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:#b6734f;	border: 1px solid orange;}.commentlist .odd {	background:#7294bb;	border: 1px solid blue;}/* navigation - posts (for the blog and on single post pages) */.navi-posts {	float:left;	width:100%;}.navi-posts-above {	display: none;	margin-bottom:1.5em;}.navi-posts-below {	}.navi-posts .navi-next {	float:left;}.navi-posts .navi-previous {	float:previous;}#text-739412901{	padding-top: 3px;}	#simpleimagelink-739422551{	padding-top: 3px;}/*archive*//* comic archive - date */.comic-year {		font:200%/1em; Verdana, Arial, Sans-Serif;	margin:0 0 .75em;}table.comic-archive .comic-date-col {			width:30%;}table.comic-archive	{	border: 1px solid white;	background: #773a1a;		}table.comic-archive .alt {		background:#132e4d;}table.comic-archive th {    display:none;	text-align:left;}	



div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: white;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 20px;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


div.widget_simpleimagelink
{
	width: 100%;
}

.widget_simpleimagelink_container
{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	width: 100%;
}

.widget_simpleimagelink .widget_simpleimagelink_hidetitle
{
	display: none;	/* This stops the title from being shown when the widget is displayed (configurable), but allows the title to be shown in the Design - Widgets admin page */
}

.widget_simpleimagelink img 
{
	border: none;
}

/* narrowfat is based on WordPress' own widefat - just narrower! */
.narrowfat 
{
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	width: 100%;
	clear: both;
	margin: 0;
}

#widget-controls .narrowfat 
{
	width: 75px;
	padding: 3px;
}