/**
 * Theme Name: Inkblot
 * 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: 2.1.0
 * Author: Michael Sisk
 * Author URI: http://maikeruon.com/
 * Tags: black, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, theme-options, threaded-comments, sticky-post
 */
 
/** Load the Cascade Failure CSS Framework */
@import url( 'includes/css/cf-reset.css' );
@import url( 'includes/css/cf-layout.css' );
@import url( 'includes/css/cf-typography.css' );

/**
 * Thanks for choosing InkBlot! This is the InkBlot style.css file.
 * Wihle you can make alterations to the theme here, it's strongly
 * recommended that you use a child theme and not modify InkBlot
 * itself directly.
 * 
 * For more information on child theme and customizaing InkBlot please
 * see: http://maikeruon.com/wcib/documentation/inkblot/customizing/
 */

/* defaults - overrides basic styling from the Cascade Failure framework */

html {
	background: url('includes/images/cardboard.jpg') repeat;  				/* 			WEBCOMICS */
	font-family:Georgia, "Times New Roman", Times, serif;
}


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

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

textarea {
	width:98%;
}

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



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

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



/* page */
#page {
	/* background:#fff;																	WEBCOMICS */
}



/* site name */
#head .name {
	font:bold 300%/1em Constantia, Palatino, Times, serif;
	margin:0 0 .95em;
	float:left;
}

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

#head .interior {														/*				WEBCOMICS */
	margin:0;
	padding:0;
}


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

/* social icons */
#head .social {list-style:none; height:50px; display:block; margin-top:1.5em;}
#head .social li {float:left; display:inline; margin-right:1.2em;}

/* homepage seriale */
.homepage_seriale {
	font-size:18px;
	padding: 0 1.5em 1.2em 1.5em;
}


.homepage_seriale a:hover	{													
	color: #666666;
	text-decoration:none;
}

.homepage_seriale h3 {
	float:left; display:inline;
	font-size: 18px;
	font-weight: bold;
}


/* foot */																/*				WEBCOMICS */
#foot {																	
	background:url('includes/images/footer_bg.png') no-repeat;
	width:800px;
	height:216px;
	padding-left:1em;
	padding-right:1em;
	font-size:13px;
}

#foot ul{																
	list-style:none;
	margin:0;
	padding:13px;
}

#foot ul li a	{														
	text-decoration: none;
	color: #666666;
}

#foot ul li a:hover	{													
	color: #3399cc;
	text-decoration:underline;
}

#foot .rss	{
	float:left;
	width:210px;
	margin-top:40px;
	margin-right:25px;
}

#foot .rss ul{
	list-style:none;
	margin:0;
	padding:13px;
}

#foot .rss li	{
	background-image: url('includes/images/footer_rss.png');
	background-repeat: no-repeat;
	padding-left: 1.5em;
	background-position: 0 .1em;
}

#foot .rss ul li a	{
	text-decoration: none;
	color: #666666;
}

#foot .rss ul li a:hover	{
	color: #3399cc;
	text-decoration:underline;
}

#foot .seriale	{
	float:left;
	width:180px;
	margin-top:40px;
}

#foot .pagini	{
	float:left;
	width:175px;
	margin-top:40px;
	margin-left:-45px;
}

#foot .linkuri	{
	float:left;
	width:160px;
	margin-top:40px;
}



/* 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;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.navi-site li {
	float:left;
}

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

.navi-site a {
	color:#ccc;
	display:block;
	font-weight:bold;
	line-height:2em;
	padding:0 1em;
	text-decoration:none;
}

.navi-site a:hover {
	color:#fff;
}

.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 - comic */
.navi-comic {
	background:#333;
	float:left;
	width:100%;
}

.navi-comic a {
	color:#ccc;
	float:left;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	width:25%;
}

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

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



.comic .navi {
		background-image:url('includes/images/series_navigation.png');
		background-repeat:no-repeat;
		height:38px;
		width:800px;
		padding-left:25px;
	}
	
.comic .first-comic-link {
			display:inline-block;
			float:left;
			height: 32px;
			width: 87px;
			background: url('includes/images/series_navigation_primul.gif');
		}
		
			.first-comic-link span {
				display: none; /* hide the text inside the link */
			}

.comic .last-comic-link {
			display:inline-block;
			height: 32px;
			width: 98px;
			background: url('includes/images/series_navigation_ultimul.gif');
		}

			.last-comic-link span {
				display: none; /* hide the text inside the link */
			}


.comic .next-comic-link {
			display:inline-block;
			height: 32px;
			width: 131px;
			background: url('includes/images/series_navigation_urmatorul.gif');
		}

			.next-comic-link span {
				display: none; /* hide the text inside the link */
			}


.comic .previous-comic-link {
			display: inline-block;
			float:left;
			height: 32px;
			width: 133px;
			background: url('includes/images/series_navigation_anteriorul.gif');
		}
		
			.previous-comic-link span {
				display: none; /* hide the text inside the link */
			}




.comic .current-comic {
		display:none;
	}


	
/* 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 {
	margin:0 0 3em;
}





/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
	overflow:hidden;
}

.content-main	{
	width: 496px;
}

	
/* comics */
#body .comic img,#body .comic object {
	vertical-align:bottom;
	margin-bottom: .4em;
}

.comic .comic_title {
		height:100px;
		width:800px;
		background-image:url('includes/images/series_title.png');
		background-repeat:no-repeat;
	}
	
	.comic_title a {
		text-decoration:none;
	}
	
.comic .series_title {
		text-align:left;
		font-size:22px;
		font-weight:bold;
		position:relative;
		float:left;
		top:42px;
		left:25px;
		color:#000000;
	}

	
.comic .date {
		width:109px;
		float:right;
		padding-right:25px;
		position:relative;
		top:9px;
	}

.comic .date_month {
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;
		text-transform: uppercase;
	}	

.comic .date_day {
		font-size:30px;
		color:#000000;
		font-weight:bold;
		position:relative;
		top:5px;
	}

.comic .date_year {
		font-size:14px;
		color:#000000;
		position:relative;
		top:11px;
	}	




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



/* posts */
.blogpost_pad {
	padding:2em 2em 2em 2em;
}

#blog_post_header	{
	background:url('includes/images/blog_post_header_bg.png') no-repeat;
	width:496px;
	height:66px;
}

#blog_post_header h2	{
	font-size:30px;
	padding:.4em 0 0 0.7em;
	text-align:left;
}

#blog_post_body	{
	background:url('includes/images/blog_post_body_bg.png') repeat-y;
	width:496px;
}

#blog_post_body h3	{
	font-size:16px;
	text-align:left;
	padding:0 0 5px 0;
}


#blog_post_footer	{
	background:url('includes/images/blog_post_footer_bg.png') no-repeat;
	width:496px;
	height:56px;
}

#blog_post_footer .comments {
	font-size:13.8px;
	padding-top:4px;
	padding-left:18px;
	height:29px;
	width:39px;
	text-align:center;
	text-decoration: none;
	float:left;
}

#blog_post_footer .continuereading{
	float:right;
	padding-right: 2em;
	padding-top:.5em;
}

#post_header	{
	width:496px;
	height:66px;
	margin-top:30px;
}

#post_header h1	{
	font-size:30px;
	padding:.4em 0 0 0.7em;
}

#post_body	{
	width:496px;
	font-size: 1.3em;
	line-height: 1.4em;
}

#post_footer	{
	background:url('includes/images/post_footer_bg.png') no-repeat;
	width:496px;
	height:23px;
}


#body .post {
	margin:0 0 3em;
	width: 496px;
}

#body .post .meta {
	text-align:right;
}

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



/* 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 */
#comments	{
	width:496px;
	background:url('includes/images/comments_title.png') no-repeat;	
}

#comments .comments_number	{
	height:80px;
	position:relative;
	top:19px;
	left:24px;
	font-size:24px;
	font-weight:bold;
}


.commentlist                                          {
	list-style: none; margin: 0 0 1.5em; padding: 0;
}
	
	.commentlist .comment                                 {
		margin: 0 0 2.5em; padding: .75em .75em 0;
	}
	
		.commentlist .comment .vcard {
			font-size: 115%; font-weight: bold;
			color:#333333;
		}
		
		.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;
			width:350px;
		}
		
		.commentlist .comment .comment-meta a {
			color: #666666;
			text-decoration:none;
		}

		.commentlist .comment .comment-meta a:hover	{
			color: #3399cc;
			text-decoration:underline;
		}
		
		.commentlist .comment .reply {
			padding-bottom: .75em;
		}
		
		.commentlist .comment .children {
			list-style:none;
			margin: 0;
			padding: 0;
		}
		
	.commentlist .even {
		color:#333333;
		background:url('includes/images/comments_line.jpg') no-repeat;
	}
	.commentlist .odd {
		color:#333333;
		background:url('includes/images/comments_line.jpg') no-repeat;
	}

#comment {
	width:96%;
}

#respond {
	background:url('includes/images/comments_for.png') no-repeat;
	width:496px;
	height:300px;
}

#respond form	{
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#respond .comments_input	{
	background:url('includes/images/comments_input.png') no-repeat;
	width:496px;
	height:67px;
}

#respond .comments_comment_bg	{
	background:url('includes/images/comments_comment_bg.png') no-repeat;
	width:496px;
	height:156px;
}

#respond .comments_author	{
	width:145px;
	margin-left:88px;
	border:0px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
}

#respond .comments_email	{
	width:155px;
	margin-left:85px;
	border:0px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
}

#respond .comments_url	{
	width:175px;
	margin-left:112px;
	margin-top:18px;
	border:0px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
}

#respond .comments_comment	{
	width:445px;
	height:128px;
	margin-left:25px;
	margin-top:16px;
	border:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
	overflow: hidden;
}

#respond .comments_submit	{
	width:101px;
	height:33px;
	margin-right:20px;
	margin-top:15px;
	border:0px;
    background: transparent url('includes/images/comments_button.png') no-repeat top;
	float:right;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}


/* sidebars and widgetized areas */
.sidebar { /* This rule prevents wide content from breaking the sidebar */
	overflow:hidden;
}



.sidebar .interior {
	list-style:none;
	margin:0;
	padding: 0 0 0 1.5em;
}

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

/* WordPress Pages Widget */



#pages-2 li	{
   font-size: 1.3em;
}

#pages-3 li	{
   font-size: 1.3em;
}

#pages-4 li	{
   font-size: 1.3em;
}

/* WordPress Links Widget */

#linkcat-2 li	{
   font-size: 1.3em;
}

/* WordPress Recent Comics Widget */

#recent-comics-3 li	{
   font-size: 1.3em;
}

/* WordPress Calendar */
#calendar_wrap	{
	background:url('includes/images/sidebar_calendar_bg.png') no-repeat;
	width:283px;
	height:273px;
}

#calendar .widgettitle {
	display:none;
}

#wp-calendar {
	border-collapse:separate;
	border-spacing:.25em;
	caption-side:top;
	margin-bottom:1.5em;
	margin-left:32px;
	text-align:center;
	width:220px;
	height:190px;
	margin-top: 1.5em;
}
	
	#wp-calendar caption {
		font-family:Georgia, "Times New Roman", Times, serif;;
		font-size:16px;
		font-weight:bold;
		line-height:1em;
		text-transform:uppercase;
		margin-top:27px;
		margin-bottom:6px;
	}
	
	#wp-calendar tfoot {
		font-size:14px;
		text-transform:uppercase;
	}
	
	#wp-calendar tbody td {
		padding:0;
		font-size:14px;
	}

	#wp-calendar th {
	font-weight:bold;
	padding:0;
	text-align:center;
	visibility: hidden;
	}
	
	#wp-calendar #today {
		background-color:#3399cc;
		font-weight:bold;
		color:#000;
	}
	
	#wp-calendar #today a {
		color:#000;
	}
	
	#wp-calendar .pad {
		padding:0;
	}
	

	#wp-calendar a {
		color:#3399cc;
		display:block;
		font-weight:bold;
		text-decoration:none;
	}
	
		#wp-calendar a:hover {
			color:#666666;
		}



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