/**
 * 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' );

/* Load Lightbox stylesheet */
@import url( 'http://www.serrynia.com/lightbox/css/lightbox.css' );
	
/* change the site width */
.group {
	width:963px;
}

.content-main {
	width:600px;
}

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

a:hover {
        color:#fff;
	text-decoration:underline;
}

a.lb {
        color:#180533;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
}

	h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
		text-decoration:underline;
                color:#fff;
	}

	
/* Remove the site trim and use background images isntead */
html {
	background:#d4b6ff;
}

#wrap-outer {
	background:#d4b6ff;
	border-style:double;
	padding:0 0 45px;
}

#wrap-inner {
	background:#d4b6ff url(http://www.serrynia.com/site/bgshadow.jpg) fixed center repeat-y;
	margin:0;
	padding:0;
}


	
/* Give the sidebar a background */
#body {
	background:#563c7b;
}

#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:#563c7b;
}

.comic {
        background:#563c7b;
}	
/* Use an image for the logo */

#head {
        background:#180533;

}

#head .interior {
	padding:0;
        height:276px;
}



#head .name {
	margin:0 0 4px;
        font:16px;
}

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

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

#head .navi {
        background:url(http://www.serrynia.com/site/gradnavi.jpg);
        height:30px;
}

#head .navi .feed {
	float: right;
}

#head .navi a {
	color:#D4B6FF;
}

#head .navi a:hover {
        color:#fff;
        text-decoration:none;
}

/* Use images for comic navigation and always show all the navigation links */
.navi-comic {
	background:#563c7b url(http://www.serrynia.com/site/gradcomic.jpg) repeat-x center;
	float:right;
        color:#dfb6ff;
}

/*
.navi-comic span {
	display:none;
}
*/

.navi-comic a {
	height:30px;
        color:#D4B6FF;
        width:auto;
        padding: 0 5px;
}

.navi-comic a:hover {
        color:#fff;
        text-decoration: none;
}

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

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

#navigation {
        float: right;
}

/* Widget - WP-Calendar */
#calendar .widgettitle {
	display:none;
}

#wp-calendar {
	border-collapse:separate;
	border-spacing:4px;
	caption-side:top;
	margin-bottom:24px;
	text-align:center;
	width:100%;
        font-size:75%;
        background:#563c7b;
}
	
	#wp-calendar caption {
		font-family:'Palatino Linotype','Book Antiqua',serif;
		font-size:200%;
		line-height:16px;
                background:#563c7b;
	}
	
	#wp-calendar tfoot {
		background:#563C7B;
		color:#000;
	}
	
	#wp-calendar tbody td {
		border-width:1px;
		border-style:solid;
		border-color:#ddd;
		padding:0;
                background:#563c7b;
	}

	#wp-calendar th {
		font-weight:bold;
		padding:0;
		text-align:center;
                background:#563c7b;
	}
	
	#wp-calendar #today {
		background:#3c2a56;
		font-weight:bold;
                border: 1px #fff solid;
	}
	
	#wp-calendar .pad {
		padding:0;
                background:#563c7b;
	}
	

	#wp-calendar a {
		background:#180533;
		color:#D4B6FF;
		display:block;
		text-decoration:none;
	}
	
		#wp-calendar a:hover {
			color:#fff;
		}

body {
        background:#dfb6ff;
        color:#dfb6ff;
        font-family:'Tahoma', 'Lucida Sans', 'Lucida Grande', sans-serif;

}

#foot {
        background:url(http://www.serrynia.com/site/gradfoot.jpg);
        height:30px;
        color:#D4B6FF;
}

#foot a {
        color:#D4B6FF;
}

#foot a:hover {
        color:#fff;
        text-decoration:none;
}

/* headings */
h1 {
	font-family:'Tahoma', 'Palatino Linotype','Book Antiqua',serif;
	font-size:300%;
	line-height:1em;
	margin-bottom:.5em;
}

h2 {
	font-family:'Tahoma','Palatino Linotype','Book Antiqua',serif;
	font-size:200%;
	line-height:1em;
	margin-bottom:.75em;
}

h3 {
	font-family:'Tahoma','Palatino Linotype','Book Antiqua',serif;
	font-size:150%;
	line-height:1em;
	margin-bottom:1em;
}

h4 {
	font-family:'Tahoma','Palatino Linotype','Book Antiqua',serif;
	font-size:125%;
	line-height:1em;
	margin-bottom:1.2em;
}

h5 {
	font-family:'Tahoma','Palatino Linotype','Book Antiqua',serif;
	font-size:115%;
	line-height:1em;
	margin-bottom:1.3em;
}

h6 {
	font-family:'Tahoma','Palatino Linotype','Book Antiqua',serif;
	line-height:1em;
	margin-bottom:1.5em;
}

/* Posts */
.post .navi {
	font-weight:bold;
}

	.post .navi a {
		text-decoration:none;
	}
	
		.post .navi a:hover {
			color:#D4B6FF;
		}

.post .date {
	font-size:115%;
	margin-top:-1em;
	margin-bottom:1.3em;
}

.post .foot {
	font-size:115%;
	margin-bottom:2.6em;
	text-align:right;
}

.post .meta {
	background:#3c2a56;
	border-width:.1em;
	border-style:solid;
	border-color:#ddd;
	font-weight:normal;
	font-size:85%;
	padding:.5em;
}

.post .meta a:hover {
        text-decoration:underline;
        color:#fff;
}

.sticky {
	background:#180533; /*???*/
	color:#D4B6FF; /*???*/
	margin-bottom:3em;
	padding:1em;
}

	.sticky a {
		color:#D4B6FF; /*???*/
	}
	
		.sticky a:hover {
			color:#fff;
		}

	.sticky .foot {
		margin:0;
	}

/*
.navi-next {
        display:none;
}

.navi-previous {
        display:none;
}
*/

/* Comments */
.commentlist                                          {
	list-style: none; margin: 0 0 1.5em; padding: 0;
}
	.commentlist .comment.bypostauthor                    {
		background: #3c2a56 url('images/inkblot/bypostauthor.png') no-repeat;
	}
	
	.commentlist .comment                                 {
		border: .1em solid #ddd; margin: 0 0 2.5em; padding: .75em .75em 0;
	}
	
		.commentlist .comment .vcard {
			font-size: 115%; font-weight: bold;
		}
		
		.commentlist .comment .vcard img.avatar               {
			float:left; margin:0 1em 1em 0;
		}
		
		.commentlist .comment .vcard span.says {
			display: none;
		}
		
		.commentlist .comment .comment-meta {
			padding: 0 0 1.5em;
		}
		
		.commentlist .comment .comment-meta a {
			color: #D4B6FF;
		}
		
		.commentlist .comment .reply {
			padding-bottom: .75em;
		}
		
		.commentlist .comment .children {
			list-style:none;
			margin: 0;
			padding: 0;
		}
		
	.commentlist .even {
		background: #2b1e3d;
	}
	.commentlist .odd {
		background: #3c2a56;
	}

#comment {
	width:96%;
}


/* archive comics */
a.comic {
	background:#180533;
	color:#D4B6FF;
	display:block;
	margin-bottom:1.5em;
	padding:1.5em;
	text-align:center;
	text-decoration:none;
}

		a.comic:hover {
			color:#fff;
		}

		a.comic .title {
			display:block;
			font-family: 'Palatino Linotype','Book Antiqua',serif;
			font-size:200%;
			line-height:1em;
		}

.comic-volume-chapters { 
        list-style: disc; 
}

.comic-chapter-pages {
        list-style: circle;
}

li .page_item {

        background:#3c2a56;
}

/* comic archive - chapter */
ol.comic-archive {
	list-style:none;
	margin:0;
	padding:0;
}

ol.comic-archive .comic-series-item a {
	font-family:Tahoma;
	margin:0 0 .75em;
}

ol.comic-archive .comic-volume-item a {
	font-family:Tahoma;
	margin:0 0 1em;
}

ol.comic-archive .comic-chapter-item a {
	font-family:Tahoma;
	margin:0 0 1.2em;
}

ol.comic-archive .comic-chapter-pages a {
	font-family:Tahoma;
	margin:0 0 1.3em;
}

ul ul {
         list-style:circle;
}

ul ul ul {
         list-style:none;
}