/*  
Theme Name: Black And White
Theme URI: http://www.blogohblog.com/
Description: Black And White is a 3 columns Wordpress theme. Simple, clean and easy you to modify, also suitable for any blog content such reviews, make money blog, personal, photo blog and more. :) 
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
*/

body {
background:#000 none repeat scroll 0%;
font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
font-size:62.5%;
line-height: 22px;
color:#555;
margin-bottom:40px;
padding:0;
}

h2,h3 {
color:#c6c6c6;
}

#wrap {
background:#000000;
width:950px;
border:#000 1px solid;
margin:5px auto;
padding:10px;
}

#top {
background-image: url(http://www.azanin.net/blog/images/masthead_bronze2.jpg); 
height:380px;
width:950px;
margin:0 auto;
padding:0 0 10px;
}

#laman-tari-azanin {
background-image: url(http://www.azanin.net/blog/images/header_laman.jpg); 
height:100px;
width:950px;
margin:0 auto;
}

#dato-azanin-ahmad {
background-image: url(http://www.azanin.net/blog/images/header_dato.jpg); 
height:100px;
width:950px;
margin:0 auto;
}

#about {
background-image: url(http://www.azanin.net/blog/images/header_about.jpg); 
height:100px;
width:950px;
margin:0 auto;
}

#header {
width:500px;
float:left;
margin:0 auto;
padding:0 0 10px;
}

#header h1.title {
font-family:georgia, times, 'times new roman', serif;
color:#000;
font-size:28px;
margin:0;
padding:0;
}

p.desc {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
margin:0;
padding:0;
}

#clock {
font-family: Impact;
float:right;
width:400px;
text-align:right;
margin:0;
padding:10px 10px 0 0;
}

#nav {
background-color:#431800;
height:35px;
max-height:35px;
min-height:35px;
width:950px;
clear:both;
margin:0 auto;
padding:0;
}

ul.nav {
height:35px;
min-height:35px;
max-height:35px;
line-height:35px;
float:left;
list-style:none;
font-family: Arial;
font-size:14px;
text-transform:capitalize;
margin:0;
padding:0;
}

ul.nav li {
float:left !important;
list-style-type:none;
margin:0;
padding:0;
}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited {
color:#fff;
float:left;
display:block;
padding:0 10px;
}

ul.nav li a:hover,ul.nav li a:active {
background:#fff;
color:#000;
text-decoration:none;
}

ul.nav li.current_page_item a {
text-decoration:none;
color:#ccc;
}

ul.nav li ul {
float:left;
margin:0;padding:0;
}

#head-search {
float:right;
height:48px;
margin-right:14px;
padding-top:6px;
}

#head-search input.text {
background:#5A5A5A none repeat scroll 0%;
border:1px solid #666666;
color:#AAAAAA;
float:left;
margin-right:6px;
}

#searchform {
height:30px;
line-height:30px;
float:right;
padding-top:5px;
padding-right:5px;
margin:0;
}

#searchform #s {
font-size:8pt;
width:230px;
}

#searchform input {
color:#666;
width:40%;
border:1px solid #cbcbcb;
margin-bottom:0.6em;
background:#fcfcfc;
margin-top:2px;
padding:3px;
}

#searchform #submit {
font-size:8pt;
}

#blurbs_bar {
}

#blurbs_bar h2 {
font-size:2em;
margin:0 0 -4px 0 !important;
padding:4px 0 10px 0;
}

#blurbs_bar h3 {
font-size:1.5em;
margin:-10px 0 -4px 0 !important;
padding:4px 0 10px 0;
}

#blurbs_bar p {
font-size:1.3em;
color:#c6c6c6;
}

hr {
margin-bottom:20px;
border:none;
width:99%;
color:#2b2b2b;
background-color:#2b2b2b;
height:1px;
clear:both;
}

#cell_1 {
margin:0 0 1em 0;
padding:2px;
float:left;
width:227px;

}

#cell_2 {
margin:15px 14px 1em 14px;
padding:8px;
float:left;
width:324px;
background-color:#212121;
}

#cell_3 {
margin:15px 0 1em 5px;
padding:8px;
float:left;
width:324px;
background-color:#212121;
}

#cell_1 p{
font-size:1em;
color:#FFFFFF;
line-height:15px !important;
}

#cell_2 p{
font-size:1em;
color:#C7C7C7;
line-height:15px !important;
}

#cell_3 p{
font-size:1em;
color:#C7C7C7;
line-height:15px !important;
}

#cell_1 h2 {
font-size:1.3em;
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;

}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
color:#ffffff;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
color:#ffffff;
font-weight:bold;
}








#main{width:950px;margin:15px auto;padding:0;}
#content{float:left;width:510px;margin:0;padding:0;}
.entry{float:left;margin:0;padding:0 0 20px;}
.entry h2{font-size:150%;font-weight:700;margin:0;}
.entry p{
		color: #C6C6C6;
	font-size: 119%;
/*	margin-left: 5pt;;*/
	text-align: justify;
}
.permalink{margin:0;padding:0 0 5px 5px;}
small.date{float:left;}
#sidebar{float:right;width:420px;margin:0;padding:0;}
#lsidebar{float:left;width:180px;overflow:hidden;margin:0;padding:0 5px 0 0;}
#rsidebar{float:right;width:230px;margin:0;padding:0;}
.navigation{display:block;text-align:center;margin-top:10px;}
.alignright{float:right;padding:0 0 10px;}
.alignleft{float:left;padding:0 0 10px;}
.entry img {padding:0 5px 0 0;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:500px;}
.boxcomments h2,h3{display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#eee;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}
ol.cloop{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.cloop li{display:block;list-style:none;padding-left:15px;margin:0 0 5px;}

#footer{
background:#000000;
color:#c6c6c6;
font-size:100%;
clear:both;
height:30px;
width:940px;
line-height:30px;
margin:0;
padding:20px 0 0 10px;
}

#footer a:hover{text-decoration:none;color:#666;border:none;}
a:link,a:active,a:visited,a:hover{text-decoration:none;color:#999;border:none;}
#lsidebar h2,#rsidebar h2{font-size:12px;margin:0 7px 3px 0;padding:3px 0;}
#lsidebar ul,#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#lsidebar ul li,#rsidebar ul li{list-style-type:none;margin:0 5pt 20px;padding:0;text-align:justify}
#rsidebar ul li p{color:#DEDEDE;}
#lsidebar ul li ul,#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#lsidebar ul li ul li,#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/bullet.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}
#footer a:link,#footer a:active,#footer a:visited{text-decoration:none;color:#fff;border:none;}