#wrap {
	max-width:1060px;
	margin:auto;
}
#menu {
	width:1057px;
	height:25px;
	top:5px;
	border:1px white;
	background-color:#097354;
	color:white;
	font-size:20px;
	position:absolute;
	z-index:200;
	border-radius: 5px;
	box-shadow: 5px 5px 5px black; 
	opacity:0.7;

}
#header {
	position:relative;
	top:21px;
	max-width:1057px;
	height:200px;
	background-color:lightgrey;
	display:block;
	border:1px white;
	border-radius: 7px;

}

#header h1 {
	position:absolute;
	font-family:gabrielle;
	font-size:55px;
	text-align:left;
	font-weight:bold;
	color:#14684f;
	margin-top:30px;
	margin-left:170px;
	margin-bottom:0px;
	padding:0;
	text-shadow:2px 1px 1px black;
	
}
#header .header{
	position:absolute;
	margin-top:85px;
	font-family:tahoma,verdana,arial;
	font-size:14px;
	text-align:left;
	margin-left:185px;
	text-decoration:overline;
	color:black;
	font-weight:bold;
	font-style:italic;
	border-radius: 7px;
}
#logo {
	position:absolute;
	width:130px;
	height:130px;
	top:10px;
	
	left:20px;
	text-align:center;
	border-radius:360px;
}
#sosialmedia {
	position:absolute;
	width:150px;
	height:30px;
	top:160px;
	right:10px;
	text-align:center;
	border-radius:10px;
}
#menu_horisontal {
	width:1057px;
	height:31px;
	margin-top:22px;
	border:1px white;
	background-color:#14684f;
	color:white;
	text-align:center;
	position:relative;
	z-index:200;
	border-radius:0px;
}

#menu_horisontal ul { /*menghilangkan jarak dan style pada list serta membuat font berada ditengah*/
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-align:center;
}
#menu_horisontal ul li { /*mengatur posisi list*/
	display:block;
	position:relative;
	float:left;
	border-bottom:1px solid white;
	background:#14684f;
	
}

#menu_horisontal ul li a { /*mengatur ukuran dan bentuk*/
	display:block;
	text-decoration:none;
	background-color:#14684f;
	color:white;
	padding: 5px 20px 5px 20px;
	font-size:16px;
	font-variant: small-caps;
	
	border:1px solid white;
}

#menu_horisontal li ul{ /*menghilangkan tampilan pada submenu*/ 
	display:none;
}

#menu_horisontal li:hover ul{ /*untuk menampilkan sub menu*/
	display:block;
	position:absolute;
}

#menu_horisontal li:hover li{ /*mengatur sub menu agar tidak mengambang*/
	float: none;
}

#menu_horisontal li:hover a{  /*mengatur warna*/
	color:white;
	background:#14684f;
}

#menu_horisontal li:hover a:hover{ /*mengatur warna saat dipilih*/
	color:white;
	background:#797b7a;
}

#kanan {
	width:261px;
	margin-top:1px;
	height:510px;
	position:relative;
	display:block;
	float:right;
}
#search {
	position:absolute;
	width:258px;
	height:35px;
	background-color:#f3eee7;
	display:block;
	border:1px solid black;
	text-align:center;
}
#search .gmb{
	float:left;
	margin-top:7px;
}
#search .search{
	padding:5px 8px;
	border:0px solid #dbdbdb;
	left:34px;
}
#search .button{
	padding:5px;
	right:0px;
}
#trending {
	position:absolute;
	width:258px;
	height:295px;
	margin-top:38px;
	background-color:black;
	display:block;
	color:white;
	text-align:center;
}
#trending li{
	list-style-type:none;
	text-align:left;
}
#trending li a{
	text-decoration:none;
	text-align: center;
	width:233px;
	height:39px;
	background-color:#696766;
	display:block;
	border-top:1px solid white;
	padding:.2em .8em;
	color: #d6d3d1;
}
#trending ul{
	padding:0px;
	margin-top:21px;
}
#trending li a:hover{
	background-color:lightgray;
	color:black;
}
#banner {
	position:absolute;
	top:336px;
	width:258px;
	height:169px;
	background-color:lightgrey;
	display:block;

	margin-bottom:200px;
	text-align:center;
	border-radius: 10px;
}
#content {
	position:relative;
	top:1px;
	max-width:795px;
	height:505px;
	background-color:lightgrey;
	display:block;
	border:1px solid white;
}
#footer {
	clear:both;
	margin-top:2px;
	max-width:1057px;
	height:40px;
	background-color:lightgray;
	color:black;
	display:block;
	text-align:center;
	padding:2px;
	opacity:1;
	filter: alpha(opacity=40);
	border-radius: 10px;
}
#jam {
 font-family : tahoma;
 font-weight : bold;
 font-size : 15px;
 color : yellow;
 position : relative;
 margin-top : 15px;
 }