/* google font api's */
@import url(//fonts.googleapis.com/css?family=Special+Elite&subset=latin);

/* 
	css file: 1.0
	unfinished
*/
h1,h2,h3,h4,h5,h6,ol,ul,li,td,th,table,big,small,pre,blockquote,code,body {padding:0; margin:0;}

html>body .foo {height: auto;}

body {font-family: Georgia, Times, serif; font-size:13px; background:#303030;}

code,pre {font-family:/*'Inconsolata',*/ 'Courier New', monospace;}

a {color:#993333; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}

p {line-height:140%;}

/* kontainer dasar */
#dasar {}

/* bagian atas mis: menu, search, login, dll */
#atasContainer{background:#f3f3eb url(/images/bg.jpg); border-bottom:10px solid #649405;}

#atas {width:970px; margin:0 auto;}
	#logo {padding:10px 0 20px 0; font-family: "Special Elite";}
		.bigtext1 {font-size:48px; color:#333333; font-weight:bold; cursor:default; }
		.bigtext2 {font-size:48px; color:#666666; font-weight:bold; cursor:default; }
		.bigtext3 {font-size:48px; color:#999999; font-weight:bold; cursor:default; }
	#menu { }
		.link ul {list-style-type:none; padding:0 10px;}
		.link ul li {float:left; display:block;}
                .link ul li.first {}
                .link ul li.last {}
		.link ul li a {font-size:18px; text-decoration:none; font-weight:bold; color:#808080; text-transform:lowercase; display:block; padding:20px;}
		.link ul li a:hover {color:#404040; text-decoration:none;}
		.link ul li.active {text-decoration:none; position:relative;
			background:#649405;
			background: -webkit-gradient(linear, left top, left bottom, from(#a9c95b), to(#649405));
			background: -moz-linear-gradient(top,  #a9c95b,  #649405);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9c95b', endColorstr='#649405');	
			box-shadow: inner 1px 1px 1px #888;
			-moz-box-shadow: inset 1px 1px 1px #888;
			-webkit-box-shadow: inset 1px 1px 1px #888;
			border-radius:3px 3px 0 0;
			-moz-border-radius:3px 3px 0 0;
			-webkit-border-radius:3px 3px 0 0;
			behavior:url(/PIE.htc);
		}
		.link ul li.active a {color:#fff; text-shadow: -1px -1px 0 #666666;}
		.link ul li.active a:hover {color:#fff; text-decoration:none; text-shadow: -1px -1px 0 #666666;}
		.google_search {float:right; padding:20px 10px 10px 10px;}

/* bagian tengah mis: bagian kiri, kanan, admin, dll */
#tengahContainer {border-top:1px solid #202020; background:url(/images/bg_gradhitam.jpg) top left repeat-x;}
#tengah {width:960px; margin:0 auto; padding:5px; background:#242424 url(/images/black_bg.jpg) center top no-repeat;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	behavior:url(/PIE.htc);
}
	/* bagian kategori */
	#kategori {background: transparent; margin-bottom:10px;}
		#kategori ul {list-style:none; margin-top:5px;}
		#kategori ul li {float:left; display:block;}
		#kategori ul li a {font-size:11px; font-weight:bold; color:#e0e0e0; padding:5px 12px; display:block;}
		#kategori ul li a:hover {text-decoration:none; color:#fff;}
		#kategori ul li.active {position:relative;
		background:#f5f5f5;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		behavior:url(/PIE.htc);
		}
		#kategori ul li.active a {font-weight:bold; color:#808080;}
		#kategori ul li.active a:hover {text-decoration:none;}

	/* bagian kiri: posting, komentar, dll */
	#kiri {float:left; width:655px; background:#ffffff;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		behavior:url(/PIE.htc);
	}
	#nav {padding:15px; background:#f5f5f5;}
	#spasi {clear:both; border-top:1px solid #ffffff; margin:5px 0;}
	#garis {clear:both; border-top:2px dashed #e0e0e0; margin:20px 0;}
	#garisTebal {clear:both; border-top:5px solid #e0e0e0;}
	#isi {padding:15px 25px 0 25px;}
	#isi .likeFB {float:right; padding-top:10px;}
	#isi p {margin:10px 0; color:#404040;}
	#isi code {color:#606060;}
	#isi h3	{font-size:18px; color:#404040; font-weight:bold;}
	#isi img {display:block; margin:15px auto 25px auto;}
	#isi img.l {float:left; display:block; margin:20px; margin-left:5px; margin-top:0;}
	#isi img.r {float:right; display:block; margin:20px; margin-right:5px; margin-top:0;}
	#isi pre {width:580px; color:#404040; overflow-x:scroll; overflow-y:hidden; padding:10px; margin-top:10px; margin-bottom:20px; background:#e5e5e5; border:1px solid #d5d5d5;}
	#isi big {color:#404040; font-size:14px; padding:3px 0;}
	#isi ol {margin:5px 0 25px 35px; color:#404040;}
	#isi ul {margin:5px 0 25px 25px; color:#404040;}
	#isi li	{padding:3px 0;}
	#isi a.header {font-size:18px; color:#404040; font-weight:bold; text-decoration:none;}
	#isi a.header:hover {text-decoration:underline;}
	#isi .counter {font-weight:bold;}
	#isi p.penulis {color:#808080; margin:5px 0; font-size:11px; font-weight:bold; text-transform:uppercase;}
	#isi .author {font-size:13px; font-weight:bold;}
	#disqus_thread {padding:5px 10px;}
	
	#komentar {padding:15px; background:#f6f7f8; border:1px solid #e5e5e5;}
	#komentar h3 {font-weight:normal; color:#59803c;}
	#komentar ul {list-style-type:none;}
	#komentar ul li {display:block; border-top:1px dashed #ccc; padding:3px 0;}
	#komentar ul li span.komentar {padding:15px 8px; display:block; color:#555;}
	#form_komentar {background:#fff2c6; padding:10px; margin:10px 0; border:1px dashed #999;}
	#form_komentar.red {background:#ffc6c6;}
	
	#paging	{padding:0 10px 10px 10px;}
	#paging .p_rumah {float:left; display:block; width:25px; height:25px; background:url(/images/icon_set_2.gif) -100px 0 no-repeat;}
	#paging .p_kiri {float:left; display:block; width:25px; height:25px; background:url(/images/icon_set_2.gif) -25px 0 no-repeat;}
	#paging .p_kanan {float:right; display:block; width:25px; height:25px; background:url(/images/icon_set_2.gif) 0 0 no-repeat;}
	#paging .p_rumah_n {float:left; display:block; width:25px; height:25px; background:url(/images/icon_set_2.gif) -125px 0 no-repeat;}
	#paging .p_kiri_n {float:left; display:block; width:25px; height:25px; background:url(/images/icon_set_2.gif) -75px 0 no-repeat;}
	#paging .p_kanan_n {float:right; display:block; width:25px; height:25px; background:url(/images/icon_set_2.gif) -50px 0 no-repeat;}

	#paging a {padding:5px;}
	#paging a.prev {float:right; font-size:10px;}
	#paging a.next {float:left; margin-right:5px; font-size:10px;}
	#paging a.home {float:left; font-size:10px;}
	#paging a.prev, #paging a.next, #paging a.home {
		border:1px solid #d0d0d0;
		color:#fff;
		font-size:10px;
		background:#649405;
		box-shadow: 1px 1px 3px #eee;
		-moz-box-shadow: 1px 1px 3px #eee;
		-webkit-box-shadow: 1px 1px 3px #eee;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		behavior:url(/PIE.htc);	
	}
	#paging a.prev:hover, #paging a.next:hover, #paging a.home:hover {text-decoration:none;}

	#otherPost {padding:15px; margin-top:15px; position:relative; background:#aab560;}
	#otherPost a.prev_url {float:left; display:block; width:300px; font-size:11px; color:#ffffff;}
	#otherPost a.next_url {float:right; display:block; width:300px; text-align:right; font-size:11px; color:#ffffff;}

	/* bagian kanan: ads, link, dll */
	#kanan {width:300px; float:left; padding-left:5px;}
	/* Google Ads */
	#kanan #google_ads_300x250 {margin-bottom:5px;}
	/* Google connect */
	#kanan #google_connect {width:300px; padding-top:3px; background:#ffffff; margin-bottom:5px;
		border-radius:3px 3px 0 0;
		-moz-border-radius:3px 3px 0 0;
		-webkit-border-radius:3px 3px 0 0;
		behavior:url(/PIE.htc);
	}
	/* Google translate */
	#kanan #google_translate_element {background:#ffffff; padding:10px; margin-bottom:5px}
	/* Facebook Widget: Activity */
	#fbwidget_activity {background:#ffffff; margin-bottom:5px;}
	/* Posting List */
	#kanan #list {background:#f5f5f5; margin-bottom:5px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		behavior:url(/PIE.htc);
	}
	#kanan #list ul {list-style-position:outside; padding:15px 10px 15px 35px;}
	#kanan #list ul li {padding:8px 2px;}
	#kanan #list ul li a {font-size:12px; color:#303030;}

/* bagian bawah */
#bawah {width:970px; margin:0 auto; font-size:11px; color:#a0a0a0; padding:10px 0 2px 0;}
	#bawah #blogInfo {width:660px; float:left;}
	#bawah #blogInfo a {color:#c0c0c0;}

/* clearer */
#clearer {clear:both;}

/* css untuk administrasi */
#admin {margin:0 auto; padding:15px; background:#ffffff; width:930px; border:5px solid #242424;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	behavior:url(/PIE.htc);
}

#mytable table {padding:0; margin:10px 0;}
	#mytable caption {text-align: left;}
	#mytable th {padding:10px; color:#404040; letter-spacing:2px; text-align:center; font-size:15px; font-weight:bold;}
	#mytable th.id, #mytable th.hit, #mytable th.tgl {text-align:right;}
	#mytable th.kategori, #mytable th.judul, #mytable th.tipe {text-align:left;}
	#mytable td {border-bottom:1px solid #e0e0e0; padding:10px; color: #404040; font-size:11px;}
	#mytable td.num, #mytable td.tanggal {text-align:right; text-transform:uppercase; font-weight:bold;}
	#mytable td.kategori, #mytable td.tipe {text-transform:uppercase; font-weight:bold;}
	#mytable td.judul {font-size:13px; width:450px;}
	#mytable td.edit, #mytable td.del {font-size:13px;}

/* css untuk form */
form.login {margin:10px auto; width:300px; font-size:13px;}
	form.login fieldset {padding:5px; border:0;}
	form.login table {border-spacing:0 10px;}
	form.login table td.label {text-align:right;}
	form.login label {width:80px; padding:5px; display:block; font-size:15px;}
	form.login input {width:200px; padding:5px; border:1px solid #c0c0c0; background:#f9f9f9; font-size:18px;}

	form.login .cap {background:#f0f0f0; padding:8px 15px; color:#404040;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		behavior:url(/PIE.htc);
	}

	form.login .cap input.cap {font-size:18px; width:25px; padding:1px; margin:5px 0;}
	form.login input.submit {width:40px;}
	form.login table td.errMsg {font-size:11px; color:#993333; padding:5px;}


form.entry {margin:10px; font-size:13px;}
	form.entry fieldset {padding:5px; border:0;}
	form.entry table {border-spacing:0 15px;}
	form.entry table td.label {text-align:right; display:block; padding:5px;}
	form.entry label {width:100px; padding:5px; display:block;}
	form.entry input, form.entry textarea {padding:5px; border:1px solid #c0c0c0; background:#f9f9f9;}

	form.login input.submit, form.entry input.submit {padding:5px 10px; cursor:pointer; font-size:10px;
		background:#e0e0e0;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		behavior:url(/PIE.htc);
	}
	form.login input.submit:hover, form.entry input.submit:hover {padding:5px 10px; cursor:pointer; background:#e5e5e5;}


/* css untuk error handling */
#errorContainer{width:500px; margin:50px auto; border:1px solid #888; position:relative; padding:10px;
	background:#ffffff;
	box-shadow: 0 0 10px #eee;
	-moz-box-shadow: 0 0 10px #eee;
	-webkit-box-shadow: 0 0 10px #eee;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior:url(/PIE.htc);
}
	#error {}
	    .images {height:224px; background:#000 url(http://img197.imageshack.us/img197/2842/qmark.jpg) bottom center no-repeat;
                border-radius:10px;
	        -moz-border-radius:10px;
	        -webkit-border-radius:10px;
                behavior:url(/PIE.htc);
            }
	    .text {padding:20px; text-align:center;}
	    .text h1 {color:#333; font-size: 46px;}
	    .text p {color:#333;}
	    .text a {color:#993333; font-weight:bold;}

/*
	css untuk facebook comment:
	hilangkan 'Facebook social plugin' text dan icon 
*/
a.uiLinkSubtle {display: none;}
a.UIImageBlock_ICON_Image {display: none;}

/* Hide the Like button */
div.like {display: none;}

#dsq-content {font-size:13px !important;}
.dsq-options .dsq-item-sort {display:none;}

/*
@font-face {
  font-family: 'GothicCustom';
  src: url("LeagueGothic.eot");
  src: local('☺'), url("LeagueGothic.otf") format('opentype'), url("leaguegothic.svg#lg") format('svg');
}		
*/

/* End of File*/