/*
Theme Name: comicalistic
Description: Comicalistic theme for blog.mmhan.net
Version: 0.5.5
Author: mmhan
*/
/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Copyright mmhan
	author : Myat Min Han
	version: 0.5
	url	   : blog.mmhan.net
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/

html, body{	margin: 0;padding: 0;}

/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	1. Body
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
body{ 
	margin: 0; padding: 0;
	min-width: 520px;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
	color: #282828;
	background:#111 url(images/top_bg.gif) repeat-x top left;
}
h1, h2, h3, h4, h5, h6{ 
	font-family: 'Myriad Pro', Helvetica, Arial, Geneva, sans-serif; 
	margin: 20px 15px;
}
p{
	font-size: 12px;
	line-height: 18px;
}
/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	2. Backgrounds & wraps
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
#outer-wrapper{}
#inner-wrapper{ 
	width: 520px; 
	margin:0 auto;
}
#outer-footer-wrapper{
	background: url(images/bottom_bg.gif) bottom left repeat-x;
	padding-bottom: 50px;
}

/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	3. Banner
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
#banner{ width: 500px; height: 227px; margin:0 auto;}
#banner #mascot, #banner #mascot-ie{ 
	float: left; display:inline; 
	position:relative; left:-2px; top: 82px; 
	width: 166px; height:161px;
}
#banner #bubble, #banner #bubble-ie{ 
	float: left; display: inline; 
	position: relative; left: -25px; top: 16px;
	width:185px; height:138px;
} /* 24.04.08 */
#banner #blog-title, #banner #blog-title-ie{	
	float: left; display: inline;
	position: relative; left: 130px; top: 20px;
	width: 208px; height: 35px;
}

/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	4. Content & Nav-bar
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
#blog-content{
	background: #eee;
	width: 490px;
	border: #342409 solid 5px;
	padding: 0;
	margin: 0 10px;
}
#nav-bar{ 
	float: right; margin: 0;
	display: inline;
	overflow: auto;
	height: 100%;
}
#nav-bar ul{ list-style: none; margin: 0;}
#nav-bar ul li{float: left; display: inline;}
#nav-bar ul li.nav-search{
	display: block;
	width: 165px;
}
#s{ 
	margin: 4px 0 0 5px; 
	background: #dcdcdc; 
	border: #c4c4c4 solid; 
	border-width: 1px 0 1px 1px;
	padding: 2px 5px 2px;
	clear: none;
	height:14px;
	width: 120px;
	float: left; display: inline;
}
li.nav-search a img{ margin: 4px 5px 0 0;float: left; display: inline;}
#nav-bar ul li a{ font-size: 14px; color: #342409; display: block; padding: 5px 5px; font-weight: normal; border:none;}
#nav-bar ul li a:hover{ background: #342409; color: #eee; border:none;}
#nav-bar ul li.nav-search img, #nav-bar ul li.nav-search a{ padding: 0; background: none;}
#nav-bar ul li.rss a:hover{ background: none;}
/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	5. Message Box
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
.message, .message-foot{
	background:url(images/message_bottom.gif) top center no-repeat;
	width: 100%;
	color:#7b6c4f;
	clear: both;
	padding-top: 3px;
}
.message-content{
	background: url(images/message_bg.gif) top center repeat-y;
	width: 100%;
	clear: both;
	padding: 0 0 3px 0;
	margin: 0;
}
.message-foot{ padding-top: 80px; margin-bottom: -90px;}
.message h1{ font-size: 28px; margin: 0px 10px 3px 20px; padding:0;}
.message p{ margin: 3px 5px 5px 30px; line-height: 18px;}
.message a, .message a:visited{ color: #7b6c4f; font-style: italic; font-weight: normal; font-weight:bold; }
.message a:hover{ border-bottom: 1px dotted #7b6c4f;}

/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	6. Posts
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
#main-content, .posts, .post, .post-title{
	overflow: visible;
	height: 100%;
	width: 100%;
	padding: 0;	margin: 0;
}
.post-title h1{ font-size: 20px; margin: 10px 15px 0px 15px; color:#7b6c4f;}
.post-title h1.mm{ font-size: 20px;}
.post-title p, .search-title p {margin: 0px 15px 10px 15px; line-height: 18px;}
.post-title p span.post-title-meta{ font: 11px 'Century Gothic', 'Trebuchet ms', Helvetica, Arial, sans-serif; color: #7b6c4f; line-height: 18px;}

.post-content p{ margin: 20px 15px; text-align: justify;}
.post-content p + p{ margin: 10px 15px;}
.post-content p.mm, div.mm p{ line-height: 22px; margin: 10px 15px 10px 15px;}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{
	margin: 20px 15px;
}
.post-content h3{
	font-size: 17px;
}
.post-title h1 a, .search-title h3 a{ color: #7b6c4f; font-weight: normal;}
.post-title h1 a:hover, .search-title h3 a:hover{ color: #6e6147;}
.post-title p span.post-title-meta a{ color:#1e5987;}
.post-title p span.post-title-meta a:hover{ border-bottom: 1px dotted #1e5987;}
a.meta-comments-link{ background: url(images/comment.png) left center no-repeat; padding-left: 20px;}
a.meta-nocomment-link{ background: url(images/comment_add.png) left center no-repeat; padding-left: 20px; }


.post-content p a{}
.post-content p a:hover{ border-bottom: #1e5987 1px dotted; }
.post-content p a.noborder:hover{border-bottom:none;}
.post-content p a.more-link {font-size: 120%; margin-top: 10px; display:block; clear:both; font-weight: normal;}
.post-content p a.more-link:hover{border:none; text-decoration: underline;}
.post-content p.mm a.more-link, div.mm p a.more-link{ font-weight: normal;}

.post-content img{
	padding: 5px;
	border: 1px solid;
	border-color: #DDDDDD #C0C0C0 #C0C0C0 #DDDDDD;
	background: #fff;
}
.post-content div.wp-caption img{ border:none; background: none;}
.post-content img.wp-smiley{
	background: none;
	padding: 0;
	border: none;
}
.post-content a img{border-color: #DDDDDD #C0C0C0 #C0C0C0 #DDDDDD;}
.post-content a:hover img{ border-color: #bbb #a0a0a0 #a0a0a0 #bbb;}	

.aligncenter{ text-align:center; margin-left:auto; margin-right:auto;}
.alignright{margin: 0px 0 10px 10px; float: right;}
.alignleft{margin: 0px 10px 10px 0; float: left;}
.post-content div.alignleft{ margin-left: 15px;}
.post-content div.alignright{ margin-right: 15px;}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption p.wp-caption-text{
	margin: 2px;
	text-align: center;
	font-size: 10px;
}
.post-content{ margin: 10px 0;padding: 0;}

/** navigation at the end of all posts **/
.navigation{ width: 100%; height: 100%; overflow: visible; margin: 10px 15px;}
.navigation a,.navigation a:visited{ font-size: 120%; padding: 10px; background: #3D2B0D; color:#80786B;}
.navigation a:hover{ color: #9E8151; background:#49340F;}

div.post-meta{margin: 10px 15px; color: #b09b71; font-size: 11px;}
div.post-meta a{font-weight:normal;}
div.post-meta a:hover{ color: #b09b71; border-bottom: #b09b71 1px dotted;}
div.post-meta a.permalink{ background: url(images/attach.png) center left no-repeat; padding: 2px 0 2px 20px;}

.related h2,
.comments h2,
.post-comment h2{ font-size: 20px; margin: 10px 15px; color:#7b6c4f; font-weight: normal;}

.related ul a{ color: #2979b8; padding:2px; font-size: 14px;}
.related ul a:hover{ color: #1E5987;}
/** comments **/
div.comment-data a{color: #555;}
div.comment-data a:hover{color: #222;}
div.comment-data{ 
	color: #b19b72;
	margin: -30px 10px 5px 0;
	padding: 0;
}
div.comment-data a.comment-time{
	color: #B09B71;
	font-weight: normal;
}
img.avatar{ border: 1px solid; border-color: #DDDDDD #C0C0C0 #C0C0C0 #DDDDDD; float: left; display:inline; margin:-10px 10px 0 0;}
div.comment{
	border-bottom: #cfcfcf solid 1px;
	border-top: #cfcfcf solid 1px;
	margin-top: 40px;
}
div.comment div.comment-body{
	color: #282828;
	padding: 10px 10px 10px 5px; background:#dcdcdc;
}
div.comment div.alt{
	background:#e7e7e7;
}
div.comment div.author{
	background:#f7f6dd;
}
div.post-comment{
	font-size: 14px;
	color: #7b6c4f;
}
div.post-comment textarea{width: 455px;}
div.post-comment p{ margin: 10px 15px;}
div.post-comment input,
div.post-comment textarea,
div.post-comment input.submit {
	border: 1px solid #c4c4c4;
	background: #dcdcdc;
	font-family: zawgyi-one, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}
div.post-comment input:hover,
div.post-comment textarea:hover{
	background: #e7e7e7;
	border-color: #342409;
}
div.post-comment input.submit{
	padding: 5px 20px;
	font: 14px 'Myriad Pro', Helvetica, Arial, Geneva, sans-serif;
}
.author{background:#f7f6dd;}
div.edit-comment a,
div.reply-comment a{
	color: #B09B71;
	font-weight: normal;
	display: block;
	padding: 10px 10px 1px 10px;
}
div.edit-comment a:hover,
div.reply-comment a:hover{
	border-bottom: #999 1px dotted;
	padding-bottom: 0;
}
/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	7. Footer
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
#scotch{ position: relative; left: -5px; margin-bottom:-5px;}
#outer-footer{
	width: 520px;
	margin: 0 auto 0px auto;
	background: url(images/footer_bottom.png) bottom center no-repeat;
}
#inner-footer{
	width: 500px;
	padding: 0 0; margin: 0 auto;
	background: #342409;
}
/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	8. General
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
a, a:visited{ color: #1e5987; font-weight: bold; text-decoration: none; outline:none;}
a:hover{}

img{ border: none; text-decoration: none;}

.mm{font-family: zawgyi-one, Arial, Helvetica, sans-serif; font-weight: normal;}

.clear{ height: 0px; width: 100%; max-height:1px; clear: both; margin:0; padding:0;}

ul{ list-style: url(images/bullet.gif) outside;}
ul li{ margin-left: 0px; margin-bottom: 10px; line-height: 18px;}

div.hr{ border: none; background:url(images/hr_bg.gif) top center no-repeat; height: 10px; width: 100%;}

div.width75{ width: 330px;; float:left; display:inline; padding: 2px;}
div.width25{ width: 110px;; float:left; display:inline; padding: 2px;}
div.width50{ width: 220px; float:left; display:inline; padding: 2px;}
div.width100{width: 100%; display:inline;}

div.adsense{ width: 468px; margin: 0 auto;}

/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	9. Comments
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
blockquote{
	background: #f7f6dd url(images/quote_bg.gif) 5px 5px no-repeat; 
	border: #c6c6c6 1px solid;
	padding: 10px 10px 10px 30px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	margin: 10px 30px;
}
blockquote.mm, blockquote span.mm, blockquote p.mm{
	font-family: zawgyi-one, Arial, Helvetica, sans-serif;
}
div.floatRight{ float: right;}
div.floatLeft{ float: left;}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	7. Adpinion
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-	*/
div.adpinion{ width:486px; height:77px; margin: 20px auto;}