/**
 * 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' );

/* This is Millennium's stylesheet! */

/* defaults - overrides basic styling from the Cascade Failure framework */

html {background:#141C2B url(images/bg.gif) repeat scroll; color:#fff; font-family: Arial, Helvetica, Verdana, sans-serif; text-align:center;}

a {color:#A81693; text-decoration:none;}
a:visited {color: #722567; text-decoration: none;}
a:hover {color: #F45DE0; text-decoration: none;}
a:active {color: #F2D1FA; text-decoration: none;}

h1, h2, h3, h4 {color: #0F224F; font-family:"Fertigo Pro Regular"; text-shadow: 1px 1px 1px #245276;}

input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background: #271F55 url(images/bg.gif);
	border:1px solid #333;
	padding:3px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

textarea { width: 98%; }

.group { /* This rule sets the default width for the entire site */
	width:690px;
	margin:0 auto;
}


/* page */
#page {background:#62A8D5 url(images/bg2.jpg) repeat-y center; border-left:#FFCC00 6px solid; border-right:#FFCC00 6px solid; padding:0 30px 0 30px;}


/* site name */
#head .name {
	font:bold 300%/1em Constantia, Palatino, Times, serif;
	margin:0 0 .25em;
}


/* 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.png) no-repeat center;
	display:block;
	height:163px;
}



/* site description */
#head .description {
	font:italic 150%/1em Constantia, Palatino, Times, serif;
}



/* foot */
#foot {
	text-align:center;
	font-size:9px;
}

#foot a {
	font-weight:normal;
	text-decoration:none;
}

#foot a:hover {color:#ccc;}

#foot .interior {
	line-height:2em;
	padding:0 1em;
}

#pw-banner {margin: 0 auto; width: 468px; padding-bottom:15px;}



/* navigation - site */
#head .group { /* This rule ensures dropdown menus aren't hidden behind other page elements in Internet Explorer */
	z-index:1;
}

.navi-site {
	background:#141B2C;
	list-style:none;
	width:96.5%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	height: 25px;
	text-align: center;
	margin:0;
	margin-bottom: 15px;
}

.navi-site ul {margin: 0 auto;}

.navi-site li {float:none; display: inline;}

.navi-site a {
	color:#ccc;
	display:inline;
	font-weight:bold;
	line-height:2em;
	padding:0 1.3em;
	text-align: center;
}

.navi-site a:hover {color:#fff;}

.navi-site li ul {
	background:#362221;
	display:none;
	list-style:none;
	position:absolute;
}

.navi-site ul li {float:none; white-space:nowrap;}


@font-face {
font-family: "Fertigo Pro Regular";
src: url("http://millennium.senshuu.com/images/skin/fonts/Fertigo_PRO.otf") format("opentype");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */


#navigation { /* Navigation shape */
	width: 650px;
	font-weight: bold;
	font-size: 11px;
	z-index: 10;
	margin:0 auto;
}

#navigation a:link {color: #E8C200; text-decoration:none;}
#navigation a:visited {color: #DBA500; text-decoration: none;}
#navigation a:hover {color: #FFE462; text-decoration: none;}
#navigation a:active {color: #FFF5C6; text-decoration: none;}

#nav, #nav ul {/* The overall look of the navigation */
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #000;
	margin: 0 0 1em 0;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-radius-bottomright: 7px;
	z-index: 20;
	text-transform:uppercase;
}

#nav a { /* Links on the top navigation */
	width: 6.6em;
	w\idth: 4.6em;
	height: auto;
	margin:0 auto;
	padding: 0.25em 0;
	text-shadow: 1px 1px 1px #111111;
}

#nav li {float: left; width: 8em; background:#2F2F2F; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;} /* Look of individual sections of top links */

#nav li ul { /* Dropdown section */
	position: absolute;
	left: -999em;
	height: auto;
	width: 8.4em;
	w\idth: 5.6em;
	font-weight: normal;
	font-size:11px;
	border:#0F4C78 2px solid;
	background: #666D98;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top: 7px;
	color: #fff;
	text-shadow: 1px 1px 1px #111111;
	text-transform:none;
}

#nav li li {width: 8em; position:relative; left: -35px; background:none;} /* Dropdown link sections */

/* Dropdown links and etc. */

#nav li ul a {
	width: 8.4em;
	w\idth: 7.9em;
	padding-bottom: 6px;
}

#nav li ul ul {margin: -1.75em 0 0 10em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {background: #9549A7; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius:9px;} /* Dropdown hover highlight color */


	
/* navigation - comic */
.navi-comic {
	background:#141B2C;
	float:left;
	width:100%;
	height: 25px;
	line-height:2em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	margin-top:15px;
}

.navi-comic a {
	color:#ccc;
	font-weight:bold;
	line-height:2em;
	padding:0 6px;
}

.navi-comic a:hover {color:#fff;}

.navi-comic .current-comic {
	visibility:hidden;
}


/* navigation - posts (for the blog and on single post pages) */
.navi-posts {
	float:left;
	width:100%;
}

.navi-posts-above {margin-bottom:1.5em;}
.navi-posts .navi-next {float:right;}
.navi-posts .navi-previous {float:left;}


	
/* navigation - paged (for paged posts) */
#comments .navi-paged { /* This rule centers the paged navigation above and below comment lists */
	text-align:center;
}

.navi-paged a {
	border:.1em solid #333;
	padding:.15em .25em;
	text-decoration:none;
}

.navi-paged a:hover {
	background:#333;
	color:#fff;
}



/* navigation - images */
.navi-attachment { /* This rule hides the attachment navigation for non-image attachments */
	display:none;
}

.attachment-image .navi-attachment { /* This rule reveals the attachment navigation for image attachments */
	display:block;
	float:left;
	width:100%;
}

.navi-attachment {
	border-bottom:.1em solid;
	margin:0 0 1.5em;
	padding:.75em 0;
}

.navi-attachment img {
	height:5em;
	vertical-align:bottom;
	width:5em;
}

.navi-attachment .navi-next {float:right;}

.navi-attachment .navi-previous {float:left;}



/* blog title */
.blog-title {
	border-bottom:.1em solid;
	margin:0 0 3em;
}

.blog-title span {display:none;}


/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
	overflow:hidden;
}


	
/* comics */
#body .comic {text-align:center;}

#body .comic img,#body .comic object {
	vertical-align:bottom;
}

.object {
	width: auto;
	margin: 0 auto;
	text-align: center;
}



/* comic embed code */
.comic-embed-code {
	display:block;
	width:98%;
}



/* posts */
#body .post {
	margin:0 0 3em;
}

#body .post .meta {
	text-align:right;
}

#body .post .meta-single {
	border-style:solid;
	border-width:.1em 0;
	padding:.75em 0;
	text-align:left;
}

.post .entry { display: none; }



/* attachments */
#body .attachment .object {
	text-align:center;
}

#body .attachment .meta {
	border-style:solid;
	border-width:.1em 0;
	padding:.75em 0;
}



/* transcripts */
#transcript-title {
	border-top:.1em solid;
	cursor:pointer;
	font-weight:bold;
	padding:.75em 0;
}

#transcript {
	display:none;
}

#transcript label {
	display:block;
	float:left;
	width:25%;
}

#transcript-response {
	color:#fff;
	margin:0 0 1.5em;
	font-weight:bold;
	text-align:center;
}

#transcript-response span {
	display:block;
	padding:.75em;
}

#transcript-response .error {
	background:#c10;
}

#transcript-response .success {
	background:#9c0;
}



/* comments */

#respond {text-align:center;}

.commentlist {
	list-style:none;
	margin:0 0 3em;
	padding:0;
	text-align: left;
}

.commentlist .comment,.commentlist .pingback {
	margin:0 0 3em;
	padding:.75em .75em 0;
}

.commentlist .comment.bypostauthor {
	border:none;
}

.commentlist .vcard {
	font-weight:bold;
	font-size: 13px;
}

.commentlist .vcard img.avatar {
	float:right;
	border: 1px solid #B39373;
	margin:0 1.5em 1.5em 0;
}

.commentlist .vcard span.says {
	display:none;
}

.commentlist .comment-meta {
	color:#999;
	padding:0 0 1.5em;
	font-size: 10px;
}

.commentlist .reply {
	padding-bottom:.75em;
	font-size: 10px;
}

.commentlist .children {
	list-style:none;
	margin:0;
	padding:0;
	font-size: 11px;
}

.commentlist .even {
	background:none;

}

.commentlist .odd {
	background:#141C2B url(images/bg.gif) repeat scroll;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.comment-required {font-size: 9px;}


/* sidebars and widgetized areas */
.sidebar { /* This rule prevents wide content from breaking the sidebar */
	overflow:hidden;
}

.sidebar .interior {
	list-style:none;
	margin:0;
}

.sidebar .interior ul,.widgetized ul { /* This rule and the next correct unordered list display in the sidebars and widgetized areas */
	margin:0 0 1.5em 1.5em;
	padding:0 0 0 1.5em;
}

.sidebar .interior ul ul,.widgetized ul ul {
	margin:0 0 0 1.5em;
}

.sidebar input,.sidebar select { /* This rule ensures <input> and <select> elements don't break out of the sidebar */
	width:100%;
}



/* comic archive - chapter */
ol.comic-archive {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-bottom:10px;
	text-align:left;
}

ol.comic-archive .comic-series-item a {
	font:300%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 1em;
}

ol.comic-archive .comic-volume-item a {
	font:200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 1em;
}

ol.comic-archive .comic-chapter-item a {
	font:125%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 1.4em;
	font-weight: bold;
}

ol.comic-archive .comic-chapter-pages a {
	display: inline;
	margin:0 0 1.3em;
	font-weight: normal;
}

.comic-chapter-item li { margin: 1em 0; display: inline-block; }
.comic-chapter-pages li { margin: 0 3px; }
#thumbnailarch .comic-chapter-pages li { display: inline; }
#thumbnailarch img {border: 1px solid #000;}



/* WordPress Calendar */
#calendar .widgettitle {
	display:none;
}

#wp-calendar {
	border:.1em solid #ccc;
	caption-side:top;
}

#wp-calendar caption {
	font-size:100%;
	font-weight:bold;
}

#wp-calendar th {
	padding:0;
}

#wp-calendar td {
	border:.1em solid #ccc;
	padding:0;
	text-align:center;
}

#wp-calendar .pad {
	background:#fafafa;
}

#wp-calendar a {
	background:#333;
	color:#fff;
	display:block;
	text-decoration:none;
}

#wp-calendar #today {
	border:.25em double #333;
}



/* Recent Comics */

.recent-comics {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	margin: 0 auto;
}

.recent-comics li {
	display:inline;
}

.recent-comics img {
	border: 1px solid #000; margin: 2px; margin-top: 5px;
}