/*
Theme Name: Easel - Dreamland Chronicles
Theme URI: http://comiceasel.com
Template: easel
Description: Plugin your WebComic
Author: Philip M. Hofer (Frumph)
Author URI: http://frumph.net
Version: 1.0
License: GNU General Public License, v3 (or newer)
License URI: http://www.opensource.org/licenses/gpl-3.0.html
*/

@import url("../easel/style.css");

/* STANDARD TAGS */

body {
	background: #000 url('images/background.jpg') center 1710px repeat-y;
	font-family: 'MedievalSharp', cursive;
}

.entry, .comment {
	font-family: 'Fresca', sans-serif;
}

a:link, a:visited {
	color: #2c3060;
}

a:hover {
	color: #cbeaff;
}

#page-wrap {
	background: url('http://www.thedreamlandchronicles.com/wp-content/uploads/2019/08/TopBack_02.jpg') top center no-repeat;
}

#page {
	width: 1000px;
}

#header {
	margin: 0 auto;
	width: 100%;
}

.header-info {
	display: inherit;
	float: none;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	margin: 0 auto;
	display: block;
	width: 620px;
	height: 150px;
	background: url('images/header.png') top center no-repeat;
	text-indent: -9999px;
	position: relative;
	margin-bottom: -100px;
}

#header h1 a:hover {
    color: #f00;
}

#header .description {
	display: none;
}

#menubar-wrapper {
	width: 590px;
	margin: 0 auto;
	background: #fff;
	-moz-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
	border: solid 1px #000;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;
	margin-bottom: 5px;
}

.menu-container {
	margin-left: 40px;
}

body.home #menubar-wrapper, body.single-comic #menubar-wrapper {
	-moz-border-radius: 6px 6px 0 0;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	margin-bottom: 0;
}


.menu-item-home {
	-moz-border-radius: 6px 0 0 0;
	-khtml-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

.mininav-prev a, .mininav-next a {
	color: #000 !important;
}

.menunav a:link, .menunav a:visited {
	color: #000;
}
.menu ul li a:link, .menu ul li a:visited, .menunav a:link, .menunav a:visited  {
	color: #000;
}

#subcontent-wrapper, #breadcrumb-wrapper {}

.single-comic #breadcrumb-wrapper {}

#footer {
	background: #1e1a2e;
	padding: 5px 0;
	color: #fff;
}

#section-wrap {
	width: 630px;
	display: inline-block;
	float: left;
}

#comic {
	border: solid 1px #000;
	background: #fff;
	padding: 14px 0 11px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;
	z-index: 100;
	position: relative;
	margin-bottom: -3px;
}

#comic, #comic-head, #comic-foot, .pagenav {}

.narrowcolumn, .widecolumn { 
/*	background: #fefefe; */
	width: auto;
}

h2.post-title-comic {
	background: url('images/blog-background.jpg') top center repeat-y;
	padding: 11px 2px 12px;
	text-align: center;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
	font-size: 36px;
}

h2.post-title-comic a {
	font-size: 36px;
}

.type-post, .type-comic, .type-page, #comment-wrapper, #wp-paginav {
	background: url('images/blog-background.jpg') top center repeat-y;
	padding: 0 3px 3px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

.type-comic .post-title {
	padding: 7px 2px 4px;
	text-align: center;
}


#footer a {
	color: #005bc1;
}
#footer a:hover {
	color: #cbeaff;
}

h1 {
	text-shadow: 2px 2px 3px #111;
}

#sidebar-left, #sidebar-right {
	width: 179px;
	padding: 3px;
	display: inline-block;
}

#sidebar-left {
	float: left;
	min-height: 100px;

}
/* body.home #text-355924324, body.single-comic #text-355924324{ */
#text-355924324{
	margin-top: 300px;
}

#sidebar-right {
	float: right;
}

/* body.home #text-355924316, body.single-comic #text-355924316 { */
#text-355924316 {
	margin-top: 300px;
}

/* body.home #text-355924313, body.single-comic #text-355924313 { */
#text-355924313 {
	margin-top: 300px;
}

#column {
	padding: 5px;
}

body.layout-2cl #column {
	float: right;
}

.narrowcolumn { width: 620px; }

body.layout-2cl .narrowcolumn,
body.layout-2cr .narrowcolumn {
	width: 554px;
}

.comment-text {
	overflow: hidden;
	font-size: 14px;
}

/* comic archive */
.comic-archive-list-wrap {
	width: 320px !important;
	float: right !important;
}


.comic-archive-thumbnail {
	width: 200px !important;
	float: left;
}

/* Comments */

.comment {
	margin-top: 5px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;		
}

li.comment {	
	background: url('images/comment.png') repeat;
	padding: 3px;
}

.comment .comment {
	background: url('images/comment-comment.png') repeat;
}

.comic_navi_wrapper {
	width: 590px !important;
	margin: 0 auto;
	background: #fff;
	-moz-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
	border: solid 1px #000;
	-moz-box-shadow: 1px 2px 10px #000;
	-webkit-box-shadow: 1px 2px 10px #000;
	-khtml-box-shadow: 1px 2px 10px #000;
	box-shadow: 1px 2px 10px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	padding-top: 5px;
}

#sidebar-under-comic {
	z-index: 10;
}

#text-355924314 {
	margin-top: 5px;
}

.kiwi {
	background: url('images/kiwi.png') top center no-repeat;
	width: 191px;
	height: 297px;
	display: block;
	position: relative;
	z-index: 1000;
	margin-bottom: -200px;
	margin-left: 70px;
}

.sidebar .widget {
	padding: 10px 0;
	background: url('images/black-transparent.png') repeat;
	-moz-border-radius: 6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
}

#text-355924315 {
	width: 490px;
	margin: 0 auto;
	-moz-border-radius: 0 0 6px 6px;
	-khtml-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;		
}

#footer .sidebar .widget {
	background: none;
}

body.page-archive .alignleft {
	margin: 0;
}

.entry {
	font-size: 16px;
}


span.comic-archive-thumbnail { margin: 0; padding: 0; float: left; display: inline-block; }