body {
    /*background-color: #e5e5e5;*/
	height: 100%;
	/*overflow:scroll;*/
}
.meta-post {
    font-size: 12px;
    margin-bottom: 10px;
}

.header header {
	background-color: #fff;
    padding: 10px 20px;
	position: relative;
	/*margin-left:auto; /* Digunakan untuk mengatur jarak header dengan tepian layar secara otomatis */
	/*margin-right:auto; /* Sehingga tampilan header website akan berada tepat di tengah-tengah layar monitor */
	/*background-color:#fff; /*Menambahkan background warna pada header */
}

article.posts {
    padding: 10px 10px;
    background-color: #fff;
    margin-top: 20px;
}

aside.widgets {
    padding: 10px 20px;
    margin-top: 20px;
    background-color: #fff;
}
aside.widgets ul {
    margin:0;
    padding:0;
}
aside.widgets li {
    list-style: none;
    padding: 0;
    margin:0;
}

.widget-title {
  border-bottom: 4px;
  padding-bottom: 4px;
}

footer.copyright {
    padding: 10px 20px;	
    font-size: 12px;
	color: #fff;
	background: #808080
	
}
lis {
    padding: 1px 1px;	
    background: #dedede;
	
}

	middle{
		width: auto; /*/ 500px;*/
		border: 1px solid #dedede;
		padding: 0px;
		margin: 0px;
		float: left;
	}
	
	h3{
	margin-bottom: 20px;
	border-bottom: 1px solid #aaa;
}


@media screen and (max-width: 1080px) {
	
middle {
		width: auto; /*/ 68%;*/
		float: right;
		overflow:scroll;
	}
}

@media screen and (max-width: 780px) {
middle {
		width: auto;
		float: none;
		overflow:scroll;
	}
}