/*
Theme Name: Kerajaan Concept
Theme URI: http://kerajaanconcept.com/
Version: v2.0
Author: KC
Author URI: http://kerajaanconcept.com/
*/
/*=============================================================================*/

/*global*/
body { margin: 0; background:#000000 url("/images/bg.png")   no-repeat top center;}
h1, h2, h3, h4 { margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: none; }
.alignleft{ float:left; }
.alignright{ float:right; }
.clear { clear: both; height: 0; overflow: hidden; }
/*wrap*/
#wrap { width: 990px; margin: 0 auto; padding:0px;  }
#content-container { width: 990px; }
#contents { width: 990px; padding: 0 0 0 2px; margin-top:10px; background:#000000; }
#contents_area { width: 990px; padding:0px;  background:none; float:left; border:0;  }
#contents_box { width: 990px; padding:0px;  background:none; float:left;  }
#page-bottom { width:990px; padding:0; }
/*header*/
#header { width: 990px; height: 240px; position: relative; background:#000000; background:url("images/header.png") no-repeat center top; }
#header-title { position: absolute; text-transform: uppercase; left: 10px; top: 100px; }
#header-title h1 { color: #ffffff; font:30px Arial; font-weight:bold; margin-bottom: 0px; }
#header-title h1 a { color: #ff0000; text-decoration: none; }
.header-subtitle { color: #fefefe; font:12px Arial; }

#16_feed{ position: absolute; padding:0; top: 142px; right: 40px; font:8 px verdana; align= Right ;  }
#rss_feed a { color: #ffffff; font-weight:none;}

#social{ width:270px; height:30px; padding-top:4px;}
.socialicon{height:28px; width:28px; float:right; padding:5px;}
.digg{background:url("images/digg.gif") no-repeat left top;}
.ff{background:url("images/ff.gif") no-repeat left top;}
.stumble{background:url("images/stumble.gif") no-repeat left top;}
.tech{background:url("images/tech.gif") no-repeat left top;}
.del{background:url("images/del.gif") no-repeat left top;}
.redit{background:url("images/redit.gif") no-repeat left top;}
.google{background:url("images/google.gif") no-repeat left top;}


.socialicon a{height:23px; width:22px; padding:10px;}
#twitter_box{float:left; padding-top:50px; padding-bottom:10px;  width:260px; font: 12px tahoma; color: #b1b1b1; background: url("images/twitter.gif") no-repeat left top;}
#twitter_box a{color:#d7d7d7; text-decoration:none;}
/*top menus*/
#navlist { position: absolute; top: 190px; left: 20px; height: 33px; background:none; border:0; width:950px; }
#navlist ul { list-style-type: none; height: 28px; padding: 0; margin: 0; }
#navlist ul li { font: bold 14px verdana; color: #FFECB8; margin: 0 0 0 2px; height: 28px; float: left; }
#navlist ul li a { display: block; text-decoration: none; padding: 10px; padding-top:7px; height:18px; color: #d7d7d7;}
#navlist ul li:hover { }
#navlist ul li a:hover { color: #ffcc33; }
#navlist ul li.current_page_item { color: #ff0000; }
#navlist ul li.current_page_item a { color: #ff0000; }

/*search area*/
#menu_search_box { position: absolute; padding:0; top: 192px; right: 5px; width: 170px; height: 27px; background:url("images/search.gif") no-repeat left center; }
#menu_search_box #searchform { margin: 0; padding: 6px 0 0 28px; width: 100px; height: 27px; }
#menu_search_box #s { font: 11px tahoma; color: #ffffff; border: 0; background: none; float: left; width: 120px; height: 18px; }
#menu_search_box #submit { display: none; }
/*post top*/
#contents .top_post { float: left; padding:0; margin: 0 0 10px 0; height:280px; width: 560px; }
.meta_inf { width: 530px; height: 22px; }
.meta_inf a{ color:#ff0000; }	
.headline { float: left; display:inline; padding-left: 5px; }
.headline_date { float: right; display:inline; padding-right: 0px; color:#CC6699; font:14px arial; }
.meta_date {width:100px; background:none; float: right; font:11px arial; padding-right: 0px; padding-top:10px; height:22px;}
.meta_comments { width:100px; background:none; float: right; font:12px arial; padding-right: 20px; padding-top:10px; height:22px;  }
.meta_comments a{color:#ff0000;}
.meta_comments a:hover { text-decoration:none}
.meta_more { width:100px; background:none; float: right; font:10px arial; padding-right: 0px; height:22px;  }
.top_titles a{ color: #ff9933; text-decoration: none; font: bold 18px arial; }
.post_bottom { width: 560px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #9a9a9a; }
.post_cat { padding-left: 14px; line-height: 22px; font: 12px Arial; color: #9a9a9a; }
.post_cat a { color: #ff0000; }
/*magazine style posts*/
#content { float: left; width: 488px; overflow: hidden; }
#content .mag_posts { float: left; width: 482px; margin: 0 3px 10px 0px; color: #cdcdcd; font: 12px verdana; border:0; background:#424242;  }
#content .mag_posts a { color: #ff0000; }
#content .top_mag_posts { width: 482px; background: url("images/post_mag_top2.png") no-repeat top; }
#content .bottom_mag_posts { width: 482px;  padding-top: 7px; padding-bottom: 4px;  }
#content .mag_posts h2 { padding:0; padding-left: 20px; color: #ffcc00; font: bold 14px verdana; height:30px; margin:0; }
#content .mag_posts h2 a { color: #e42a32; }
#content .top_mag_titles{ height:40px; text-align:left; clear:both; padding-top:0px;}
#content .top_mag_titles a{ color: #ffcc00; text-decoration: none; font: bold 14px Arial; hover: #ff0000; }
#content .top_mag_titles a:hover {color:#ff0000; }
#content .mag_cat{ background:none; float: left; font:11px arial; padding-left: 20px; padding-top:10px; height:22px;}
#content .mag_posts .mag_posts_entry { padding: 0px 9px 0px 10px; margin:0; width: 460px; height: 200px; text-align:justify; }
#content .mag_posts .mag_posts_meta { margin: 0 9px 0 0px; padding-left:3px;  padding-top:5px; height:45px; background:url("images/post_mag_bottom.png") no-repeat left top;  width:480px; overflow:hidden;}
#content .mag_posts .mag_posts_meta a:hover {text-decoration:none; }
/*pages*/
#content .post { float: left; width: 486px; margin-bottom: 10px;   }
#content .post-top { clear:both; width: 488px; color: #ff0000; height:40px; font: 10px Arial; background:#000000 url("images/post_mag_top2.png") no-repeat top left; }
#content .post-bottom { margin: 10px 0px 0px 0px; padding-left:10px; padding-top:3px; height:45px; background:#000000 url("images/post_mag_bottom.png") no-repeat left top;  width:480px; overflow:hidden;}
#content .post-top a { color: #ff0000; text-decoration: none; }
#content .post-top a:hover { text-decoration: none; }
#content .post-top h2 { color: #fdd209; font: bold 14px Arial; padding: 10px 10px 0 10px;  }
#content .post-top h2 a { color: #f8e121; text-decoration: none; }
#content .post-top h2 a:hover {  color:#ff0000; }
#content .meta_inf { width: 460px; height: 22px; }
#content .post .post_ctg {  width: 458px; padding-left: 4px; padding-top:0px; line-height: 22px; height: 22px; font: 11px Arial; color: #ffffff; }
#content .post .post_ctg a { color: #ff0000; }
#content .post-entry { font: 13px Verdana; color: #cfcfcf; width: 480px; padding: 0px 2px 0px 0px; text-align:justify; background:#000000; }
#content .post-entry a { color: #d7d7d7; text-decoration: none; }
#content .post .post-entry a:hover { text-decoration: underline; }
#content .post .post-entry blockquote { border-left: 6px solid #666666; margin: 0px 20px; padding-left: 10px; font-style:italic; }
#content .post .post-entry img { padding: 5px; border: 0px; }
#content .post h3 { margin: 10px 10px 5px 10px; color: #ffffff; font: 18px Verdana; }
#comment { background:#fefefe;width:400px; border:1px solid #d7d7d7; }
#commentform input{ border:1px solid #d7d7d7; background:#fefefe; }
#commentform #submit{ border:1px solid #909090; border-style:outset; background:#EBECED; color:#222222; }
#comments_area { font: 12px Arial; color: #909090; width: 460px; padding: 10px; border:1px solid #9a9a9a; margin-top:10px; text-align:justify; background:#2c2c2c; }
#content .post .comments { font: 11px Arial; color: #ffffff;  width: 440px;}
#content .post .comments ol { margin: 10px 0; padding-left: 25px; background:#2a2a2a; border:1px solid #9a9a9a; }
#content .post .comments ol li { padding: 5px;  }
#content .post .comments ol li a { color: #d7d7d7; text-decoration: none; }
#content .post .comments ol li a:hover { text-decoration: underline; }
#content .post .comments ol li.alt {  }
#content .post .comments ol li cite { color: #d7d7d7; font-style: normal; font-weight: bold; }
#content .post .comments ol li cite a { color: #d7d7d7; text-decoration: none; }
#content .post .comments ol li cite a:hover { text-decoration: underline; }
#content .post .comments ol li .commentmetadata a { color: #d7d7d7; text-decoration: none; }
#content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; }
#content .post #commentform { font: 11px verdana; color: #eefcfd; width: 448px; padding-left: 25px; margin: 0; }
#content .post #commentform a { color: #d7d7d7; text-decoration: none; }
#content .post #commentform a:hover { text-decoration: underline; }
/*sidebar 1*/
#sidebar-wrap { width:480px; margin-top:0px; padding:0; float:left; padding-left:10px;}
#sidebar1 { float: left; width: 200px; padding-left:0px; font: 11px Arial; color: #b1b1b1; }
.sidebar_container { width:200px; margin-bottom: 10px; background:url("images/sidebar_bg.png") repeat-y left; float:left; }
#sidebar1 h2 { width: 200px; height: 29px; padding-left: 0px; padding-top:3px; margin-bottom: 4px; font: bold 14px verdana; text-align: center; color: #ff0000; background: url("images/sidebar_title.png") no-repeat top left; }
#sidebar1 a { color: #d7d7d7; text-decoration: none; }
#sidebar1 a:hover { text-decoration: underline; }
#sidebar1 ul { margin: 0; padding: 5px; list-style-type: none; }
#sidebar1 ul li { color: #656565; font: 11px Arial; border-bottom:1px solid #4a4949; width:190px; }
#sidebar1 ul li ul li{ color: #656565; font: 11px Arial; border-bottom:none; width:140px; padding-left:10px; background:none; }
#sidebar1 ul li ul li a{ background:none; }
#sidebar1 ul li a { color: #fac934; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; background: url("images/bullet.png") no-repeat left center; }
#sidebar1 ul li a:hover { text-decoration: none; color:#ff0000 }
#sidebar1 ul li ul { margin: 0; padding: 0; background: none; }
#sidebar1 #searchform { display:none; }
#sidebar1 #searchform #s { width: 100px; }
#sidebar1 #calendar_wrap { width: 180px; margin: 0 auto; padding-top: 0px; }
#sidebar1 #calendar_wrap table { width: 180px; }
#sidebar1 #calendar_wrap caption { margin: 0 auto; font-weight: bold; color:#ffcc00 }
#sidebar1 #calendar_wrap tbody { text-align: center; color:#ffcc00 ;}
#sidebar1 #calendar_wrap tfoot #next { text-align: center;color:#fefee0; }
#sidebar1 #calendar_wrap #today { font-weight: bold; color:#ff0000; text-align: center; border:solid 1px #ff0000; }
#sidebar1 .textwidget { padding: 0 5px; }
.sidebar_bottom {background:url("images/sidebar_bottom.png") no-repeat left bottom; height:15px;}
/* sidebox */
#sidebox { float: right; width: 260px; font: 11px Arial; color: #f6d831; padding-right:5px;}
.sidebox_container { width:270px; margin-bottom: 10px; padding:0; background: url("images/bg.gif") repeat; float:left; border:1px solid #9a9a9a; }
.sidebox_simple { width:270px; margin-bottom: 3px; padding:0; background:none; float:left; }
#sidebox ul { margin: 0; width:250px; padding: 5px 0 5px 5px; list-style-type: none; }
#sidebox a{color:#fefefe; text-decoration:none;}

/*advertisements*/
.ads_wrap { float: left;  position:relative; width: 270px; margin:0px; padding:0px; margin-bottom: 5px;}
.ad_block{ padding:3px; float:left; border:1px; width:125px; height:125px;  }
#topads{width:486px; height:60px; float:right; padding-top:50px; padding-right:20px;}

/*Ads Banner*/
.ads_banner { float: left;  position:relative; width: 260px; margin:0; padding:0; margin-bottom: 2px  }
.ad_banner{ padding-bottom:2px; padding-top:1px; float:left; border:0; width:260px; height:102px;  }
#topads{width:486px; height:60px; float:right; padding-top:50px; padding-right:20px;}
/*recent posts*/
#recent_data { width: 935px; margin-bottom: 15px; }
#recent_data_top { width: 933px; }
#recent_data_bottom { width: 923px; padding: 0 0 20px 10px; overflow: hidden; }
.recent_data_container { width: 190px; float: left; padding-left:5px; }
.recent_data_container h3 { color: #F8D8F3; padding: 6px; height:20px; font: bold 14px Verdana; background: url("images/top_side_left.gif") repeat-x top; }
.recent_data_container ul { margin: 0; padding: 0; list-style-type: none; }
.recent_data_container ul li { font:12px tahoma; text-align:left; border-bottom: 1px dotted #2c2c2c; }
.recent_data_container ul li a { color: #F2A9D5; text-decoration: none; display: block; padding: 4px; }
.recent_data_container ul li a:hover { text-decoration: none; background-color:#dedede; }
.recent_data_container ul li a span { color: #222222; font: 10px Arial; display: block; margin-bottom: 4px; }
.recent_data_container ul li ul { display: none; }
.recent_data_middle { width: 320px; margin-top: 8px; padding: 0 23px; overflow: hidden; float: left; }
/*bottom nav*/
.navigation { font: 11px tahoma; color: #d7d7d7; width: 550px; padding:0; overflow:hidden; }
.navigation a { color: #ff0000; text-decoration: none; }
.navigation a:hover { color: #ff0000; text-decoration: underline; }
.navigation-p { float: left; }
.navigation-n { float: right; }
/*footer*/
#footer {width:986px; position: relative; background: url("images/footer.png") repeat-x bottom; ; margin-top:10px; height: 40px; border:0 ; padding:0; color:#ffcc00; padding-top:20px; text-align:center; font: 11px Arial; clear:both; }
#footer a {color:#ffcc00; text-decoration: none; }
#footer a:hover {color:#ff0000;text-decoration: none; }
/*slideshow*/
#slideshow_area{width:480px;height:232px;margin-bottom:20px; border:1px solid #969696}
.slideInfoZone{font:11px verdana;}
.articleimg{float:left; padding:1px; overflow:hidden; width:486px;}
/*tabs*/
#tabs {margin:0px; width: 270px; overflow: hidden; padding:0; background:#9a9a9a}
.tabs ul {list-style:none; margin:0px; padding:0px; }
.tabs li {float: left; display: inline;  margin-right: 5px; margin-bottom:0; margin-left:0;text-align: center;overflow: hidden;font:12px arial;list-style:none;background:#9a9a9a;}
.tabs li a {float: left;display: block; color: #ff0000;font-weight: bold;padding-left:2px;padding-right: 2px;line-height: 22px;height: 22px;}
.tabs li a:hover {font-color: #ff0000;}
.tabs li a.selected {display: block;color: #ffffff;background:#000000;}
.tabs li a.selected:hover {display: block;color: #9a9a9a;}
/***************** CSS For TAB Content *******************/
.tabcontent {display: none; background:#000000; width:270px; border-top: 0;padding-top: 0px;padding: 0px;padding-bottom: 0px;overflow: hidden;font:11px arial;}
.tabcontent a, .tabcontent a strong {color: #fefefe;}
.tabcontent a:hover, .tabcontent a:hover strong {color: #ff0000; }
.tabcontent ul {padding:0px;margin:0;}
.tabcontent ul li {display: block;margin:0; border-bottom:1px solid #424141;padding-bottom: 3px;margin-bottom: 3px;padding-left: 1px;color: #ffcc00;line-height: 1.4em;list-style-type:none;}
.tabcontent ul li a {color: #666666;line-height: 1.4em;}
.tabcontent ul li a:hover {color: #ff0000; }
.tabcontent ul li span {display: block;color: #999999;}
/***************** CSS For TAB Content *******************/
@media print {.tabcontent {display: block !important;}
}