/*
Theme Name:  Mangacafeblog
Theme URI:   http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Mangacafeblog</b>.
Version:     1.0
Author:      Dizzain.com
Author URI:  http://www.dizzain.com/
*/

/*
	Reset by Eric Meyer
	http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


sup, sub {
	font-size: 70%;
	vertical-align: baseline;
	position: relative;
}

sup {
	top: -0.4em;
}

sub {
	bottom: -0.4em;
}

/*
	Main styles
*/

html { width: 100%; }

html, body {
	height: 100%;
}

body, textarea, input, select {
	font: 13px/18px "Trebuchet MS", Arial, Tahoma, Verdana;
}

body {
	color: #525252;
	background: #eff3f7 url("images/back.png") 0 0 repeat-x;
}

p {
	margin: 10px 0 0 0;
}

ul, ol, dl {
	margin: 5px 0 5px 20px;
}

blockquote {
	margin: 10px 0 0 20px;
	font-style: italic;
}

pre {
	font: 14px/18px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #873977;
}

a:hover {
	text-decoration: none;
}

/*
	Global styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.overflow {
	overflow: hidden;
}

/*
	Layonts
*/

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 1030px;
}

#header {
	background: url("images/header/back.png") 0 0 repeat-x;
	float: left;
	height: 130px;
	overflow: hidden;
	width: 100%;
}

#page {
	clear: both;
	float: left;
	margin: 20px 0 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.content {
	float: left;
	overflow: hidden;
}

	.content#content {
		width: 568px;
		margin: 0 0 0 10px;
	}

.aside {
	float: left;
}

	.aside#left {
		width: 188px;
		margin: 0 0 0 10px;
	}

	.aside#right {
		width: 210px;
		margin: 150px 0 0 10px;
	}

#girl {
	background: url("images/girl.png") 0 0 no-repeat;
	height: 308px;
	position: absolute;
	right: 0;
	width: 304px;
}

/*
	Header
*/

/* Logo */

#logo {
	display: inline;
	float: left;
	height: 80px;
	width: 365px;
}

	#logo h1, #logo h2 {
		color: #fff;
		font: italic 46px/54px Georgia;
		height: 80px;
		width: 365px;
		letter-spacing: -2px;
		overflow: hidden;
	}

		#logo h1 a, #logo h2 a {
			color: #fff;
			display: block;
			height: 80px;
			text-decoration: none;
			width: 365px;
		}

		#logo h1 span, #logo h2 span {
			background: url("images/header/logo.png") 0 0 no-repeat;
			display: block;
			height: 80px;
			width: 365px;
		}

/* Menu */

#menu {
	display: inline;
	float: left;
	height: 37px;
	width: 100%;
}

	#menu ul {
		float: left;
		font: 17px/37px "Trebuchet MS";
		height: 37px;
		list-style-type: none;
		margin: 8px 0 0 20px;
		padding: 0;
	}

		#menu ul li {
			border: 0 none;
			float: left;
			height: 37px;
			margin: 0 2px;
		}

			#menu ul li a {
				color: #fff;
				display: block;
				height: 37px;
				text-decoration: none;
				padding: 0 0 0 10px;
			}

				#menu ul li a span {
					display: block;
					height: 37px;
					padding: 0 10px 0 0;
				}

			#menu ul li.active a, #menu ul li a:hover {
				background: url("images/menu/left.png") 0 0 no-repeat;
			}

				#menu ul li.active a span, #menu ul li a:hover span {
					background: url("images/menu/right.png") right 0 no-repeat;
				}

/*
	Content
*/

/* Typograpthy */

#content ul {
	list-style: disc;
}

#content ol {
	list-style: decimal;
}

	#content ol ol li {
		list-style-type: lower-alpha;
	}

	#content ul ul li {
		list-style-type: circle;
	}

#content dt {
	font-weight:bold;
}

#content dd {
	margin: 0 0 10px 10px;
}

#content hr {
	border: 1px solid #c7c7c7;
	border-bottom: 0;
	height: 0;
	margin: 10px 0;
}

/* Layout */

#content {
	background: url("images/content/back.png") 0 0 repeat-y;
}

	#content .posts {
		background: url("images/content/top.png") 0 0 no-repeat;
		float: left;
		display: inline;
		margin: 0;
		width: 100%;
	}

		#content .posts-wrapper {
			background: url("images/content/bottom.png") 0 bottom no-repeat;
			float: left;
			display: inline;
			margin: 0;
			min-height: 500px;
			width: 100%;
		}

	#content .posts .post {
		border-bottom: 1px dotted #c7c7c7;
		float: left;
		margin: 10px 15px 10px;
		padding: 0; 
		width: 539px;
	}

		#content .posts .post .title {
			background: url("images/content/title.png") 0 0 no-repeat;
			float: left;
			height: 73px;
			overflow: hidden;
			padding-top: 5px;
			width: 100%;
		}

			#content .posts .post .title h1,
			#content .posts .post .title h2 {
				color: #525252;
				float: left;
				display: block;
				font: bold 26px/30px "Trebuchet MS";
				letter-spacing: -1px;
				margin: 0 0 0 10px;
				width: 450px;
			}

				#content .posts .post .title h1 a,
				#content .posts .post .title h2 a {
					color: #525252;
					text-decoration: none;
				}

			#content .posts .post .title .date {
				float: left;
				text-align: center;
				width: 60px;
			}

				#content .posts .post .title .date .d {
					color: #525252;
					font: bold 40px/42px "Trebuchet MS";
					letter-spacing: -5px;
				}

				#content .posts .post .title .date .m {
					color: #906580;
					font: bold 20px/22px "Trebuchet MS";
					letter-spacing: -1px;
					text-transform: uppercase;
					padding-left: 5px;
				}

		#content .posts .post .entry {
			float: left;
			margin: 10px;
		}

			#content .posts .post .entry h1,
			#content .posts .post .entry h2 {
				line-height: 26px;
			}

			#content .posts .post .entry h1 {
				font-size: 22px;
				margin: 10px 0;
			}

			#content .posts .post .entry h2 {
				font-size: 20px;
				margin: 10px 0;
			}

			#content .posts .post .entry h3 {
				font-size: 18px;
				margin: 10px 0;
			}

			#content .posts .post .entry h4 {
				font-size: 16px;
				margin: 10px 0;
			}

			#content .posts .post .entry h5 {
				font-size: 15px;
				margin: 10px 0;
			}

			#content .posts .post .entry h6 {
				font-size: 14px;
				margin: 10px 0;
			}

		#content .posts .post .meta {
			color: #676767;
			display: inline;
			float: left;
			font: bold 13px/16px "Trebuchet MS";
			margin: 10px 0 0 0;
			width: 100%;
		}

			#content .posts .post .meta p {
				margin: 0 0 2px 15px;
			}

			#content .posts .post .meta a {
				font-weight: normal;
			}

		#content .posts .post .link {
			display: inline;
			float: left;
			padding:10px 0 0 10px; 
			padding-bottom: 10px;
			width: 100%;
		}

			#content .posts .post .link .c,
			#content .posts .post .link .s,
			#content .posts .post .link .r {
				float: left;
				height: 22px;
				margin: 0 15px 0 0;
			}

			#content .posts .post .link .c {
				background: url("images/icons/c.png") 0 0 no-repeat;
				padding-left: 28px;
			}

			#content .posts .post .link .s {
				background: url("images/icons/s.png") 0 0 no-repeat;
				padding-left: 24px;
			}

			#content .posts .post .link .r {
				background: url("images/icons/r.png") 0 0 no-repeat;
				padding-left: 24px;
			}

/* Comments */


#content .comments {
	border-bottom: 1px dotted #c7c7c7;
	float: left;
	margin: 10px 20px 10px;
	padding: 0;
	width: 519px;
}

#content .comments h3 {
	font: 18px/24px "Trebuchet MS", Arial;
	letter-spacing: -1px;
}

.commentlist {
	float: left;
	margin-top: 20px;
}

	.commentlist li {
		margin: 0 0 10px 0;
	}

#commentform, #respond {
	float: left;
	width: 100%;
	margin: 5px 0;
}

	#commentform textarea {
		border: 1px solid #a8a8a8;
		float: left;
		width: 95%;
		height: 200px;
		margin: 0;
	}

	#commentform div {
		float: left;
		width: 100%;
	}

		#commentform div label {
			color: #006699;
			display: block;
			font: 14px/24px "Trebuchet MS", Arial;
			float: left;
			width: 100%;
		}

		#commentform div div {
			float: left;
			width: 100%;
		}

			#commentform div div input {
				border: 1px solid #a8a8a8;
				width: 165px;
			}

#commentform div input#submit {
	background: url("images/reply.png") 0 0 no-repeat;
	border: 0 none;
	cursor: pointer;
	float: left;
	height: 32px;
	text-indent: -1000px;
	width: 112px;
}

/* Images */

#content img {
	padding: 0;
	max-width: 100%;
	margin: 5px;
}

	#content img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#content img.alignright {
		margin: 10px 0 10px 10px;
		display: inline;
	}

	#content img.alignleft {
		margin: 10px 5px 10px 0;
		display: inline;
	}

.wp-caption {
	border: 1px solid #c7c7c7;
	margin: 0;
	max-width: 100%;
	padding: 0;
	text-align: center;
}

	.wp-caption.alignright {
		margin: 10px 0 10px 10px;
	}

	.wp-caption.alignleft {
		margin: 10px 5px 10px 0;
	}

	.wp-caption img {
		border: 0 none;
		margin: 0;
		max-width: 100%;
		padding: 0;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 15px;
		padding: 0 0 5px;
		margin: 0 5px;
	}

/* Tables*/

#content .posts table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: #c7c7c7;
	border-collapse: collapse;
	margin: 5px 0;
}

	#content .posts table.full {
		width: 100%;
	}

#content .posts table th {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #c7c7c7;
}

#content .posts table td {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #c7c7c7;
}

/*
	Aside
*/

.aside ul {
	display: inline;
	float: left;
	font: 13px/20px Arial;
	list-style-type: none;
	margin: 0;
	width: 100%;
}

	.aside ul li {
		color: #926581;
		float: left;
		margin: 0 0 10px 0;
		width: 100%;
	}

		.aside ul li ul {
			list-style-type: disc;
			margin: 10px 0 10px 20px;
		}

		.aside#left ul li ul {
			width: 170px;
		}

			.aside ul li ul li {
				display: list-item;
				margin: 0;
			}

				.aside ul li ul li ul {
					margin: 0 0 0 20px;
				}

	.aside a {
	}

	.aside h3 {
		background: url("images/aside/header_left.png") 0 0 no-repeat;
		color: #fff;
		font: bold 24px/41px "Trebuchet MS";
		height: 41px;
		letter-spacing: -1px;
		overflow: hidden;
		padding: 0 0 0 10px;
		width: 188px;
	}

		.aside h3 a {
			color: #fff;
			text-decoration: none;
		}

	.aside#right h3 {
		background: url("images/aside/header_right.png") 0 0 no-repeat;
		width: 206px;
	}

/* Search */

.aside .widget_search {
	float: left;
	margin: 7px 0 10px 2px;
}

	#searchform {
		background: url("images/aside/searchform.png") 0 0 no-repeat;
		float: left;
		height: 25px;
		width: 183px;
	}

		#searchform div {
			margin: 0;
		}

		#searchform input {
			background: transparent;
			border: 0 none;
			color: #000;
			float: left;
			height: 25px;
			margin: 0;
			padding: 4px 0 0 25px;
			width: 120px;
		}

			#searchform input#searchsubmit {
				cursor: pointer;
				height: 25px;
				margin: 0;
				text-indent: -1000px;
				width: 35px;
			}

/* Links */

#links {
	float: left;
	list-style-type: none;
	margin: 0 0 0 2px;
}

	#links li {
		float: left;
		height: 40px;
		list-style-type: none;
		margin: 0 0 0 5px;
		text-indent: -1000px;
		width: 40px;
	}

		#links li.r {
			background: url("images/icons/rss.png") 0 0 no-repeat;
		}

		#links li.y {
			background: url("images/icons/y.png") 0 0 no-repeat;
		}

		#links li.t {
			background: url("images/icons/t.png") 0 0 no-repeat;
		}

		#links li.f {
			background: url("images/icons/f.png") 0 0 no-repeat;
		}

	#links li a {
		display: block;
		height: 40px;
		width: 40px;
	}

/*
	Navigation
*/

.navigation {
	float: left;
	margin: 0 0 20px;
	width: 100%;
}

	.navigation .alignleft {
		margin-left: 30px;
	}

/*
	Footer
*/

#footer {
	background: url("images/footer.png") 0 0 repeat-x;
	float: left;
	height: 55px;
	overflow: hidden;
	margin: 20px 0 0;
	width: 100%;
}

	#footer .wrap {
		margin: 10px auto 0;
		width: 1030px;
	}

	#footer .left {
		float: right;
	}

	#footer .right {
		float: left;
	}

	#footer p {
		color: #fff;
		margin: 0;
	}

		#footer p a {
			color: #c5a1b7;
		}

/*
	Other
*/

.pagetitle {
	font: bold 20px/30px "Trebuchet MS";
	letter-spacing: -1px;	
	margin: 10px 0 0;
	text-align: center;
}

#custom_search {
	float: left;
	margin: 10px 20px 10px 100px;
	width: 300px;
}

.searchform-input-wrapper {
	width: 64% !important;
}

.searchform-spoiler {
	display: none !important;
}

.small {
	font: 11px/12px Arial;
}

/* Share this hack */

a.stbutton {
	padding: 0 !important;
}

a.stico_default {
	background: transparent !important;
}