/* kopi ireng */

   
body {
	padding: 0;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 1.5em;
	background: url(kopireng_ciburial_bandung.jpg) no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-color: #000000;
}

h1 {
	font: 2.7em "Times New Roman", Georgia, Times, serif;
	letter-spacing: -1px; 
	font-weight: bold;
	margin: 0.7em 0;
	color: #9D4F00;
}

h1 a, h2 a {
	text-decoration: none;
	/*color: #777;*/
	color: #9D4F00;
	background: inherit;
}


/* NOOBs */

.mask{
	position:absolute;
	left:50%;
	margin-left:-115px;
	width:352px;
	height:235px;
	overflow:hidden;
	border: 5px solid #222;
}
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:255px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:80px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:74px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}
h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: inherit;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}


.titel-artikel { 
	font: 1.7em "Times New Roman", Georgia, Times, serif;
	letter-spacing: 0; 
	font-weight: bold;
	margin: 0;
	color: #395734;
}

h2 {
	color: #888;
	background: #000;
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}
h3 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 14px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333333; 
	background: inherit;
}

h3 a {
	text-decoration:none;
	color:#666666;
	background:inherit;
}

p {	margin: 0 0 5px 0; }
p.rata { text-align: justify; }

form { 
	margin: 0; 
}

input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(input.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
}

#hal {
	margin: 20px auto;
	height: 550px;
	width: 900px;
}

#latar { 
	width: 600px;
	height: 550px; 
}

.logo {
	clear: both;
	width: 600px;
	height: 29px;
	background: url(tutup.png) no-repeat;
}



.top_info {
	width: 540px;
	margin: 12px 0 5px 0;
	padding: 0 5px 5px 0;
	text-align: right;
	background: #FFF url(dot.gif) repeat-x bottom;
	color: #444;
}
	

.slogan {
	text-align: left;
	width: 160px;
}

.bar { 
	text-align: left;
	font-size: 1.1em;
	height: 30px; 
}

	.bar li { 
		
		padding: 0px 10px 8px 10px;
		color: #808080;
		background: #000;
		display: inline;
	}
	
	.bar li.active { 
		background: #FFF url(bar.gif) no-repeat center bottom; 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #006633; 
		background: inherit;	
	} 

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	
}

/* Kiri */

.kiri {
	float: left;
	width: 300px;
	margin: 0 0 10px 0;
}
	

.lbox-top {
	height: 9px;
	background: #121010 url(lbt_kopi.gif) no-repeat;
	margin: 0;
}
.lbox {
	color: #888;
	padding: 3px 15px;
	margin: 0 0 15px 0;
	background: #121010 url(lb_kopi.gif) no-repeat bottom left;
}
.lbox a {
	color: #FFFCD1;
	background: inherit;
}
.lbox .special {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #cc3300;
	background: #121010;
	margin: 4px 0 7px 0;
}
.lbox h2 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 21px;
	font-weight: bold;
	color: #888;
	background: #121010;
	margin: 4px 0 13px 0;
}
.lbox h3 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #888;
	letter-spacing: 1px;
	background: #121010;
	margin: 4px 0 13px 0;
}
	
.thumb {
	float: left;
	width: auto;
	border: 5px solid #222;
	color: #999;
	background: #000;
	margin: 0 15px 7px 0;
	padding: 3px;
}
.thumb-prod {
	float: left;
	width: auto;
	border: 5px solid #222;
	color: #999;
	background: #000;
	margin: 0 15px 10px 0;
	padding: 3px;
}

/* kanan */
.kanan  {
	float: right;
	width: 600px;
	margin: 0 0 10px 0;
}

.konten-kanan {
	float: left;
	width: 390px;
	margin: 0 0 10px 0;
}
.konten-kanan a, .konten-kanan a:visited {
	color: #9D4F00;
	text-decoration: none;
}
.konten-kanan a:hover {
	color: #FF9900;
	text-decoration: none;
}		
.kanan-nav {
	float: right;
	width: 180px;
	margin: 0 0 10px 0;
}
.konten-kanan-wide {
	float: left;
	width: 600px;
	margin: 0 0 10px 0;
}

.right a {
	color:#00FF00;*
	/*color: #336600;**/
	background: inherit;
}

.top-abu {
	background: #222 url(topabu.png) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #913F17;
	height: 10px;
	padding: 4px 8px;
}
		
.boks-abu {
	font-size: 12px;
	background: #222 url(btmabu.png) no-repeat bottom;
	color: #999;
	padding: 8px 8px;	
	margin: 0 0 10px 0;
}
.titel-boks-abu {
	font-size: 13px;
	font-weight: bold;
	color: #CC6600;
}
.boks-abu a, .boks-abu a:visited {
	color: #C3593C;
	text-decoration: none;
}
.boks-abu a:hover {
	color: #FF9900;
	text-decoration: none;
}
	
.top-coklat {
	background: #9D4F00 url(topcokl.png) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #999;
	height: 10px;
	padding: 4px 8px;
}
	
.boks-coklat {
	font-size: 12px;
	background: #9D4F00 url(btmcokl.png) no-repeat bottom;
	color: #000;
	padding: 8px 8px;	
	margin: 0 0 10px 0;
}
.boks-coklat a {
	color: #000;
	text-decoration: none;
}
.boks-coklat a:hover {
	color: #E7AB30;
}
	
.thumb-kecil {
	float: left;
	border: 2px solid #bbb;
	margin: 5px 9px 3px 0;
}

/* Top Block Menu */

#menu {
  margin: 0 auto;
  width: 600px;
}
#menu ul {
  width: 600px;
  float: left;
  margin: 0 0 10px 0;
  padding: 0;

  text-align: center;
  background: #310E0A url(menu_.gif) repeat-x top left;
}
#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul li a {
  float: left;
  width: 14.286%;
  height: 1.8em;
  padding: 4px 0 0 0;

  font: 400 1.2em Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;

  color: #C3593C;
  text-decoration: none;

  border-top: 2px solid #913F17;
  border-bottom: 5px solid #4A2500;
}
#menu ul li a span {
  display: block;
  padding: 2px 7px;
}
#menu ul li a span.desc {
  font-size: 0.8em;
  color: #777;
  letter-spacing: 0;
}
#menu ul li a:hover, #menu ul li a.act {
  background: #4A2500;
  border-top: 2px solid #913F17;
}
#menu ul li a:hover span.desc, #menu ul li a.act span.desc {
  color: #999;
}

/* berita */
.boks-berita {
	background: #111;
	color: #999;
	padding: 8px 8px;	
	margin: 0 0 10px 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
a.lengkap, a.lengkap:visited {
	color: #C3593C;
	text-decoration: none;
}
a.lengkap:hover {
	color: #FF9900;
	text-decoration: none;
}
/* footer */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #310E0A url(tutup.png) no-repeat bottom;
	border-top: 3px solid #4A2500;
	padding: 8px 0;
}
.footer a, .footer a:visited {
	color: #9D4F00;
	background: inherit;
	text-decoration: none;
}
.footer a:hover {
	color: #FF9900;
	text-decoration: none;
}

/*.rss_box {
	 margin: 10px 5%;
	 padding: 4px 8px;
	 width: 350px;

	 
	 background-color: #ededed;
	 border: 2px dashed #7485CA;
}*/

.rss_title, rss_title a {
	font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin:  0;
	padding: 0;
	letter-spacing: 1px;
	color: #000033;
}

.rss_items {
  
}

.rss_item  {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight : normal;
	margin:  0;
	padding: 0;
	border-top:inherit
	color: #CCCCCC;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
/*		border-bottom: 1px solid #ededed; */
	color: #000066;
	}

.rss_item a:hover { 
	text-decoration : none;
	color: #e0861e;
/*	border-bottom: 0px dotted #e0861e;*/
	}
	
/*.rss_date {
	font-size: 11px;
	font-weight : normal;
	color: #F60;
	}*/
#