body {

	font-family: "Calibri", tahoma, verdana, arial, sans;

	font-size: 80%;

	margin: 0px;

	padding: 0px; 

	background-color: #2C2625;

}



#wrapper {

	width: 1008px;

	margin: 0px auto;

	padding: 0px auto;

	position: relative;

}



iframe {

	scrollbar-face-color: #726358;

	scrollbar-base-color: #726358;

	scrollbar-shadow-color: #66564B;

	scrollbar-highlight-color: #726358;

	scrollbar-3dlight-color: #726358;

	scrollbar-darkshadow-color: #362F2D;

	scrollbar-track-color: #726358;

	scrollbar-arrow-color: white;

	overflow-x: hidden; 

}



a {

	text-decoration: none;

	color: #362F2D;

}



a:hover {

	color: red;

}



#header {

	background: url(images/headbg.png) no-repeat;

	margin: 0px;

	padding: 0px;

	height: 185px;

}



#logo {

	float: left;

	margin:10px 0px 0px 25px;

	z-index: 2;

        position:absolute;

}



#logo a img {

	text-decoration: none;

	border: none;

}



#sidebar {

	position: absolute;

	top: 20px;

	width: 275px;

	padding-top: 300px;

	background: url(images/radio.png) top center no-repeat;

	z-index: 1;

}





#tab1 {

	width: 175px;

	background: #603913 url(images/sekapur.png) left no-repeat;

	-moz-border-radius: 0px 20px 20px 0px;

	-webkit-border-bottom-top-radius: 20px;

	-webkit-border-bottom-top-radius: 20px;

	-khtml-border-bottom-top-radius: 20px;

	-khtml-border-bottom-top-radius: 20px;

	border-bottom-top-radius: 20px;

	border-bottom-top-radius: 20px;

	margin-bottom: 25px;

	padding: 20px 20px 20px 30px;

	color: #E1D6C8;

}



#tab2 {

	width: 210px;

	background: #604813 url(images/kategori.png) left no-repeat;

	-moz-border-radius: 0px 20px 20px 0px;

	-webkit-border-bottom-top-radius: 20px;

	-webkit-border-bottom-top-radius: 20px;

	-khtml-border-bottom-top-radius: 20px;

	-khtml-border-bottom-top-radius: 20px;

	border-bottom-top-radius: 20px;

	border-bottom-top-radius: 20px;

        margin-bottom: 25px;

}



#tab3 {

	width: 210px;

	background: #604813 ;

	-moz-border-radius: 0px 20px 20px 0px;

	-webkit-border-bottom-top-radius: 20px;

	-webkit-border-bottom-top-radius: 20px;

	-khtml-border-bottom-top-radius: 20px;

	-khtml-border-bottom-top-radius: 20px;

	border-bottom-top-radius: 20px;

	border-bottom-top-radius: 20px;

        padding: 10px 0px 10px 5px;

}



#tab2 ul {

	padding: 20px 5px 5px 30px;

	list-style: none;

}



#tab2 ul li a {

	color: white;

	font-size: 15px;

}



#tab2 ul li a:hover {

	color: #FFF200;

}



#tab2 ul li ul.children {

        padding: 5px 5px 5px 15px;

	list-style: square;

}



#note {

	height: 350px;

	width: 180px;

	background: url(images/note.png) left no-repeat;

	padding: 100px 150px 0px 20px;

	margin-top: 0px;

        margin-left: 0px;

        margin-right: 0px;

}



#main {

	background: url(images/bg.png) repeat-y;

	margin: 0px;

	padding: 0px;

}



#content {

	margin: 0px 20px 0px 255px;

	padding: 2px 30px;



}



#mainside {

	margin-top: 320px;

	width: 175px;

	float: right;

}



#mainside ul {

	padding-left: 0px;

}



h2, .post h2 a {

	color: #B94C20;

}



.post h2 a:hover {

	color: red;

}



.post {

	width: 465px;

}



.post h2 {

	font-size: 24px;

	font-family: "Cambria", Georgia, Times New Roman;

	margin-bottom: 0px;

	margin-top: 10px;

}



.latest {

	width: 465px;	

}



.latest p {

	color: black;

}



a.latest {

        width: 465px;

        display: block;

} 



a.latest:hover {

	background-color: #FBB760;

	display: block;

	text-decoration: none;

}



#nav {

	position: absolute;

	right: 5px;

	top: 5px;

}



#nav ul {

	padding: 10px 10px 0px 0px;

	margin: 0px 5px 120px 5px;

	text-align: right;

}



#nav ul li {

	font-family: Algerian, Broadway, "Zapf-Chancery", Serif, Georgia;

	display: inline;

	font-size: 15px;

	margin: 0px 10px;

}



#nav ul li a {

	text-decoration: none;

        padding: 5px 5px;

        border: brown 2px dashed;

}	



#nav ul li a:hover {

        background: brown;

        color: white;

}



#radio {

	position: absolute;

	right: 7px;

	top: 140px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-khtml-border-radius: 15px;

	border-radius: 15px;

	background-color: #362F2D;

	padding: 10px;

	height: 300px;

	width: 200px;

}



#featured {

	display: block;

	padding: 15px 0px 5px 0px;

}



h2.widgettitle {

	border-top: #69850D 2px solid;

	text-transform: uppercase;

	padding: 5px 0px 5px 0px;

	margin-bottom: 0px;

	color: #993428;

	font-family: Calibri;

	font-size: 16px;

}



.ftab {

	width: 212px;

	float: left;

	display: block;

}



.ftab ul {

        padding-left: 5px;

}



#featured ul li, #mainside ul li {

        list-style: none;

}





#featured ul li ul li, #mainside ul li ul li {

        list-style: square;

}





#footer {

	background: #2C2625 url(images/footbg.png) no-repeat;

	margin: 0px;

	height: 130px;

}



#footright {

	float: right;

	width: 500px;

	margin-top: 80px;

	padding-right: 20px;

	color: #FEFEFE;

	text-align: right;

	border-right: 2px #8DC63F solid;

}



#footleft {

	float: right;

	width: 200px;

	margin-top: 80px;

	padding-right: 10px;

	color: #F89B2C;

	font-size: 20px;

	padding-left: 10px

}





.commentlist {

        width: 400px;

}



#announcement {

        width: 450px;

        padding: 5px;

        background-color: #F6A518;

        -moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

}.boxcontent{        padding: 0px 10px; }



.kajian {

        padding: 3px 0px; 

        margin: 5px 0px;

        background: #c6562a url(images/kajianbg.png) bottom no-repeat; 

        color: rgb(239, 191, 175); 

        width: 445px;

}.puasa {        padding: 3px 0px;         margin: 5px 0px;        background: #a6a52a url(images/puasabg.png) top right no-repeat;          color: #112e19;         width: 445px;}



h4 {

        border-bottom: #F6A518 1px solid;

        width: 445px;

}



h5 {

        font-size: 14px;

        margin-top: 0px;

}