html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  }

img { border: 0; }

#w {
  display: block;
  margin: 0 auto;
  padding: 2px 2px;
}

.crsl-items {
  display: block;
  padding: 5px;
}

.crsl-item {
  padding: 0px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}

.crsl-item .thumbnail {
  display: block;
  position: relative;
  margin-bottom: 0px;
  cursor: pointer;  
}

.crsl-item .thumbnail img { 
  display: block; 
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.crsl-item .thumbnail:hover img {
  opacity: 0.7;
}

.crsl-item .overlay {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-family : 'Helvetica', arial, sans-serif;;
  font-size: 14px;
  font-weight: bold;
  text-valign:bottom;
  
  height: 120px;
  width:100%;
  background-image: url(../../../3-images/gradient2.png);
}
	
.hidden-scrollbar {
	overflow:hidden;}
.hidden-scrollbar .inner {
	height:2543px;
	overflow:auto;
	margin:0px -37px 0px 0px;
	padding-right:20px; } /* Samakan dengan besar margin negatif */
	
	
/* ================================================================================ */
	
div.wrapper{
	float:left; /* important */
	position:relative; /* important(so we can absolutely position the description div */ 
}

div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:4px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:black;
	font-family: 'tahoma';
	font-size:18px;
	color:white;
	opacity:0.6; /* transparency */
	filter:alpha(opacity=60); /* IE transparency */
}
p.description_content{
	padding:10px;
	margin:0px;
}

/* ================================================================================ */

div.kategori{	
	position:absolute; /* absolute position (so we can position it where we want)*/
	top:0px; /* position will be on bottom */
	left:0px;
	/* styling bellow */
	background-color:#236A00;
	font-family: arial;
	font-size:20px;
	font-weight :none;
	color:white;
}
p.kategori_content{
	margin:5px 10px 5px 10px;
}