.body{
	width:982px;
	margin: auto;
	text-align: left;
}

.logo{
	width: 250px;
	float: left;
	padding: 9px 0 14px 0;
	text-align: center;
}

.top{
	width: 982px;
	height: 7px;
	font-size: 1px;
	background: url(../images/top.jpg) no-repeat;
}

.nav{background: #4E0505; width: 770px; padding-bottom: 5px;}
.nav ul{list-style:none; padding: 0 10px; margin:0}
.nav ul li{list-style:none; float:left; font-weight: bold;}
.nav ul li a{display:block; line-height:25px; background:url(../images/mn_bgleft.gif) 0% 0% no-repeat; margin-right:10px; padding:0 0 0 10px; }
.nav ul li a span{display:block; line-height:25px; background:url(../images/mn_bgright.gif) 100% 0% no-repeat; padding:0 10px 0 0; color:#fff;}
.nav ul li a:hover, .nav ul li a.active{background:url(../images/mn_bgleft.gif) 0% 100% no-repeat;}
.nav ul li a:hover span, .nav ul li a.active span{background:url(../images/mn_bgright.gif) 100% 100% no-repeat; color: #BD2121;}

.wrap{
	width: 982px;
	background: url(../images/wrap-bg.jpg) repeat-y;
}
.main-wrap{
	width: 763px;
	float: left;
	overflow: hidden;
}
.main{
	width:533px;
	float: left;
}
.main-top{
	background: url(../images/main-top.jpg) no-repeat right;
	height: 5px; 
	font-size:1px;
}
.main-content{
	padding: 5px 20px 10px 15px;
	background: url(../images/main-content.jpg) no-repeat right top;
}
.main-content h1{
	font-size: 18px;
}
.main-content img{
	padding: 2px;
	border: 1px solid #ccc;
	margin: 3px 10px 5px 0;
}
.sidebar-l{
	width:230px;
	float: right;
}
.sidebar-l-top{
	background:url(../images/sidebar-top.jpg) no-repeat;
	height: 5px;
	font-size: 1px;
}
.sidebar-l-content{
	background: url(../images/sidebar-content.jpg) no-repeat left top;
}

.login{background: url(../images/sidebar-right.jpg) no-repeat top right; padding:5px 15px 10px 15px;}
.login h3{font-size:18px; font-weight: normal; padding: 0 5px;}
.login-content table{ width:100%;}
.login-content{padding: 5px 0 0 0; border-bottom: 1px solid #ccc;}
.login-content .text{width: 105px; background:#ffc; border:1px solid #ECC893;}
.lupa-password{font-size: 11px; color: #af0000;}
.login a:hover{
	text-decoration: underline;
}
#login-alert{padding: 5px ; margin-bottom:5px; display: none; font-size: 11px;}
.loading{height: 21px; padding: 0 !important; background: url(../images/loading.gif) no-repeat center 5px;}

.menu-member{background: url(../images/sidebar-right.jpg) no-repeat top right; padding:5px 15px 10px 15px;}
.menu-member h3{font-size:18px; font-weight: normal; padding: 0 10px;}
.menu-member p{padding: 0 10px;}
.menu-member ul{
	padding: 0 10px 10px 10px;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #ddd;
}
.menu-member ul li{
	background: url(../images/icon2.gif) no-repeat;
	background-position: 0 7px;
	line-height: 22px;
	padding: 0 0 0 14px;
}

.list{
	margin: 0 15px 10px 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.list h3{
	font-size: 18px;
	color: #993333;
}
.list ul{
	margin:0;
	padding: 0;
	list-style: none;
}
.list ul li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	line-height: 22px;
	padding: 0 0 0 18px;
}

.sidebar-r{
	width: 219px;
	float: right;
	background: #4F0506;
}
.sidebar-r-content{
	padding: 0 10px 10px 10px;
	color: #fff;
}
.search{
	font-weight: bold;
}
.search .text{
	background:#fff;
	border:1px solid #fff;
	width: 140px;
}
.search .button{
	background:#7E2603;
	border: 1px solid #7E2603;
	font-weight: bold;
}
.menu{
	padding: 10px 0;
}
.menu ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}
.menu ul li a{
	display: block;
	width: 182px;
	padding: 4px 8px;
	color: #fff;
	font-weight: bold;
	background: #640B0B;
	border-bottom: 1px solid #4E0505;
}
.menu ul li a:hover{
	background: #901F1F;
	color: #fff;
	text-decoration: none;
}
ul.children li a{
	font-weight: normal;
	width: 168px;
	padding: 4px 15px;
	background: #640B0B;
	font-size: 11px;
}
ul.children li a:hover{
	background: #901F1F;
	color: #fff;
	text-decoration: none;
}

.welcome{
	padding: 0 10px 10px 0; border-bottom: 1px solid #ddd;
}
.welcome h1{
	padding: 0; font-size: 18px;
}
.author{
	padding: 0 10px 10px 0; border-bottom: 1px solid #ddd;
}
.author-image img{
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 8px 10px 5px 0;
}
.post{
	padding: 10px 0;
}
.post h2{
	font-size: 18px;
}
.post-item{
	margin-bottom:10px;
	padding: 5px 0;
}
.post-item h3{
	font-size:14px;
	font-weight: bold;
}
.post-info{
	font-size:11px;
	background: #f5f5f5;
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}
.post-detail-info{
	font-size:11px;
	padding: 5px 0;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.post-detail-image img{
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 3px 10px 5px 0;
}
.post-content{
	padding: 0 0 5px 0;
}
.post-item a{
	color: #CC6600;
}
.post-item a:hover{
	color: #AF0000;
}
.post-about-author{
	padding: 10px;
	background: #f5f5f5;
}
.post-about-author h3{
	font-size: 12px;
	font-weight: bold;
}
.post-about-author-image img{
	float: left;
	width: 60px;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 2px 10px 5px 0;
	background: #fff;
}
.other-post{
	padding: 10px;
	border-top: 1px solid #ccc;
}
.other-post h3{
	font-size: 14px;
	font-weight: bold;
}
.other-post ul{
	margin:0;
	padding: 0;
	list-style: none;
}
.other-post ul li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	line-height: 22px;
	padding: 0 0 0 18px;
}
.mypost-list ul{
	margin:0 0 10px 0;
	padding: 0;
	list-style: none;
}
.mypost-list ul li{
	background: url(../images/icon.jpg) no-repeat #f5f5f5;
	background-position: 10px 6px;
	line-height: 22px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	padding: 2px 10px 2px 28px;
	font-weight: bold;
}
.mypost-list ul li p{
	font-weight: normal;
}
.mypost-list-action{
	display: none;
	padding: 10px 0;
}
.mypost-list-action a{
	padding: 5px;
	background: #333;
	color: #fff;
}
.mypost-list-action a:hover{
	background: #f80;
	color: #fff;
}
.search-main{
	background: #f5f5f5;
	padding: 10px;
}

.banner-1{
	width: 500px;
	float: right;
	height: 88px;
}
.banner-1 .banner-item{
	padding: 10px 0 0 0;
}
.banner-2, .banner-3{
	padding: 10px 0 0 0;
}
.banner-2{
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
}
.banner-3{
	margin: 10px 10px 0 0;
}
.banner-item{
	text-align: center;
	padding: 0 0 10px 0;
}
.banner-item img{
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
}

.bottom{
	background:url(../images/footer.jpg) no-repeat;
	height: 10px;
	font-size:1px;
}
.footer{
	padding: 5px 10px 10px 10px;
	color: #fff;
}
.footer a{
	color:#fff;
}
.footer a:hover{
	color:#fff;
	text-decoration:underline;
}