/*======================================
Theme Name: Nik Nazmi
Theme URI: http://niknazmi.com
Description: Nik Nazmi redesigned theme by Vagrant Concept
Version: 3
Author: Vagrant Concept
=====================================*/
*{margin:0;padding:0;}
body{
background: #0F3283 url(images/bg.jpg) repeat-x top;
font-family:Lucida Grande,Arial,Sans-Serif;
font-size:12px;
color:#000000;
line-height:18px;
}

#wrapper{
width:1200px;
margin:0 auto;
padding:0;
background: url(images/mainbackground.jpg) no-repeat top center
}

#wrapper .headlink {width: 1000px; margin: 0 auto; height: 100px; display: block; background: url(images/mainbackground.jpg) no-repeat 0 100px ; float: left;}

#wrapper a span {visibility: hidden;}

a{
color: #666699;
text-decoration:none;
}

a img {border: none;}

ul{list-style:none;}

.clear{clear:both;}

blockquote{
background:url(images/bq.gif) no-repeat top left;
padding:4px 4px 4px 38px;
}

.fright{
float:right;
padding-right: 15px;
}

.title a {color: #1d55CD !important;}

h2{
font-size:14px;
text-transform:uppercase;
line-height:15px;
font-family:Arial, Verdana, Sans-Serif;
font-weight:bold;
padding: 0;
margin: 0;
}
.taright{
text-align:right;
padding: 15px 15px 15px 0;
margin: 0 0 10px;
}


.smalllh{
font-size:9px;
line-height:14px;
color:#999999;
text-transform:uppercase;
}
/******************header***********************/

#header{
padding:7px 0 2px;
}

/*menu*/
ul#menu{
float:right;
margin: 0 100px 5px; 
}

#menu li{
float:left;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight:bold;
padding: 0 10px 0;
font-size:12px;

}
#menu li a{
display:block;
color:#fff;
}
#menu .english a {color: #ccc !important;}
#menu li a:hover{
border-color:#30C2F1;
}
#menu li span.rss a{
display:block;background: url(images/rss.png) no-repeat top left;
height:16px;
width:16px;
border:none;
}
/*top*/
#top{
width: 1000px;
margin: 140px auto 0;
padding: 0;
overflow:hidden;
}

#featured{
float:left;
width:620px;
}
.f-col{
float:left;
text-align:right;
text-transform:uppercase;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
width:150px;
color: #ffffff;
}
.f-col a{
color:#cccccc;
text-decoration:underline;
}
.f-col p {padding-right: 15px;}

.f-col2{
float:right;
width: 460px;
padding: 10px 0 0;
overflow:hidden;
}
.f-col2 h1 a,h1.title a{
font-size:18px;
color:#003333;

}

p.penuh a{
font-size:12px;
display:inline;
color:#1d55CD;
font-weight: bold;
}

#videobox{
height:330px;
float:right;
width:373px;
padding: 0;
margin:0;
}

#videobox h2{
	background: none; 
	padding: 18px 18px 0; 
	font-size: 16px;
	color: #fff;}
#videobox .video embed {
	height:255px;
	width:316px;
	margin: 0 0 0 20px;
	}

/*middle*/

#middle{
background:#2676E7 url(images/bluebar.jpg);
margin: 0 auto;
height: 125px;
width: 1000px;
}

#middle h2{
background:none;
display:inline;
padding:0 5px 0 4px;

}

.m-bio{
width:460px;
float: left;
font-size:11px;
line-height:15px;
color:#fff;
padding:15px 0 0 15px;
}

ul#flickr{
float:right;
width:370px;
}

#flickr li{
float:right;
}
#flickr li img{
margin:0 2px;
}

#flickr a img{
margin: 20px 15px 0 0;
}
#flickr a:hover img{
border-color:#000;
}


/*content*/
#contentwrap{
width: 1000px;
padding: 0;
margin: 0 auto 0;
background: #ffffff;}

#contentwrapsingle{
width: 1000px;
min-height: 400px;
padding: 0;
margin: 139px auto 0;
background: #ffffff;}

#content{
padding: 10px;
float:left;
max-width: 450px;}

#content img {max-width: 420px;}

h2.bl{
width:20%;
}
.titlebox{
font-size:11px;
}
.post{
margin:0 0 10px;
border-bottom:1px solid #CCCCCC;
padding:0 0 10px;
}
.entry p,#comments p{
margin:0 0 10px;
}

.entry h1, .entry h2, .entry h3{
color: #1D55CD;
margin:10px 0 2px;

}
.entry h1{
font-size:18px;
}
.entry h2{
font-size:15px;
background:none;

padding:0;
text-transform:none;
}
.entry h3{
font-size:14px;
}
/*sidebar*/

#sidebar{
float:left;
margin: 0;
padding: 0;
width:150px;
}

#sidebar2{
float:right;
width:370px;
background:#E8F4F7;
margin:0 0 10px 0;
}

#sidebar h2 {
color: #fff;
padding: 10px;
background: url(images/redbar.jpg);
max-width: 150px;
text-align: right;
}

#sidebar a{
color: #333366;
}
#sidebar a:hover{
background: #F1FDFE;
color:#000000;
}

#sidebar .eachr {
padding: 10px;
}

#sidebar2 h2{
padding: 10px;
color: #fff;
display: block;
background: url(images/redbar2.jpg);
}
#sidebar2 ul{
}
#sidebar li{
padding:3px 0 0 3px;
}
#sidebar2 li{
padding:5px 0 0 5px;
}
#sidebar2 li li,#sidebar li li,li.eachr{
}
#sidebar2 a{
color:#333333;
}

#jadual-program {
	padding: 10px;
	font-size: 11px;}

#jadual-program h1 {font-size: 13px;}
#jadual-program a {font-weight: bold;}

#twitter {
background:#0C004C;
color: #fff;
padding: 0 !important;
display: block;
}

#twitter_update_list {
background:#0C004C;
color: #fff;
padding: 0 10px 5px 10px;
}

#twitter_update_list li span a {
color: #ccc !important;
font-weight: bold;
}

#twitter_div .widgettitle {background: none !important;
padding: 10px 0 0 10px !important; }

#twitter_update_list li a {
color: #999;
}

#twitter_div {
	margin: 0 !important; 
	padding: 0 !important;}

/*comments*/
#comments{
margin:20px 0 0;
}

#comments h3 {
margin-bottom: 5px;	
}
ol.commentlist{
list-style-type:none;
}
#comments li{
padding:10px;
width: 95%;
}

#comments li.alt{
background: #DFDFDF;
}
#author, #email, #url{
width:200px;
}
#commentbox{
	width: 90%;
	height:100px;
}
#commentform {width: 95%; background: #CDCDCD; padding: 10px;}

#commentform h3 {padding: 0;	}

/*bottom*/
#bottom{
margin: 0 auto;
width: 1000px;
padding:10px 0;
}
#social{
padding:0 0 10px 0;
}
/*footer*/
#footer{
	color: #fff;
}
#footer a img{
border:none;
}
span.icomment, span.folder,span.prev,span.next,span.rss{
padding:0 0  3px 19px;
line-height:17px;
}
span.rss{
text-indent:-9999px;
padding:0;
}
span.prev{background: url(images/prev.gif) no-repeat top left;}
span.next{background: url(images/next.gif) no-repeat top right;padding:1px 19px  3px 0px;}