@charset "utf-8";
/* CSS Document */
h1,h2,h3,body,ul, ol { margin: 0px; padding: 0px;}
ul, ol{	list-style-type: none;}
body{
	background:#FFAB91
display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}
	
	
.p2{
     padding-bottom: 5px;
    padding-top: 2px;
	padding-left:5px;
	padding-right:5px;
    margin-bottom: 5px;
    text-align: center;
    border-style: solid;
    border-bottom: none;
    border-top: none;
    border-left: 0px;
    border-right: 0px;
    background-color: #FFAB91; /*warna di konten */
    border-radius: 0px;
    line-height: 1;
	font-size:15px;
	
	
}

	
@font-face {
font-family:"font3";
src:url("arab.ttf");
}

.yusuf1 {
font-family:"font3";
font-size:33px;
line-height: 1.7;
text-align:right;
margin-right:5px;
color: #000000;	
}


@font-face {
font-family:"as";
src:url("as.ttf");
}

.yusuf2 {
font-family:"as";
font-size:15px;
line-height: 1.7;
text-align:left;
margin-left:5px;
color: #000000;	
}

.yusuf3 {
font-size:15px;
line-height: 1.7;
text-align:left;
margin-left:5px;
color: #000000;	
}


#wrap-content .content img {max-width: 100%;height: auto;margin: 0;padding: 0;}
#wrap-content {background: #fff;margin: 0 10px 20px 10px;}
.arab{font-size:30px;margin:7px;line-height: 2}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #48454B;
	font-weight: bold;
}
#isi ul, #isi ol {
	margin-left: 20px;
	list-style-type: square;
	margin-bottom: 10px;
}
#isi li {
	margin-left: 20px;
	list-style-type: square;
}

h3 {
    padding-bottom: 5px;
    padding-top: 2px;
	padding-left:5px;
	padding-right:5px;
    margin-bottom: 15px;
    text-align: center;
    border-style: solid;
    border-bottom: double;
    border-top: double;
    border-left: 0px;
    border-right: 0px;
    background-color: #FFAB91;
    border-radius: 0px;
    line-height: 1;
	font-size:25px;
	
}
h4 {
    padding-bottom: 5px;
    padding-top: 2px;
	padding-left:5px;
	padding-right:5px;
    margin-bottom: 5px;
	margin-top: 5px;
    text-align: center;
    border-style: solid;
    border-bottom: none;
    border-top: none;
    border-left: 0px;
    border-right: 0px;
    background-color: #ffffff;
    border-radius: 0px;
    line-height: 1;
	font-size:35px;
	
}
#header h2 a:link, #header h2 a:active, #header h2 a:visited, #header h2 a {
	display:block;
	color: #fff;
}
h2 {
    padding-bottom: 5px;
    padding-top: 2px;
	padding-left:5px;
	padding-right:5px;
    margin-bottom: 5px;
    text-align: left;
    border-style: solid;
    border-bottom: double;
    border-top: double;
    border-left: 0px;
    border-right: 0px;
    background-color: #ffffff;
    border-radius: 0px;
    line-height: 1;
	font-size:15px;
	
}


h1 { margin-bottom: 15px; }
img {max-width: 100%}
#header {
	position: fixed;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFAB91;
	background-color: #FFAB91;
	height: 45px;
	margin: 0px;
	padding: 0px;
}
#headbox {
	margin: 0px;
	padding-top: 8px;
	padding-left: 8px;
	height: 40px;
	text-align: center;
}
#headbox h2 {
	color: #000;

}
#footer {

	height: 40px;

}
#footerbox {
	margin: 0px;
	padding-top: 8px;
	padding-left: 8px;
	text-align: center;
}
#footerbox p {
	color: #D9C191;
	text-align: center;

}
#gohome{
	float: left;
	padding: 0px;
	width: 32px;
	height: 32px;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
}
.imgfloat { float: left; margin-right: 10px; }

@media only screen and (min-width: 500px) {
  #homemenu li { float: left; width: 50%; }
}
#homemenu li{
margin: 0px;
padding: 0px;
display:block;

}
.kotakmenu {
	padding: 5px;
	height: 45px;
	border-left-width: 5px;
	border-left-style: solid;
	background-color: #ffffff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFAB91;
	border-left-color: #ABA3A1;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(images/arrowli.png);
	margin-bottom: 3px;
}
.imgthumb {
	margin-bottom: 6px;
	border: 1px solid #CFCCCE;
	height: 44px;
	width: 44px;
}
#home {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

}
#home h3{
	padding-top: 5px;

}

#single {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#isi {
	padding:5px;
	background-color: #FFF;
	border: 1px solid #FFAB91;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	text-align:right;
}
#isi h2{
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	text-transform: capitalize;
}

.kosong{
	clear: both;
	margin: 0px;
	padding: 0px;
}
.alignimg{
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.kardus{
	text-align:center;
	width:100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
}
.navigasi img{height:35px;}
.navigasi{
	text-align:center;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #c5cae9;
	background-color: #FFAB91; /*warna untuk footer konten*/
	position: fixed;
	bottom:0px;
	padding:0px;
}

.kanan{text-align:right;margin-left:50px}
.kiri{text-align:left;margin-right:50px}	
.desc{	font-size: 12px;}
.meta {
	padding: 2px;
	text-align:center;
	margin-top: 4px;
	color: #999;
	font-size: 10px;
}