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

.content-main {
	width:640px;
}


.sidebar-one {
	width:180px; margin-top: 10px;
}
/* 
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: 180px;  margin-top: 10px; }

.sidebar ul li ul li { margin-left: -20px; }


	
/* change links */
a:link {
	color: #4997B5;
	text-decoration:none;
}

a:visited {
	color: #8A9421;
	text-decoration:none;
}

a:hover {
	color: #333;
}

.navi-site { color: #EEE; }
.navi-site a { color: #FFF; }
.navi-site a:hover { color: #CFD96B; }

	
/* Remove the site trim and use background images isntead */
html {
	/* background:#e5e5e5 url(images/html.png) repeat-x; */
	background-color: #999;
}

#wrap-outer {
	background:url(images/wrap-outer.png) 50% 100% no-repeat;
	border-style:double;
	/*padding:0 0 45px;*/
	padding: 0;
}

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

	
/* Give the sidebar a background */
#body {
	/* background:url(images/body.png) 100% 0 repeat-y; */
}

#body .content {
	overflow: visible;
	position: relative;
	z-index: 100;
}

#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/logo.jpg);
	display:block;
	height:60px;
}

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

.navi-comic span {
	display:none;
}

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

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

#transcript-title { background-color: #EDEBD5; }

/* COMIC COLLECTION PAGE */
.collection { margin-top: -20px; }
.coll-series { margin-bottom: 20px; overflow: auto;
	padding: 3px 5px; border-bottom: dashed 1px #CCC; }
.coll-series h2, .coll-series h3 { font-family: Georgia, serif; }
.coll-series h4 { font-family: Georgia; font-weight: bold; }
.coll-series h2 { background: url(images/bg.png); margin: -5px; margin-bottom: 8px; padding: 5px; }
.coll-series h3 { clear: both; padding-top: 8px; margin-bottom: 0; }
.coll-descrip {  }
.coll-chapter { float:left; width: 285px; height: 125px; overflow: auto; padding: 5px; }
.coll-thumb { float: left; margin-right: 5px; margin-top: 7px; }
.coll-series h4 { background: url(images/bg.png); padding: 3px 5px; margin: 0;}
.coll-pages { width: 190px; float: left; }
.coll-pages span, .sidenav-pages span { display: block; float: left; }
.recent-comic-item { display: block; float: left; width: 94px; height: 200px; margin-right: 5px; }
.recent-comic-item .comic-item { }
.recent-comic-item h3 { background: url(images/bg.png); margin-bottom: 3px; padding: 5px; }
.sidenav-pages { }
.sidenav-pages .current { background-color: #4997B5; }
.sidenav-chapt { margin-top: 10px; margin-bottom: 10px; font-weight: bold; }
.sidenav-chapt .current-chapter { visibility: hidden; }