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

.content-main {
	width:800px;
}

.sidebar-one {
	width:260px;
}
/* 
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 */



	
/* Remove the site trim and use background images isntead */
html {
	background:#000 url(images/bg.png) repeat-x;
	background-attachment: fixed;
	color: #FFF;
}





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

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


#page {
	background-color:transparent;
}

#body-bottom ul{
	margin-left: 1em;
	margin-right: 1em;
}

#body-bottom a{
color: white;
}



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

#body .content{
	background:#dadada;
	padding-bottom: 0px;
	color: #000;
	margin:0px;
}

#body .post
{
	margin-top:.5em;
}

/*#body .comic { 
	background:#dadada;
}*/

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

#head .name {
	background-color:transparent;
	margin:0;
}

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

#head .name a {
	background-color:transparent;
	background:url(images/title.png);
	display:block;
	height:120px;
}
#head {
	background-color:transparent;
}



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

.navi-comic span {
	display:none;
}

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

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

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

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


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

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

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

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

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

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