@charset "utf-8";
/* CSS Document */

body
{
	padding:0px;
	margin:0px;
	font:"Times New Roman", Times, serif;
}

#container
{
	background:#F9A26C;
	width:960px;
	border:2px solid black;
	border-radius:10px;
	height:720px;
	margin:0px auto;
}

header
{
	width:960px;
	height:175px;
	border-radius:10px;
	border:1px solid black;
	margin-bottom:8px;
}

ul.menubar
{
	margin-left:-20px;
}

ul.menubar li
{
	display:inline-block;
	padding:10px 20px;
	margin:-50px 5px 0px;
	border-radius:10px;
	background-color:#D41F00;
	width:70px;
	text-align:center;
}

#isi
{
	width:960px;
	height:360px;
	border-radius:10px 10px 0px 0px;
	border:1px solid black;
	position:relative;
	top:15px;
	background-color:#751309;
}


nav
{
	margin: 15px 20px 15px;
	width:180px;
	height:295px;
	border-radius:10px;
	float:left;
	position:fixed;
	background-color:#FC3;
	padding:-10px 1px 0px 4px;
}

#content
{
	margin: 15px 20px -630px;
	width:700px;
	height:310px;
	border-radius:10px;
	position:relative;
	left:200px;
	background-color:#FFD071;
	padding:10px;
}

aside
{
	margin-left:20px;
	width:200px;
	height:600px;
	border-radius:10px;
	position:relative;
	top:-340px;
	left:720px;
	background-color:#FC3;
}
	
footer
{
	width:960px;
	height:108px;
	border-radius:0px 0px 10px 10px;
	border:1px solid black;
	margin-top:14px;
}

.post
{
	width:680px;
	background:white;
	height:150px;
	padding:10px;
	border-radius:75px 0px 0px 75px;
}
.image
{
	width:150px;
	height:150px;
	float:left;
	border:1px solid black;
	border-radius:75px 0px 0px 75px;
}
.text
{
	margin-left:10px;
	float:left;
	width:515px;
	height:150px;
}

h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#800000;
}

.page
{
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.page ul
{
	display:inline-block;
}
.page ul li
{
	display:inline-block;
	width:30px;
	height:30px;
	padding:15px 8px 3px;
	background-color:#E6A731;
}

img
{
	border-radius:75px 0px 0px 75px;
}

ul a li
{
	background-color:#CCFFFF;
}