/* CSS By: www.hafizah.mobie.in */
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Arial, san-serif;
font-size: 11px;
color: #CCC;
background: #000;
}
a:link, a:visited { 
color: #f5ea01; 
text-decoration: none; 
} 
a:active, a:hover { 
color: #f5ea01; 
text-decoration: underline; 
}
p {
margin: 0px;
padding:10px 0px 10px 0px;
}
#wrapper {
padding:5px 0px 5px 15px;
border: #9c9c9c 0px solid;
background:transparent;
margin:0px;
width:965px;
margin-top:10px;
}
#navbar {
background:transparent;
width:950px;
height:30px;
margin:5;
padding:0;
}
#navbar a, #navbar a:visited {
font-size:12px;
font-weight:bold;
color:#008b8b;
text-decoration:none;
}
#navbar a:hover {
text-decoration:underline;
}
#navbar p {
color:#008b8b;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:0;
}
.navbar_l {
whdth:450px;
height:30px;
float:left;
margin:5;
padding:8px 0 0 10px;
}
.navbar_r {
width:220px;
height:30px;
float:right;
padding:7px 10px 0 0;
text-transform:uppercase;
text-align:right;
}
.topnavbarright a img {
border:none;
margin:0 3px 3px 0;
padding:0;
}
#header {
width: 950px;
height:200px;
margin:0px 0px 5px 3px;
padding:0px auto;
background: #000000;
}
#header-wrap {
clear: both;
width: 950px;
height: 150px;
margin: 0 auto;
}
#header h1 {
font-size:26px;
padding:4px 0px 4px 0px;
color:#ffffff;
text-decoration:none;
margin:0px;
}
#header h1 a {
text-decoration:none;
color:#fff;
}
.header_l {
float:left;
width:35%;
text-align:center;
color:#FFFF00;
font-weight:bold;
padding-top:12px;
font-size:15px;
}
.header {
float:left;
width:35%;
text-align:center;
padding-top:4px;
}
.header_r {
float:right;
width:30%;
text-align:center;
font-weight:bold;
font-size:17px;
padding-top:17px;
}
/** MENU **/
#menu {
clear: both;	
width:950px;
height: 47px;	
margin: 0 auto;
margin-bottom: 10px;
color: #ffffff;
background:#181714;
}
ol {
margin:2px;
padding:2px 2px 2px 25px;
}
ol li {
margin:0px;
padding:2px;
}
#menu .menu {
float:left;
width: 70%;
height: 47px;	
margin:0 auto;
padding: 0 0 0 30px;
color: #03a0a6;
background:;
}
.menu ul {
float: left;
margin: 0;
padding: 15px 0 0 0;
list-style: none;
}
.menu ul li {
display: inline;
}
.menu ul li a {
float: left;
padding: 2px 7px 2px 7px;
margin-right:5px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #99930d;
border-right: 1px solid #333;
display:block;	
}
.menu li a:hover {
color: #f5ea01;
}
#menu .menu_r {
float:right;
width: 25%;
text-align:center;
height: 47px;	
margin:0 auto;
padding: 5px 0px 5px 10px;
color: #03a0a6;
background:;
}
/* Search */
#search_form {
text-align:center;
margin:2px;
background:#181714;
border:0px inset #99930d;
padding:4px;
}
#search_form input[type=text] {
width:70%;
color:#09f;
background:transparent url(http://hafizah.mobie.in/icon/find.png)no-repeat left;
border:1px inset #99930d;
}
#search_form input[type=submit] {
color:#09f;
background:transparent url(http://hafizah.mobie.in/icon/search.png) center no-repeat;
text-indent:-9pc;;
border:1px inset #99930d;
width:20%;
}
#page {
padding:10px 10px 0px 0px;
background: transparent;
margin-left:3px;
margin-right:3px
margin-top:35px;
margin-bottom:25px;
width:950px;
}
/* Content */
#content {
float:left;
width:420px;
height:auto;
margin:10px 7px 20px 8px;
padding:10px;  
}
/* Post */
.post {
padding:5px 15px 10px 5px;
margin:20px 0px 0px 24px;
border: 1px solid #6b5927;
background: #181714;
}
.post h2, .post h2 a {
color:#6BBA4A;
text-shadow: 2px 2px 2px #FFFFFF;
width:225px;
height:auto;
padding:5px;
margin:8px 0px 10px 5px;
font-size:18px;
font-weight:bold;
display:block;
}
/* Navigasi */
#navigasi {
margin:5px;
padding:5px 0px 5px 33px;
width:375px;
height:38px;
}
.navigasi_l {
float:left;
width:30%;
text-align:left;
}
.navigasi {
float:left;
width:40%;
text-align:center;
}
.navigasi_r {
float:right;
width:30%;
text-align:right;
}
/* Sidebar */
#sidebar_l {
float:left;
width:210px;
}
#sidebar_r {
float:right;
width:210px;
}
.sidebar {
float:left;
margin:0px 10px 0px 0px;
padding:10px;
background:transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #181714;
}
.sidebar_y {
float:left;
width:210px;
padding:10px;
margin:5px 10px 5px 0px;
background:#181714;
border:1px solid #6b5927;
}
.sidebar h2 {
height: 26px;
background:#09f;
margin-bottom:4px;
padding: 5px 0 5px 12px;
font-size: 18px;
font-weight: normal;
color: #FFFFFF;
}
.sidebar ul {
margin:0;
padding:0;
list-style-type:none;
line-height: normal;
}
.sidebar li {
margin-bottom: 30px;
padding: 0 0 10px 0px;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0;
padding: 7px 10px 10px 7px;
}
.sidebar p {
margin: 0;
padding: 0px 10px;
line-height: 200%;
}
.sidebar a {
text-align: left;
text-decoration: none;
font-weight: normal;
color: #847ec8;
}
/* Footer */
#footer {
width: 920px;
height: 49px;
margin: 0 auto;
padding-top: 50px;
}
#footer p {
margin: 0;
text-align: center;
line-height: normal;
font-size: 10px;
color: #FFFFFF;
}
#footer a {
color: #E5FFC4;
}
#end {
width:99%;
height: 37px;
margin-top:25px;
margin-right:5px;
margin-bottom:10px;
padding:10px 0px 0px 0px; 
background: #181714;
border-top:1px solid #0066FF;	
}
#end p {
margin:0;
padding:0;
font-size: 10px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
#end a {
color: #FFFFFF;
}
#end input {
background:transparent;
border:none;
color:#FFFFFF;
font-weight:bold;
}
#hapisah {
width: 950px;
height:150px;
float:left;
margin-bottom:10px;
}
.hapisah {
float:left;
margin:0;
padding:7px 0px 12px 9px;
background:transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #585D60;
}
.hapisah_l {
float:left;
width:430px;
height:150px;
border:1px solid #6BBA4A;
padding:10px;
margin:0px 9px 0px 0px;
text-align:center;
background: #181714;
}
.hapisah_r {
float:right;
width:430px;
height:145px;
border:1px solid #6BBA4A;
padding:18px 10px 10px 10px;
margin:0px 9px 0px 0px;
text-align:center;
background: #181714;
}
/———END———/