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

.sidebar-one {
	width:200px;
}

.sidebar-two {
	width:200px;
}
/* 
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:#0d70f5;
	text-decoration:none;
}

a:hover {
	color:#2061bb;
}


	
/* Remove the site trim and use background images isntead */
html {
	background:#ffa651;
	color: black; 
	font: 75%/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#wrap-outer {
	background:url(images/background-new.png) repeat-x;
	border-style:double;
	padding:0 0 45px;
}

#wrap-inner {
	
	background: #000;
	background:url(images/guy.png) repeat-y;
	margin:0;
	padding:0;
}


	
/* Give the sidebar a background */
#body {
	background:url(images/low3.png) repeat-y;
	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/banner3.png);
	display:block;
	height:160px;
	border-bottom: 1px 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;
	float:right;	
}

.navi-site li {
	float:right;
}

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

.navi-comic .current-comic {
	visibility:hidden;
}

.navi-comic .first-comic-link {
	background:url(images/first.png) 50% 50% no-repeat;
}


.navi-comic .previous-comic-link {
	background:url(images/previous.png) 50% 50% no-repeat;
}

.navi-comic .next-comic-link {
	background:url(images/next.png) 50% 50% no-repeat;
}

.navi-comic .last-comic-link {
	background:url(images/last.png) 50% 50% no-repeat;
}

/*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;
	border-top: 1px solid black;
 }
 
/* 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: 250%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 .6em; color: black; }
h2               { font: 200%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 .75em; color: black; }
h3               { font: 150%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1em; color: white; }
h4               { font: 125%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1.2em; color: white;}
h5               { font: 115%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1.3em; color: white; }
h6               { font: 100%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 1.5em; color: white }

/*change footer color*/
#foot {
	background:#3455aa;
	color:#fff;
	text-align:center;
}

/*change font size for the post area only*/
#body .post .entry {
   font: 115%/1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
   line-height:150%;
}

/*aligning text to right in the box below posts*/
#body .post .meta-single {
	text-align:right;
}