.kepala { display:inline-block;margin:0px;border-bottom: 1px solid #DDD;background-color:#fff;width:100%; }
.menukecik { display:inline-block;margin:0px;padding:5px;border-bottom: 1px solid #DDD;background-color:#F6F6F6;width:100%; }
.listkanan { margin-top:10px;border-bottom: 1px solid #CCC;width:100%;height:55px;display:inline-block; }
.thumbkanan { float:left;vertical-align:middle;margin-right:15px;border: 1px solid #CCC; }
.comment-respond { display:inline-block;width:100%;text-align:left }
.komenpadding1 { padding-left:15px;padding-right:15px;margin-top:5px;margin-bottom:5px; }
.komenpadding2 { display:inline-block;width:100%;text-align:right;padding-left:15px;padding-right:15px; }
.menyorok { visibility:hidden;display:none; }
.menudipilih { font-weight: bold; }
.imgindex { border: 1px solid #BBB; }
.tajukindex { padding-top:5px;font-size:13px; }
.thumbnail {  display: block;   
  max-width: 100%;  
  padding: 7px;  
  line-height: 1.428571429;  
  background-color: #FFF;  
  border: 1px solid #DDD;  
  border-radius: 4px;  
  -webkit-filter: saturate(50%);
  -webkit-transition: all 0.2s ease-in-out;  
          transition: all 0.2s ease-in-out;  
	color:#555;
}
.navmenu {
border:1px solid #CCC;
padding:4px;
padding-left:10px;
margin-bottom:3px
}
.hailait2 {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
}
.hailait {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.content .left{
        float:left;
        margin-right:15px;
}
.content .right{
	text-align:left;
	margin-left:115px;
	height:115px;
}
.thumbnail:hover {  -webkit-filter: saturate(150%); }
#gambarkonten:hover { -webkit-filter: saturate(150%); }

#gambarkonten {  display: block;   
  max-width: 100%;  
  padding: 7px;  
  line-height: 1.428571429;  
  background-color: #EEE;  
  border: 1px solid #DDD;  
  border-radius: 4px;  
  -webkit-filter: saturate(50%);
  -webkit-transition: all 0.2s ease-in-out;  
          transition: all 0.2s ease-in-out;  
		  color:#555;
}  
.tajukv {
	font-family: Metrophobic;
	color:#555;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
}
.menutitle { 
	font-family: Metrophobic;
	color:#fff;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	//text-transform:uppercase;
background:#777;padding:8px;margin:0 0px;
}
#iklanX {
	float : left;
	margin-right : 20px;
	margin-bottom : 20px;
	width:300px;height:250px;
	background-color:red;
}
#gambarkonten {
width:85%;

}
#timestampkomen {
	font-family: Metrophobic;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	color: #DDD;
	display: inline;
}
#berkaitan {
	font-family: Metrophobic;
	font-size: 12px;
	display: inline;
}
div {
	font-family: Metrophobic;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
h1 {
	font-family: Metrophobic;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	line-height: 26.3999996185303px;
}
h2 {
	margin-top:0px;
	font-family: Metrophobic;
	color:#555;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
}

#konten {
	font-family: Metrophobic;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
#listartikel {
	font-family: Metrophobic;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
#artikeltimestamp {
	font-family: Metrophobic;
	font-size: 12px;
	color: #BBB;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
pre {
	font-family: Metrophobic;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714282989502px;
}
.linkstatus {
	font-family: Metrophobic;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #AAA;
}
#garisan {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/* Double-color dashed line */

#garisandot {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

@media (min-width: 300px) { 
	h1 { font-size: 18px; } 
	.cucusay { font-size: 9px; color:#BBB; }
	#iframekonten { width:350px;height:250px; } 
	.linkrespon { font-family: Metrophobic;font-size: 16px; font-weight: bold; color:#555} 
	.arti { padding-bottom:10px;width:100%;height:200px;border:1px solid #ccc }
	.arti2 { padding-bottom:10px;width:100%;height:200px; }
}
@media (min-width: 600px) { 
	h1 { font-size: 30px; } 
	.cucusay { font-size: 12px; color:#BBB; } 
	#iframekonten { width:90%;height:350px; }  
	.linkrespon { font-family: Metrophobic;font-size: 13px; font-weight: bold; color:#337AB7}
	.arti { padding-bottom:0px;width:200px;height:200px;1px solid #ccc }
	.arti2 { padding-bottom:0px;width:120px;height:120px;border: 1px solid #ccc;padding:3px }
}