html,
body {
	background-color: #282112;
}
body {
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
}
	.container {
		width: 900px;
		margin: 0 auto;
		position: relative;
		background: url(/img/bar_horizontal.gif) no-repeat 70px 161px;
	}
	.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.container { display: inline-block; }
	.container { display: block; }
		.main {
			float: right;
			display: inline;
			width: 730px;
			margin-bottom: 50px;
			font-size: .95em;
		}
			.main .site_title {
				height: 73px;
				padding: 41px 0 20px 0;
			}
				.main .site_title a {
					display: block;
					width: 400px;
					height: 73px;
					background: url(/img/site_title.png) no-repeat;
					margin: 0 -10px 0 340px;
				}
			.main .nav {
				height: 78px;
				margin-left: -4px;
				margin-right: -11px;
			}
				.main .nav li {
					float: left;
					display: inline;
				}
				.main .nav li.bar_link a {
					display: block;
					width: 151px;
					height: 60px;
					float: left;
					display: inline;
					margin-left: -2px;
				}
				.main .nav li a {
				}
				.main .nav li.home a {
					position: absolute;
					top: 0;
					left: 0;
				}
				.main .nav li a.archive {
					background: url(/img/nav_archive.png) no-repeat;
				}
				.main .nav li a.art {
					background: url(/img/nav_art.png) no-repeat;
				}
				.main .nav li a.characters {
					background: url(/img/nav_characters.png) no-repeat;
				}
				.main .nav li a.about {
					background: url(/img/nav_about.png) no-repeat;
				}
				.main .nav li a.links {
					background: url(/img/nav_links.png) no-repeat;
				}
				.main .nav li a.archive:hover {
					background: url(/img/nav_archive_over.png) no-repeat;
				}
				.main .nav li a.art:hover {
					background: url(/img/nav_art_over.png) no-repeat;
				}
				.main .nav li a.characters:hover {
					background: url(/img/nav_characters_over.png) no-repeat;
				}
				.main .nav li a.about:hover {
					background: url(/img/nav_about_over.png) no-repeat;
				}
				.main .nav li a.links:hover {
					background: url(/img/nav_links_over.png) no-repeat;
				}
			.main .page {
			}
				.main .page .header {
					padding: 25px 20px 18px;
					margin: 0 0 0 0;
					background: #f0f0f0 url(/img/content_header_bg.png) repeat-x bottom;
					color: #7e7e7e;
					width: 690px;
				}
				.main .page .header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				.main .page .header { display: inline-block; }
				.main .page .header { display: block; }
					.main .page .header a {
						color: #7e7e7e;
					}
					.main .page .header h1 {
						font-size: 1.85em;
						float: left;
						display: inline;
						white-space: nowrap;
						letter-spacing: -1.2px;
					}
						.main .page .header h1 a {
							text-decoration: none;
						}
						.main .page .header h1 a:hover {
							text-decoration: underline;
						}
					.main .page .header .crumbs {
						float: right;
						display: inline;
						white-space: nowrap;
						margin-top: 15px;
						font-size: 0.7em;
					}
				.main .page .content {
					padding: 43px 20px 30px;
					font-size: 0.85em;
					background: #fff;
				}
				.main .page .content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				.main .page .content { display: inline-block; }
				.main .page .content { display: block; }
					.main .page .content p {
						margin-bottom: 20px;
						line-height: 20px;
					}
					.main .page .content h2 {
						margin-bottom: 20px;
						font-size: 1.8em;
						letter-spacing: -1.2px;
					}
					.main .page .content h2 a {
						text-decoration: none;
					}
					.main .page .content h2 a:hover {
						text-decoration: underline;
					}
					.main .page .content .comic {
						margin-bottom: 40px;
					}
					.main .page .content .comic:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
					.main .page .content .comic { display: inline-block; }
					.main .page .content .comic { display: block; }
						.main .page .content .comic .image {
							float: left;
							display: inline;
							margin: 0 15px 0 0;
						}
						.main .page .content .comic .text {
							margin-left: 248px;
						}
							.main .page .content .comic .text .description {
								margin-bottom: 0;
							}
							.main .page .content .comic .text .meta {
								font-style: italic;
								font-size: 0.85em;
							}
							.main .page .content .comic .text .pages {
								margin-bottom:10px;
							}
								.main .page .content .comic .text .pages .page_thumb img {
									margin: 0 10px 10px 0;
								}
							.main .page .content .comic .text .more_link {
							}
					.main .page .content .series {
						clear: both;
						margin: 0 0 40px 0;
					}
					.main .page .content .series.last {
						margin-bottom: 0;
					}
						.main .page .content .series .piece {
							margin-right: 15px;
							height: 100px;
						}
						.main .page .content .series .piece:hover {
						}
						.main .page .content .series .more {
						}
							.main .page .content .series .more img {
								margin-bottom: 8px;
							}

				.main .page .footer {
					background: url(/img/content_bottom.gif) no-repeat bottom;
					background-position: bottom;
					padding-bottom: 10px;
				}
					.main .page .footer div {
						display: block;
						text-align: right;
						background: #fff;
						padding-right: 20px;
						height: 52px;
					}
		.side {
			font-size: 0.75em;
			color: #7c6f46;
			margin: 165px 0 50px 0;
			background: url(/img/bar_vertical.gif) no-repeat 64px bottom;
			float: left;
			display: inline;
			width: 147px;
		}
			.side a {
				color: #7c6f46;
			}
			.side a.email_me {
				margin: 100px 0 0 -15px;
				display: block;
				width: 177px;
				height: 162px;
				background: url(/img/email_me.png) no-repeat;
			}
			.side a.email_me:hover {
				background-image: url(/img/email_me_over.png);
			}
			.side a.feed_me {
				margin: 0 0 0 -15px;
				display: block;
				width: 177px;
				height: 179px;
				background: url(/img/feed_me.png) no-repeat;
			}
			.side a.feed_me:hover {
				background-image: url(/img/feed_me_over.png);
			}
			.side .copyright {
				width: 177px;
				margin: 0 0 0 -15px;
				text-align: center;
			}
				.side .copyright .one {
					background: url(/img/copyright.png) no-repeat top;
					padding: 145px 20px 15px;
				}
				.side .copyright .two {
					background: url(/img/copyright.png) no-repeat bottom;
					padding: 0 20px 37px;
					font-weight: 700;
				}
					.side .copyright .one a.coc {
						white-space: nowrap;
						font-weight: normal;
					}
					.side .copyright .two a.asd {
						white-space: nowrap;
						font-weight: normal;
					}
	.old_browser {
		background-color: red;
		color: #fff;
		font-size: 1.5em;
		padding: 20px;
		border-bottom: 2px solid white;
	}
		.old_browser a {
			color: #fff;
		}
	

.main .site_title a span,
.main .nav li a span,
.side .email_me span,
.side .feed_me span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}




strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
a {
	color: #000;
	cursor: pointer;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} 
.cake-sql-log {
	background-color: #fff;
}
.cake-sql-log td,
.cake-sql-log th {
	border: 1px solid #e9e9e9;
	padding: 5px;
	vertical-align: top;
}
.debug,
.cake-debug {
	background-color: #fff;
	color: #000;
	font-size: .75em;
}
.debug h4 {
	background-color: #DFE2FF;
	font-size: 14px;
}