/*
Theme Name: Mewn
Theme URI: http://edo.nierichi.com
Description: Mewn
Version: 1.01
Author: Edo Errol & Fird Ross
Author URI: http://fird.kucing-kelabu.com/
Tags: blue, custom header, fixed width, two columns, widgets, accordion
*/

/* Global */
body {
	font: 0.8em "Arial","Helvetica",sans-serif;
	background: transparent url(images/mewn-bg.png) repeat-x scroll 0 0;
	color: #333333;
}
a { color: #2b6ca2; }

/* containers */
#page 	{
	width: 750px; margin: 0px auto; padding: 0px;
	background: transparent url(images/page-bgmid.png) repeat-y scroll 0 0;
}

#page-captop {
	width: 750px; height: 10px;
	background: transparent url(images/page-bgtop.png) no-repeat scroll 0 0;
}

#page-capbot {
	width: 750px; height: 10px;
	background: transparent url(images/page-bgbot.png) no-repeat scroll 0 0;
}
#footer {
	width: 750px; margin: 0px auto; padding: 0px;
	text-align: center; font-size: 0.8em;
	margin-top: 10px; margin-bottom: 30px;
}

/* header */
#header 	{
	width: 750px; height: 82px; overflow: hidden;
	background: transparent url(images/mewn-header-bg.png) no-repeat scroll 0 0;
}
#header h1 {
	display: block; float: left; width: 300px; height: 82px;
	text-indent: -9999em;
	background: transparent url(images/mewn-logo.png) no-repeat scroll 50% 50%;
}
#header .description {
	display: block; float: right; width: 250px; height: 82px;
	text-indent: -9999em;
	background: transparent url(images/mewn-desc.png) no-repeat scroll 50% 50%;
}

/* content */

#content {
	width: 540px; float: left; 
}
#content h3 {
	margin-top: 35px;
	background: #125389 url(images/h3.png) no-repeat scroll 0 0;
	display: block; width: 500px; padding: 20px;
	color: #fff;
	font: 1.4em/1.1em "Trebuchet MS","Tahoma","Helvetica", sans-serif;
}
#content h3 a { color: #fff; text-decoration: none; }
#content h4 { 
	font-size: 1.3em; font-weight: bold; color: #2b5b87;
	font-family:"Trebuchet MS","Tahoma","Helvetica";
	display: block; padding: 5px 0px; margin: 10px 0px;
	border-bottom: 1px solid #cccccc;
}
#content h5 { font-size: 0.75em; }
#content h6 { font-size: 0.75em; }
#content .entry {
	text-align:justify;
	background: transparent url(images/mewn-bg.png) repeat-x scroll 0 -25px;
	padding: 20px;
	overflow: hidden;
	border-left: 1px solid #cccccc;
}
#content .entry img {
	max-width: 500px;
	overflow: hidden;
	margin: 10px 0;
}
#content code, #content blockquote {
	background: #eeeeee url(images/bqbg.png) no-repeat scroll 100% 100%;
	border: 1px solid #cccccc;
	padding: 20px; margin: 10px 0px;
	display: block;
}
#content code { font-family: "Courier New","Lucida Console",monospace; }
#content p { margin: 10px 0px; }

p.postmetadata {
	width: 475px; height: 35px;
	background: #eeeeee url(images/metadata-bg.png) no-repeat scroll 0 0;
	font-size: 1.0em;
	padding: 5px 5px 5px 60px; 
	overflow: hidden;
	color: #666666;
}
p.postmetadata a { text-decoration: none; color: #000; }

/* searchbox */
#searchbox {
	margin-left:541px; margin-top:21px;
	background: url(images/searchbg.png) no-repeat;
	height:82px;
	
}
#searchbox #s {
	float:left;
	margin-top: 32px;
	margin-left: 10px;
	padding-left:5px;
	border: 1px solid #666;
	width: 148px;
	background: #fff;
	color:#000;
	height:17px;
}
#searchbox #go {
	margin-top: 32px;
}

/* sidebar */
#sidebar {
	width: 190px; overflow: hidden; float: right; padding: 10px; margin-left:-25px;
	background: transparent url(images/sidebar-topcap.png) no-repeat scroll 50% 2px;
}

#menu h2, #openmenu h2 {
	cursor: pointer; height: 26px; color: #fff; padding: 0px 10px;
	font: 1.1em/26px "Trebuchet MS","Helvetica",sans-serif; font-weight: bold;
	background: #eee url(images/sidebar-h2.png) no-repeat scroll 50% 0;
}
#menu h2 a, #openmenu h2 a {
	color: #fff; text-decoration: none;
}
#menu ul { overflow: hidden; }
#menu ul li { 
	padding: 0px 0px 0px 30px; height: 25px; line-height: 25px; overflow: hidden; cursor: pointer;
	background: #eee url(images/li-bg.png) no-repeat scroll 0 0; margin-left: 1px;
	border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
	width: 166px;
}
#menu ul li a{ text-decoration: none; color: #333; }
#menu ul li:hover { 
	background: #eee url(images/li-bg.png) no-repeat scroll 0 -25px;	
}
#menu ul.nopad li { padding: 10px; background: transparent none; min-height: 100px; }

#openmenu ul li {
	width: 187px;
	border-left: 1px solid #ccc; border-right: 1px solid #ccc;
	background-color: #e4e4e4;
}

ul.twitter {
	font-size: 0.9em; line-height: 1.2em;
}

ul.twitter li {
	background: transparent url(images/li.gif) no-repeat scroll 2px 1px;
	text-indent: 15px;
}

.infoboard { padding: 5px 10px; background-color: #e4e4e4; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  }
.sidebarbot {
	background: #eee url(images/sidebarbot.png) no-repeat scroll 50% 0;
	height: 55px;
}
.nonmenu{
	background: url(images/sidebarbg.png);
}
/*comments*/
ol.commentlist { padding: 10px 20px 10px 20px; }

ol.commentlist li.depth-1 {
	background: #eeeeee url(images/bqbg.png) no-repeat scroll 100% 100%;
	border: 1px solid #cccccc;
	padding: 20px; margin: 10px 0px;
	display: block;
	font-size: 0.9em;
}
ol.commentlist li.bypostauthor {
	background: #eeeeee url(images/bqbg.png) no-repeat scroll 100% 100%;
	border: 2px solid #003366;
	padding: 20px;
	margin: 10px 0px;
	display: block;
	font-size: 0.9em;
}

ol.commentlist li.depth-2 {
	border: 1px solid #cccccc;
	padding: 10px; margin: 10px 0px 10px 30px;
	display: block;
	background-color: #eeeeee;
}

ol.commentlist li.depth-2 .avatar { width: 60px; height: 60px }

.avatar-wrap { 
	float: left; margin: 0px 10px 10px 0px; padding: 0px;
}
.avatar-wrap img { margin: 0px; padding: 0px; }
.comment-author { line-height: 30px; }

ol.commentlist a { color: #000; text-decoration: none; }
ol.commentlist a:hover { color: #000; text-decoration: underline; }
ol.commentlist strong { color: #22566B; }

.reply-btn {
}

.reply {
	width: 80px; height: 22px; line-height: 22px;
	background-color: #aaa; 
	text-align: center;
	float: right;
	margin-bottom: 2px;
}



#respond {
	padding: 10px 20px 10px 20px;
	overflow: hidden;
}

#respond input[type="text"] {
	height: 20px; line-height: 20px; border: 1px solid #ccc; background-color: #fff; color: #333;
	padding: 0px 5px;
}

#respond textarea {
	width: 498px; border: 1px solid #ccc; background-color: #fff; color: #333;
}

#respond input:focus {
	height: 20px; line-height: 20px; border: 1px solid #000; background-color: #fff; color: #000;
	padding: 0px 5px;
}


/* generics */
.clearall { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.navigation { padding: 0px 10px; font-weight: bold; }
.navigation .alignleft, .navigation .alignright { width: 240px; }
small { font-size: 80%; }
strong { font-weight: bold; }
em {
	font-style: italic;
	color: #636;
}