/**

 * 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:760px;

	background: #0090ff;

}



.content-main {

	width:600px;

}



.sidebar-one {

	width:160px;

}

/* 

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:#fff;

	text-decoration:underline;

}



a:hover {

	

}





	

/* Remove the site trim and use background images isntead */

html {

	background:#0090ff;

	color: #fff;

	font-family: "Arial", Sans-Serif;

}



#wrap-outer {

	background:transparent;

	padding:0 0 45px;

}



#wrap-inner {

	background:transparent;

	margin:0;

	padding:0;

}





	

/* Give the sidebar a background */

#body {

	background:transparent;

}



#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:#0090ff;

}



	

/* Use an image for the logo */

#head .interior {

	padding:40px 0;

}



#head .name {

	margin:0;

}



#head .name span,#head .description {

	display:none;

}



#head .name a {

	background:#0090ff url(images/2300logo.png) no-repeat center center;

	display:block;

	height:160px;

}







/* Use images for comic navigation and always show all the navigation links */

.navi-comic {

	background:#0090ff;

	float:left;

	margin-bottom: 1em;

}



.navi-comic span {

	display:none;

}



.navi-comic a {

	display:block;
	float:left;
	width:150px;
	height:38px;

}



.navi-comic .current-comic {

	visibility:visible;

}



.navi-comic .first-comic-link {

	background:url(images/first.jpg) 50% 50% no-repeat;

}



.navi-comic .previous-comic-link {

	background:url(images/back.jpg) 50% 50% no-repeat;

}



.navi-comic .next-comic-link {

	background:url(images/next.jpg) 50% 50% no-repeat;

}



.navi-comic .last-comic-link {

	background:url(images/last.jpg) 50% 50% no-repeat;

}



textarea {

	color: #fff;

	background: transparent;

	border: 1px solid #fff;

}



.navi-site {

	display: none;

}



table.comic-archive .alt {

	background: #0090ff;

}


.comic-archive-days {

	padding: 0;

}


.comic-archive-days a {

	float: left;

	margin: 2px;

	text-decoration: none;

	padding: 6px 5px 0;

	text-align: center;

}



.comic-archive-days a:hover {

	border: 1px solid white;

	color: #fff;

	margin: 1px;

}



table.comic-archive th {

	text-align: right;

	vertical-align: top;

}



table.comic-archive .comic-date-col {

	border-right: 1px solid #fff;

}


div.sidebar ul.interior {

	margin: 0pt; 
	padding: 0pt; 
	list-style-type: none;

}

.post-title {

	margin:1em 0 0 0;

}

.entry p {

	margin:.5em;

}

.navi-posts {
	margin:1em;
}

.meta-single  {
	border-left:1px solid #ddd;
	margin-top:2em;
	padding-left:1em;
	font-size:.75em;
	color:#ddd;
}

.meta-single a {
	color:#ddd;
}

#adbox table { margin: 0 auto; width: 760px; }