/**
 * Theme Name: Inkblot Child: Walking the Lethe
 * Theme URI: http://maikeruon.com/webcomic/
 * Description: Make an impression with the original, highly customizable <a href="http://maikeruon.com/webcomic/">Webcomic</a> theme.
 * Version: 1.0.0
 * Author: Amanda Potter
 * Author URI: http://singlestitchstudio.com/
 * Tags: black, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, theme-options, threaded-comments, sticky-post
 * Template: inkblot
 */
 
/** Load the Cascade Failure CSS Framework */
@import url( '../inkblot/includes/css/cf-reset.css' );
@import url( '../inkblot/includes/css/cf-layout.css' );
@import url( '../inkblot/includes/css/cf-typography.css' );

/* defaults - overrides basic styling from the Cascade Failure framework */
html {
	background:url(images/greygrunge-seamless.jpg);
	font-family: "times new roman", serif;
	font-size: .95em /*0.875em*/;

}

a {
	/*color:#333;*/
	color:#000066;
	text-decoration:underline
}

h1{/*Used for page Titles */
	font-size: 180%;
	font-variant:small-caps;
	text-transform:capitalize;
}

h2{
	font-variant:small-caps;
	text-transform:captialize;
	font-size: 160%;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a:hover {
	text-decoration:none;
	color:#333;
	font-variant:small-caps;
	text-transform:capitalize;
}


a:hover{
	color:red;
}

textarea {
	width:98%;
}

.group { /* This rule sets the default width for the entire site */
	width:1000px;
}



/* wrappers */
#wrap-outer {
	background:url(images/trim-left.png) repeat-y;
	padding:0 12px;
}

#wrap-inner {
	background:url(images/trim-right.png) right repeat-y;
	margin:0 -12px 0 0;
	padding:0 12px 0 0;
}



/* page */
.body,#page {
	background:url(images/paperbg.gif);
	width:1000px;
	margin-top:10px;
}



/* site name */
#head {
	background:url(images/free-headerbg-01-14.png) no-repeat;
	width:1000px;
	height:207px;
        position:absolute;
        font-size:15px;
	font-family:Times;

}

#head .name {
	font:bold 300%/1em Constantia, Palatino, Times, serif;
	margin:0 0 .25em;
	visibility:hidden;
}

#head .name a {
	text-decoration:none;
}

#head .alignright{
	visibility:hidden;	
}


/* site description */
#head .description {
	font:italic 150%/1em Constantia, Palatino, Times, serif;
	visibility:hidden;
}



/* foot */
#foot {
	/*background:#333;*/
	background:url(images/footerbg.jpg) no-repeat bottom center;
	color:#333;
	text-align:center;
	height:117px;
	width:1000px;
	float:none;

}

#foot a {
	color:#000066;
	font-weight:bold;
	text-decoration:none;
}

#foot a:hover {
	color:red;
}

#foot .interior {
	line-height:2em;
	padding:0 1em;
}



/* 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:#333;*/
	position:absolute;
	float:none;
	list-style:none;
	margin: 28px 0 0px 77px;
	width:100%;
	padding-left:14px;
	font-size:15px;
	font-family:Times;

}

.navi-site subscribe{
	visibility:hidden;
}

.navi-site li {
	float:left;
}

.navi-site li.alignright {
	float: right;
}

.navi-site a {
	/*position:relative;*/
	display:block;
	line-height:1.5em;
	padding:0 1em;
	text-decoration:none;
	height: 25px;
}

.navi-site li ul {
	background:#333;
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}

.navi-site ul li {
	float:none;
	white-space:nowrap;
}

/*navigation-page specific images for hover*/

.navi-site span{
	visibility:hidden;
}

.navi-site .home a{/*Home*/
	background:url(images/sitenavbar.png) 0 0 no-repeat; display:block; height:46px; width:55px;
}

.navi-site .home a:hover{/*Home hover*/
	background:url(images/sitenavbar.png) 0 -45px no-repeat; display:block; height:46px; width:55px;
}

.navi-site .page-item-2 a{/*About*/
	background:url(images/sitenavbar.png) -85px 0 no-repeat; display:block; height:46px; width:65px;
}

.navi-site .page-item-2 a:hover{/*About*/
	background:url(images/sitenavbar.png) -85px -45px no-repeat; display:block; height:46px; width:65px;
}

.navi-site .page-item-762 a{/*Cast*/
	background:url(images/about-dropdown.png) 0 0 no-repeat; display:block; height:40px; width:120px;
}

.navi-site .page-item-762 a:hover{/*Cast*/
	background:url(images/about-dropdown.png) -209px 0 no-repeat; display:block; height:40px; width:120px;
}

.navi-site .page-item-2 ul{/*Dropdown for the Supporters Tab*/
	background:url(images/paperbg.gif) 0 0 no-repeat; height:40px; width:120px;
	margin-left:10px;
	}

.navi-site .page-item-16 a{/*Archive*/
	background:url(images/sitenavbar.png) -181px 0 no-repeat; display:block; height:46px; width:75px;
}

.navi-site .page-item-16 a:hover{/*Archive*/
	background:url(images/sitenavbar.png) -181px -45px no-repeat; display:block; height:46px; width:75px;
}

.navi-site .page-item-10 a{/*Community*/
	background:url(images/sitenavbar.png) -286px 0 no-repeat; display:block; height:46px; width:150px;
}

.navi-site .page-item-10 a:hover{/*Community*/
	background:url(images/sitenavbar.png) -286px -45px no-repeat; display:block; height: 46px; width:150px;
}


.navi-site .page-item-8 a{/*Links*/
	background:url(images/sitenavbar.png) -467px 0 no-repeat; display:block; height:46px; width:75px;
}

.navi-site .page-item-8 a:hover{/*Links*/
	background:url(images/sitenavbar.png) -467px -45px no-repeat; display:block; height:46px; width:75px;
}

.navi-site .page-item-6 a{/*Store*/
	background:url(images/sitenavbar.png) -572px 0 no-repeat; display:block; height:46px; width:75px;
}

.navi-site .page-item-6 a:hover{/*Store*/
	background:url(images/sitenavbar.png) -572px -45px no-repeat; display:block; height:46px; width:75px;
}

.navi-site .page-item-12 a{/*Supporters*/
	background:url(images/sitenavbar.png) -677px 0 no-repeat; display:block; height:46px; width:125px;
}

.navi-site .page-item-12 a:hover{/*Supporters*/
	background:url(images/sitenavbar.png) -677px -45px no-repeat; display:block; height:46px; width:125px;
}

/*Supporters Dropdown*/
.navi-site .page-item-21 a:hover{/*Supporters Login Hover*/
	background:url(images/supporters-dropdown.png) -209px 0 no-repeat; display:block; height:40px; width:180px;
} 

.navi-site .page-item-21 a{/*Supporters Login*/
	background:url(images/supporters-dropdown.png) 0 0 no-repeat; display:block; height:40px; width:180px;
} 

.navi-site .page-item-23 a:hover{/*Supporters Join the Supporters Hover*/
	background:url(images/supporters-dropdown.png) -210px -40px no-repeat; display:block; height:40px; width:180px;
}

.navi-site .page-item-23 a{/*Supporters Join the Supporters*/
	background:url(images/supporters-dropdown.png) 0 -40px no-repeat; display:block; height:40px; width:180px;
}

.navi-site .page-item-12 ul{/*Dropdown for the Supporters Tab*/
	background:url(images/paperbg.gif) 0 0 no-repeat; height:80px; width:180px;
	margin-left:20px;
	}

	
/* navigation - comic */
.navi-comic {
	color:black;
	position:absolute;
	float:left;
	width:100%;
	padding-left: 62px;
	padding-top: 2px;
}

.navi-comic a {
	color:black;
	float:left;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	/*width:151px;*/
	/*height:56px;*/
	display:block;
}

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

.navi-comic a.first-webcomic-link{
	/*background:url(images/free-comic-hover.png) 0px 0 no-repeat;*/
	width:100px; height:56px;
}

.navi-comic a.first-webcomic-link:hover{
	background:url(images/free-comic-hover.png) 0px 0 no-repeat; width:100px; height:56px;
}

.navi-comic a.previous-webcomic-link{

	width:200px; height:56px;
}

.navi-comic a.previous-webcomic-link:hover{
	background:url(images/free-comic-hover.png) -100px 0 no-repeat; width:200px; height:56px;
}

.navi-comic a.next-webcomic-link{
	/*background:url(images/free-comic-hover.png) -300px 0 no-repeat;*/ 
	width:200px; height:56px;
}

.navi-comic a.next-webcomic-link:hover{
	background:url(images/free-comic-hover.png) -300px 0 no-repeat; 
	width:200px; height:56px;
}

.navi-comic a.last-webcomic-link{
	/*background:url(images/free-comic-hover.png) -500px 0 no-repeat;*/ 
	width:110px; height:56px;
}

.navi-comic a.last-webcomic-link:hover{
	background:url(images/free-comic-hover.png) -500px 0 no-repeat; 
	width:110px; height:56px;
}

.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;
	display:none;
}

.blog-title span {
	display:none;
}



/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
	overflow:hidden;
	width:736px;
	padding: 0 0 0 0;
	margin-top: 179px;
}

	
/* comics */
/*#body .comic img,#body .comic .object,*/ #body .comic-item, #body .webcomic_post{
	vertical-align:bottom;
	padding: 60px 0 0 0px;
}

/* Comic Area Background */
.align-center /*.comic .object*/{
	background:url(images/comic-bg-12-01b.png) no-repeat;
	min-height:973px;
	margin-left: -1px;
	margin-top: 1px;
}

/* comic embed code */
.comic-embed-code {
	display:block;
	width:98%;
}



/* posts */
#body .post {
	margin:0 0 3em;

}

#body .post .meta {
	text-align:right;
	margin-top:-25px;

}

#body .post .meta-single {
	border-style:solid;
	border-width:.1em 0;
	padding:.75em 0;
	text-align:left;
}

#body .post .entry img{
       margin: 5px;
       border-style:solid;
       border-color:white;
       border-width:5px;
}

#body .post .sociable img{
        border-width:0px;
}

#body .interior{
	position:relative;
	margin: 20px;
	padding: 0px 0 0 0;

}

#body .interior img{
	/*margin: 5px;*/
	/*border-style:solid;*/
	/*border-color:white;
	border-width:5px;*/
}

#body .interior #post-762 img{
	margin:5px;
	border-style:solid;
	border-color:white;
	border-width:5px;
}

#body .interior .entry{
	padding-bottom:20px;
}

/*
#body .interior .post-2 {margin-top:260px;}
#body .interior .post-16 {margin-top:260px;}
#body .interior .post-10 {margin-top:260px;}
#body .interior .post-19 {margin-top:260px;}
#body .interior .post-14 {margin-top:260px;}
#body .interior .post-8 {margin-top:260px;}
#body .interior .post-6 {margin-top:260px;}
#body .interior .post-12 {margin-top:260px;}
#body .interior .post-21 {margin-top:260px;}
#body .interior .post-23 {margin-top:260px;}
#body .interior .post-25 {margin-top:260px;}
#body .interior  {margin-top:260px;}*/

/* attachments */
#body .attachment .object {
	text-align:center;
}

#body .attachment .meta {
	border-style:solid;
	border-width:.1em 0;
	padding:.75em 0;
}



/* transcripts */
#webcomic-transcript{
	display:none;
}

#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 label {
	display:block;
	float:left;
	width:25%;
}

.commentlist {
	list-style:none;
	margin:0 0 3em;
	padding:0;
}

.commentlist .comment,.commentlist .pingback {
	border:.1em solid #ccc;
	margin:0 0 3em;
	padding:.75em .75em 0;
}

.commentlist .comment.bypostauthor {
	border:.25em double #333;
}

.commentlist .vcard {
	font-weight:bold;
}

.commentlist .vcard img.avatar {
	float:left;
	margin:0 1.5em 1.5em 0;
}

.commentlist .vcard span.says {
	display:none;
}

.commentlist .comment-meta {
	color:#999;
	padding:0 0 1.5em;
}

.commentlist .reply {
	padding-bottom:.75em;
}

.commentlist .children {
	list-style:none;
	margin:0;
	padding:0;
}

.commentlist .even {
	background:#fff;
}

.commentlist .odd {
	background:#fafafa;
}



/* sidebars and widgetized areas */
.sidebar { /* This rule prevents wide content from breaking the sidebar */
	overflow:hidden;
	background:url(images/sidebarbg-12-01a.jpg) repeat-y;
	width:264px;
	min-height:1115px;
        margin-top:210px;
        margin-left: -1px;
}

.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 */
	max-width:100%;
}

.sidebar .widget{
	text-align:center;
	margin: 5px 0 5px 0; 
}
.sidebar .widgettitle {
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	text-decoration:underline;
}

.sidebar #text-7 { /* Box for Announcements */
	border-width:1px;
	border-style:solid;
	border-color:#333;
	padding: 0 0px 0 0px;
	text-align:left;
	line-height:normal;
}


/* comic archive - date */
.comic-year {
	font:200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 .75em;
}

table.comic-archive .comic-date-col {
	border-right:.1em solid #ccc;
	width:30%;
}

table.comic-archive .alt {
	background:#fafafa;
}

table.comic-archive th {
	text-align:left;
}



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

ol.comic-archive .comic-series-item a {
	font:200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 .75em;
}

ol.comic-archive .comic-volume-item a {
	font:150%/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.2em;
}

ol.comic-archive .comic-chapter-pages a {
	font:115%/1em 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
	margin:0 0 1.3em;
}

/*Archive Pages - To create the dropdown effect*/
.comic-volume-chapters,
.comic-chapter-pages    { display: none; }
.comic-archive          { list-style: none;  }
.comic-volume-item      { padding-left:20px; padding-bottom:15px; margin-top:20px; }
.comic-volume-item a    { display: block; font-size: 200%; margin-bottom:.75em; text-decoration: none; cursor: pointer;}


/*Books*/
.comic-volume-item-5 { background: url('images/bookcover1.jpg') no-repeat; width:600px; min-height:74px; }
.comic-volume-item-51 { background:url('images/bookcover1.jpg') no-repeat; width:600px; min-height:74px; }

/*Issues*/
.comic-volume-chapters 	{ font-size:100%; list-style:decimal; padding-top:35px; }
.comic-chapter-item-6 	{ background:url('images/Issue-1-cover.png') no-repeat; width:175px; min-height:246px; }
.comic-chapter-item-7 	{ background:url('images/Issue-2-cover.png') no-repeat; width:175px; min-height:246px; }
.comic-chapter-item-46	{ background:url('images/Issue-3-cover.png') no-repeat; width:175px; min-height:246px; }

.comic-chapter-item     { font-size: 100%; list-style:decimal; padding-bottom:5px; width:600px; }
.comic-chapter-item a   { font-size: 100%; margin:0; padding:0; cursor: pointer; }

/*Pages*/
ol.comic-chapter-pages  { list-style:lower-roman; font-size: 66%; text-decoration:none; padding-left:190px; }


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

/*Front Page Comic Blog notations*/
	
.comicentry{
	margin-top:-25px;
	margin-left:10px;
	width:450px;
}

.commenttoday{
	margin-top:-40px;
	margin-left:470px;
	position:relative;
}

.sharesave{
	float:left;
}

/* 404 Recent Comics */
.error-404 .recent-comics {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.error-404 .recent-comics li {
	float:left;
	margin:0 1.5em 1.5em 0;
}

.error-404 .recent-comics a {
	text-decoration:none;
}



#below-comic-ad {
	position: relative;
	margin-left:-15px;

}

/*MyTwitter*/

.mytwitter li{
       list-style:none;
       text-align:left;

       padding:0;
       margin-left:-15px;
}

#commenttoday {
	margin-top:-20px;
	text-color:white;
}