/* 
	Theme Name: metro
	Theme URL: http://bloggingline.com/
	Description: Metro Wallpaper Themes is a 2-column theme created for WordPress. the navigation is coded for drop-down menus. Metro Wallpaper Themes is has been developed to accomodate threaded comments and sticky posts. This elegant and clean theme was developed by <a href="http://bloggingline.com/">Blogging Line</a>.
	Author: Sarkem
	Author URI: http://bloggingline.com/
	Version: 1.1
	Tags: two-columns, right-sidebar, fixed-width, blue, white, threaded-comments, sticky-post
	Note : Tidak Di benarkan menjual ulang themes ini, hargai kerja keras saya...!!!
*/
/*---------------------------------------------------------------------------------*/
/* RESET */
/*---------------------------------------------------------------------------------*/
html { color:#333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,blockquote,th,td { margin:0; padding:0 }
fieldset,img,abbr,acronym { border:0 }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { display:inline-block; }
* html .clear { height:1%; }
.clear { display:block; }
.left { float:left; }
.right { float:right; }
/*---------------------------------------------------------------------------------*/
/* GENERAL */
/*---------------------------------------------------------------------------------*/
body{margin:20px auto 0px;padding:0px;font-family: Arial, Helvetica, sans-serif, Verdana;font-size:13px;color:#999;width:970px;background-color:#222222;}
#wrap{width:880px;margin-right:auto;margin-bottom:5px;margin-left:auto;margin-top:5px;background:#141414;position:relative;font-size:12px;border:1px solid #222;box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;}
h2{text-decoration:none;font-size:14px;}
h3{text-decoration:none;font-size:14px;margin:0px;}
a{text-decoration:none;color:#af9048;text-transform:capitalize;font-weight:bold;}
a:hover {text-decoration:none;color:#af9048;text-transform:capitalize;font-weight:bold;}
p{text-decoration:none;margin-left:5px;line-height:18px;}
img{border:0;}
.alignright{float:right;margin:2px;}
.alignleft{float:left;margin:2px;}
#hd{background-color:#000;width:860px;height:90px;padding:5px;border:0px solid #fff;margin:5px;}
.logo { float:left; }
.logo { margin:0px; font-family:Arvo, Arial, Tahoma, Verdana; font-size:46px; font-weight:bold; line-height:30px; text-transform:uppercase; letter-spacing:0px; display:block; }
.logo a { color:#af9048; display:block; }
.logo a:hover { color:#ddd; }
.logo .desc { display:block; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#aaa; letter-spacing:0px; text-transform:none; }
.logo a:hover .desc { color:#aaa; }
#text-logo a { padding:0 15px; }
#image-logo { margin:0px 0px 0px 230px; }
#image-logo a { background:url(images/logoku.png) no-repeat left -5px; width:380px; height:90px; text-indent:-5555em; overflow:hidden; }
#t1{font-size:20px;font-family:Impact;font-weight:normal;float:left;text-align:left;height:75px;padding-right:5px;padding-left:10px;width:100%;padding-top:22px;}
#hd .desc{font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#000;}
#t1 a{color:#000;text-decoration:none;font-size:29px;text-transform:uppercase;font-family: Arvo, Arial, Tahoma, Verdana;text align:left;font-weight:normal;}
#t1 a:hover{color:#af9048;text-decoration:none;font-size:29px;text-transform:uppercase;font-family: Myriad Pro;text align:left;font-weight:normal;}
#bc{width:870px;background-color:#000;padding-left:0px;margin:0px 5px 1px 5px;}
#c{float:left;text-align:justify;width:683px;padding-left:4px;padding-right:4px;border-right:1px solid #141414;background:#000 url(images/navig.png) repeat-x top center;}
#konten a{text-decoration:none;text-transform:none;font-family: Arial, Helvetica, sans-serif, Verdana;font-size:13px;color:#999;font-weight:normal;}

#c .attachment-icon {width:103px;height:103px;margin:2px;float:left;display:inline;}
#c .attachment-thumbnail {width:99px;height:99px;border:1px solid #141414;padding:3px;}
.attachment {padding-bottom:10px;display:block;}
.attachment-icon {width:103px;height:103px;margin:5px;float:left;display:inline;}
.attachment-thumbnail {width:99px;height:99px;border:1px solid #141414;padding:2px;}
.attachment-icon a:hover img{border: solid 1px #333;-moz-box-shadow: 1px 1px 10px #444;-webkit-box-shadow: 1px 1px 10px #444;box-shadow: 1px 1px 10px #444;}
.attachment-full {display:block;border:1px solid #141414;padding:4px;width:673px;margin-top:5px;}
.attachment-nav {display:block;margin:15px 0;text-align:center;font-size:12px;}
.gimage{width:164px;height:285px;float:left;margin:10px 3px 5px 0px;text-align:center;display:inline-block;}
.gimage h1{font-size:14px;text-align:center;text-transform:capitalize;color:#af9048;font-weight:bold;}
.gimage h1 a{font-size:14px;text-align:center;text-transform:capitalize;color:#af9048;font-weight:bold;}
.gimage h1 a:hover{font-size:14px;text-align:center;text-transform:capitalize;color:#ddd;font-weight:bold;}
.gimage img{margin:0px;border:solid 1px #333;padding:3px;}
.gimage a:hover img{border: solid 1px #333;-moz-box-shadow: 1px 1px 10px #444;-webkit-box-shadow: 1px 1px 10px #444;box-shadow: 1px 1px 10px #444;}
.gg{width:221px;height:290px;float:left;margin:10px 5px 10px 0px;text-align:center;display:inline-block;}
.gg h1{font-size:14px;text-align:center;text-transform:capitalize;color:#af9048;font-weight:bold;}
.gg h1 a{font-size:14px;text-align:center;text-transform:capitalize;color:#af9048;font-weight:bold;}
.gg h1 a:hover{font-size:14px;text-align:center;text-transform:capitalize;color:#ddd;font-weight:bold;}
.gg img{margin:0px;border:solid 1px #333;padding:3px;}
.gg a:hover img{border: solid 1px #333;-moz-box-shadow: 1px 1px 10px #444;-webkit-box-shadow: 1px 1px 10px #444;box-shadow: 1px 1px 10px #444;}
.gx{width:675px;height:40px;float:left;margin:10px 5px 10px 0px;text-align:center;display:inline-block;}
.yt{width:336px;height:380px;float:left;margin:10px 2px 10px 0px;text-align:center;display:inline-block;}
.cp{width:336px;height:55px;float:right;margin:10px 5px 5px 5px;text-align:left;display:inline-block;}
.cp p{font-size:13px;color:#999;margin-left:10px;}
.cp h2{display:inline-block;float:left;font-size:14px;text-align:left;text-transform:capitalize;color:#af9048;font-weight:bold;text-decoration:underline;}
.cp h2 a{display:inline-block;float:left;font-size:14px;text-align:left;text-transform:capitalize;color:#af9048;font-weight:bold;text-decoration:underline;}
.cp h2 a:hover{display:inline-block;float:left;font-size:14px;text-align:left;text-transform:capitalize;color:#af9048;font-weight:bold;text-decoration:underline;}
.cp img{margin:0px;border:solid 1px #333;padding:3px;}
.cp a:hover img{border: solid 1px #333;-moz-box-shadow: 1px 1px 10px #444;-webkit-box-shadow: 1px 1px 10px #444;box-shadow: 1px 1px 10px #444;}
#c h1{font-size:18px;text-transform:capitalize;margin-top:3px;margin-bottom:1px;font-weight:normal;color:#af9048;padding-left:5px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
#c ul,ol {  margin:5px 0px 5px 30px; }
#c h1 a{text-decoration:none;text-transform:capitalize;}
.pt{}
.pt h2{font-size:13px;line-height:16px;text-decoration:none;margin-top:0px;margin-right:0px;margin-bottom:3px;margin-left:0px;}
.post blockquote{color:#666666;margin:10px;border:1px solid #141414;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;}
.tags{margin-bottom:2px;font-size:10px;text-align:left;margin-right:0px;margin-left:0px;padding:0px 0px 0px 5px;color:#999;}
.postmeta{margin-bottom:2px;font-size:10px;text-align:left;margin-right:0px;margin-left:0px;padding:0px 0px 0px 5px;color:#999;display:inline-block;float:left;line-height:12px;}
.clear {clear: both;}
.hr {background-color: #fff;color:#fff;border: 0;clear: both;height: 1px;margin-bottom: 5px;}
.article_seperator{display:block;background:#fff;height:6px;clear:both;}
.rsswidget img{display:none;}
/************************************************
*	Images  					     		    * 
************************************************/
img.centered  {display: block;margin-left: auto;margin-right: auto;margin-bottom: 10px;padding: 3px;border: 1px solid #141414;}
img.alignnone {padding: 5px;border: 1px solid #333;margin: 0px 0px 10px 0px;display: inline;}
img.alignright {padding: 5px;border: 1px solid #333;margin: 0px 0px 10px 10px;display: inline;}
img.alignleft {padding: 5px;border: 1px solid #333;margin: 0px 10px 10px 0px;display: inline;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;margin-bottom: 10px;border: 1px solid #222;padding:5px;}
.alignright {float: right;margin: 0px 0px 10px 10px;}
.alignleft {float: left;margin: 0px 10px 10px 0px;border: 1px solid #333;}
.wp-caption {border: 1px solid #222;text-align: center;background-color: #333;padding: 4px 0px 5px 0px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0px 0px 5px 0px;padding: 0px;border: 0px;}
.wp-caption p.wp-caption-text {margin: 0px;padding: 0px 0px 0px 0px;font-size: 11px;font-weight: normal;line-height: 12px;}
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:#000 url(images/navig.png) repeat-x top center; height:35px;width:870px;margin-left:5px;margin-right:5px;}

/* category navigation */
.nav { z-index:99; float:left; margin:0px; padding:0px; list-style:none; line-height:1; height:35px; }
.nav a { position:relative; color:#999; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #141414; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:capitalize; }
.nav li a:hover, .nav li a:active, .nav li.current-cat, .nav li.current-cat-parent { background:#010101; color:#ddd;}
.nav li a:hover { text-decoration:none; }
.nav li a.sf-with-ul {  }
.nav ul,ol { list-style:none; }
.nav li ul { background:#000; position:absolute; left:-999em; width:122px; margin:0px 0px 0px -2px; border:1px solid #141414; z-index:999; }
.nav li ul li {}
.nav li ul li a { background:#000; width:130px; padding:7px 12px; color:#999; font-size:11px; font-weight:normal; }
.nav li ul li a.sf-with-ul { padding:7px 12px; }
.nav li ul li a:hover { background:#000; color:#ddd; text-decoration:underline; }
.nav li ul ul { margin:-31px 0px 0px 130px; }
.nav li ul ul li a {  }
.nav li ul li ul li a {  }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }

/* category navigation indicator */
.nav .sf-sub-indicator { display:none; }
.nav li ul .sf-sub-indicator { background:url(images/icon-arrow-right.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }
/*---------------------------------------------------------------------------------*/
/* TOP */
/*---------------------------------------------------------------------------------*/
#top { background:#000 url(images/top.png) repeat-x top center; height:28px; color:#fff; font-size:11px; line-height:30px; width:870px;margin:5px 5px 0px 5px;}

/* top navigation */
.topnav { z-index:99; margin:0px; padding:0px; list-style:none; line-height:1; }
.topnav a { position:relative; color:#999; display:block; z-index:100; text-decoration:none; }
.topnav li { float:left; width:auto; }
.topnav li a { padding:6px 11px; font-size:11px; line-height:16px; border-right:1px solid #141414; text-decoration:none; }
.topnav li a:hover, .topnav li a:active { background-color:#141414; color:#ddd; text-decoration:underline;}
.topnav li a:visited {  }
.topnav li.first a { background:none; }
.topnav li.last a { padding-right:0px !important; }
.topnav li a.sf-with-ul {  }
.topnav li ul { background:#fff; position:absolute; left:-999em; width:158px; margin:0px 0px 0px -1px; border:1px solid #ECEDE8; border-width:1px 1px 0px; z-index:999; }
.topnav li ul li { border-bottom:1px solid #ECEDE8; }
.topnav li ul li a, .topnav li ul li a:visited { background:#fff; width:136px; padding:6px 11px; color:#555; font-size:11px; font-weight:normal; }
.topnav li ul li a.sf-with-ul { padding:6px 11px; }
.topnav li ul li a:hover { background:#fdfdfd; color:#004276; }
.topnav li ul ul { margin:-29px 0px 0px 158px; }
.topnav li ul ul li a {  }
.topnav li ul li ul li a {  }
.topnav li:hover, .topnav li.hover { position:static; }
.topnav li:hover ul ul, .topnav li.sfhover ul ul,
.topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
.topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul { left:-999em; }
.topnav li:hover ul, .topnav li.sfhover ul,
.topnav li li:hover ul, .topnav li li.sfhover ul,
.topnav li li li:hover ul, .topnav li li li.sfhover ul,
.topnav li li li li:hover ul, .topnav li li li li.sfhover ul { left:auto; }

/* topnav indicator */
.topnav .sf-sub-indicator { display:none; }
.topnav li ul .sf-sub-indicator { background:url(images/icon-arrow-right.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

/*---------------------------------------------------------------------------------*/
/* BREADCRUMB */
/*---------------------------------------------------------------------------------*/
#breadcrumb { padding:0 0 0 10px; height:19px; line-height:19px; border:1px solid #141414; background:#000; color:#888; text-transform:uppercase; font-size:10px; width:859px;margin-left:4px;}
#breadcrumb a,#breadcrumb span {color:#888; text-transform:uppercase;padding:0 0 0 5px;}
#breadcrumb .tip { font-weight:bold; background:none; padding:0; }
#breadcrumb .home { background:none; }
#breadcrumb .title {text-decoration: none;}
#breadcrumb .current-time { float:right; height:19px; line-height:19px; display:block; padding:0 10px 0 0; color:#888; background:none; }
/*---------------------------------------------------------------------------------*/
/* PageNavi*/
/*---------------------------------------------------------------------------------*/
#navigation{padding:0px;clear:both;height:auto;width:100%;display:block;margin-top:1em;margin-right:auto;margin-bottom:1em;margin-left:auto;font-size:10px;}
.wp-pagenavi{width:100%;clear:both;padding-top:0.5em;padding-right:0px;padding-bottom:0.5em;padding-left:0px;height:auto;text-align:center;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}
.pages{color:#666666;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;width:auto;height:auto;margin-top:0px;margin-right:3px;margin-bottom:0px;margin-left:0px;border:1px solid #333333;}
.current{color:#FFFFFF;width:auto;height:auto;margin:0px;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;border:1px solid #333333;background-color:#000;}
.wp-pagenavi a{color:#666666;text-decoration:none;height:auto;width:auto;margin:0px;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;display:inline;border:1px solid #333333;}
.wp-pagenavi a:hover{color:#af9048;border:1px solid #888;}
#navigation .alignleft a, #post-navigator .alignright a{color:#FFFFFF;margin:0px;height:auto;width:auto;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;text-decoration:none;display:block;background-color:#000000;}
#navigation .alignleft a:hover, #post-navigator .alignright a:hover{color:#FFFFFF;text-decoration:none;background-color:#000000;}
.page-link{clear:both;color:#000;font-weight:bold;margin:0 0 22px 0;word-spacing:0.5em;}
.page-link a:link, .page-link a:visited{background:#f1f1f1;color:#333;font-weight:normal;padding:0.5em 0.75em;text-decoration:none;}
/*---------------------------------------------------------------------------------*/
/* SIDEBAR*/
/*---------------------------------------------------------------------------------*/
#sb{float:right;width:177px;height:100%;min-height:100%;padding-right:0px;padding-bottom:10px;padding-left:0px;background:#000 url(images/navig.png) repeat-x top center;margin:0px 0px 5px 0px;}
#sb .box{margin-bottom:5px;padding:5px;}
#sb h2{margin:0 0 6px 0; display:block; color:#af9048; text-transform:uppercase; text-align:center; font-size:12px;font-weight:bold;}
#sb ul{list-style-type:none;padding:0;margin-top:0;margin-right:0;margin-bottom:5px;margin-left:0;font-size:11px;}
#sb ul a{text-decoration:none;color:#999;font-weight:bold;}
#sb ul a:hover{text-decoration:none;color:#ddd;font-weight:bold;}
#sb ul li {margin:0;padding:0px 0px 5px 5px;list-style:none;}
#sb .icon {width:75px;height:75px;margin:3px;float:left;display:inline;text-align:center;}
#sb .thumbnail {width:70px;height:70px;border:1px solid #141414;padding:3px;}
#sb .aligncenter {margin-left: auto;margin-right: auto;margin-bottom: 10px;border: 1px solid #000;}


/*---------------------------------------------------------------------------------*/
/* search form */
/*---------------------------------------------------------------------------------*/
#search { display:inline; float:right; height:14px; margin:3px 5px 0px 0px; }
#search input { float:left; background:#404040; width:160px; padding:2px 5px 3px 5px; font-family:Georgia,serif; font-size:12px; font-style:none; color:#A6A6A6; line-height:12px; border:1px solid #444; }
#search input:focus { background:#141414; border:1px solid #444; }
#search input.btn { background:none; border:none; margin:4px 0px 0px -23px; padding:0px; width:auto; }
/*---------------------------------------------------------------------------------*/
/* Footer*/
/*---------------------------------------------------------------------------------*/
#ft{width:870px;margin:0 5px 5px 5px;height:80px;text-align:center;font-size:11px;background-color:#000;}
#ft a{padding-right:5px;color:#999;text-decoration:none;text-transform:capitalize;}
#ft a:hover{padding-right:5px;color:#ddd;text-decoration:none;}
#ft .cat { background:#000 url(images/top.png) repeat-x top center; padding:5px; border-bottom:1px solid #141414; height:20px;}
#ft .cat ul { padding:0px 0px; }
#ft .cat ul,ol { list-style:none; }
#ft .cat ul li { float:left; padding:5px 0px 4px 0px; font-size:11px; text-transform:capitalize; }
#ft .cat li ul { display:none; }
#ft .cat a { color:#999; padding:5px 5px; border-right:1px solid #000; }
#ft .cat a:hover { color:#ddd; }
.footer1 h2{ background:#000 url(images/top.png) repeat-x top center; padding:5px; height:20px;text-align:center;}
#ft .footer2 h2{ background:#000 url(images/top.png) repeat-x top center; padding:5px; height:20px;}
#ft .footer3 h2{ background:#000 url(images/top.png) repeat-x top center; padding:5px; height:20px;}
#ft .widget {margin: 0px 10px 0px 10px;padding: 0px;}
#ft .textwidget {margin: 0px;padding: 0px 0px 5px 0px;}
#ft .box{margin-bottom:5px;padding:5px;}
.footer1 {width: auto;height: auto;float: left;margin: 20px 0;padding: 0px 10px 0px 2px;}
#ft .footer2 {width: 275px;height: 270px;float: left;margin: 1px;padding: 0px 15px 0px 2px;}
#ft .footer3 {width: 275px;height: 270px;float: left;margin: 1px;padding: 0px 3px 0px 0px;}
.footer1 ul li { text-align:center; margin:5px 0px 4px 25px; font-size:11px; text-transform:capitalize; }
#footerwidgeted-1 { text-align:center; margin:5px 0px 4px 25px; font-size:11px; text-transform:capitalize; }
#ft .footer2 ul li { text-align:left; margin:5px 0px 4px 25px; font-size:11px; text-transform:capitalize; }
#ft .footer3 ul li { text-align:left; margin:5px 0px 4px 25px; font-size:11px; text-transform:capitalize; }
/*---------------------------------------------------------------------------------*/
/* Ads*/
/*---------------------------------------------------------------------------------*/
#ads1{float:left;margin-left:5px;}
#ads2{float:right;}
#ads3{text-align:center;}
.adtips { margin:0 0 6px 0; display:block; color:#af9048; text-transform:uppercase; text-align:center; font-size:12px;font-weight:bold; }
.header-ad { float:right; display:inline; margin:15px 5px 0px 0px; }
#cse-search-box input[type=submit] {background: #000  url(images/top.png) repeat-x top center;color: #af9048;font-size: 11px;font-family: Arial, Tahoma, Verdana;font-weight: bold;text-decoration: none;text-transform: uppercase;margin: 0;padding: 3px 5px 3px 5px;border: 1px solid #000;}
#cse-search-box input[type=submit]:hover {background: #141414;border: 1px solid #000;}

/*---------------------------------------------------------------------------------*/
/*related post*/

.relpost-block{
	
	padding:3px 3px 3px 20px!important;
	height:auto;
	margin:0 50px 0 1px;
	}


/*end related post*/

/*blockquote*/

blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #fce27c;
	background-color: #181616; 
	
	font-style: italic; }
blockquote p {
	margin: 0; }
	
/*end blockquote*/

.peringatan {
	width:800px; height:auto;
	margin:0 0 0 35px;
	background-image: none;
	background-repeat: no-repeat;
}

#hd2{
	display:none;
}

.main-navigation-srm{
	display: none;
}

#gimage2{
	display: none;
}

/* responsive */

@media only screen and (max-width: 800px){
	html, body {
    max-width: 100%;
    overflow-x: hidden;
}
#wrap,#top,#cat-menu,#hd,.peringatan,#cat-menu,#breadcrumb,#bc,#ft {
    width: 100%;
}
div#wrap {
    border: 0px;
   }
   body {
    margin: 0;
    width:100%
   }
   .peringatan2,#hd,.footer1,.wp-pagenavi .pages,.wp-pagenavi .last{
	display: none;
	}
	#cat-nav2{
	display: none;
	}
	.main-navigation-srm {
    display: inherit;
}
	#hd2{
		display:inherit;
	}
	#c {
    text-align: center;
    width: 100%;
   }
   #top,#hd,#image-logo,#breadcrumb,#bc,#ft,#ft p{
   	
    margin-left: 0;
    margin-right: 0px;   	
   }
   #cat-menu{
    margin-left: 0px;
    margin-right: 0px;
   }
   #hd,#breadcrumb,#c,#c h1,#ft,#ft .cat{
    padding-left: 0px;
    padding-right: 0px;
   }
   #c{
   	border-left-width: 0px;
    border-right-width: 0px;
   }
   #image-logo a {
    background: url(images/logoku.png) no-repeat center -5px;
   }
   #hd2 img{
		width:100%;
		background-color: black;
	}
	.gimage {
    width: 30%;
        padding-left: 2px;
    }
    #gimage2{
	display: inherit;
	height: 165px;
}
#gimage1{
	display: none;
}

#konten img{
	width: 40%;
    height: 10%;
}

.gg {
    float: initial;
   }

    #sb {
    float: left;
    width: 100%;
    padding-top: 20px;
    
    }
    #sb .icon {
    width: 20%;
    padding-left: 5px;
    }
    
    .peringatan{
	margin-left:0px;
}

.main-navigation-srm {
    padding-top: 22px;
}
}

@media only screen and (max-width: 470px){
		.peringatan {
    padding-bottom: 80px;
}
}