body{	font-family: "helvetica", "Arial",Tahoma;}
p {display:inline-black;
text-align:justify;
padding:2%;
line-height:1.25;
}
.container {
	max-width: 1300px;
/*	background-image: linear-gradient(red 20%, orange 40%, yellow 60%,
green 80%, blue, indigo, violet);
	background-image: linear-gradient(red, orange, yellow, green,
blue, indigo, violet);*/
	background-color: pouderblue /*rgb(231, 232, 226);*/
	margin: 0 auto;
	border-radius:20px;
}
ttl {
position:fixed;}

.header {
width: 100%;
background-color: white;  /*#4096EE*/
}
.main {
	width: 80%;
	height: auto;
	background-color: hsla(170, 50%, 45%, 1); /*#2a2; blue;#008C00;
	background-image: repeating-linear-gradient(to bottom right, blue,
white, blue 10px);
	background-image: linear-gradient(red, white, red, white, red);
	background-image: linear-gradient(to right, red, orange, yellow,
blue, indigo, violet); */
	float:left;
	border-radius:15px;
}
.sidebar{
	margin:1%;
	width: 15%;
	height: auto;
	background-color: blanchedAlmond; /*#a9f;*/ 
	float:right;
	line-height:3;
	border-radius:10px;
}
.footer {
	width: 100%;
	height: 75px;
	background-color: #FF1A00;
	clear:both;
	border-radius:10px;
}
.footer p {text-align:center;
line-height:0.5;
}

li {
	display:inline;
	padding:10px;
}
nav a:hover,nav li.active {
	color : white;
}
judul {
	//float:right;
	margin-top:80px;
}
warna {color:red;}
	#tag_logo {font-size:150%}
	jl {font-size:50%;}
	#monas{float:right;
}
#adrt {
	margin:20px;
}
/* format table */

[href="#logo"], h3 {
	color:white;
	position: relative;
	left: 30px;
}
judul:hover {
	transform: scaleX(1.5) scaleY(1.5);
	/* pindah...transform: translateX(110%) translateY(120%);
perbesar...background-color: red;
width: 50%;
height: 50%;*/
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:10px;
}
table th {
	padding:5px;
	color:#fff;
	background-color:#2A72BA;
	border:1px black solid;
}
table td {
	padding:5px;
	border:1px red solid;
	font-size:0.5;
}
tr:nth-child(even) {
background-color: #DFEBF8;
}
tr:nth-child(odd) {
background-color: #adFBF8;
}

.main p {
	column-count:1;
	margin left: 15px;
	margin-right:10px;
	text-align:justify;
	color:#ddd;
	text-indent:35px;
}
br {
	text-indent:35px;	
}
calender {
	margin-left: 0;
	font-size: 75%;
}


div:after{
	content: '';
	clear: both;
	display: block;
	}
ul li li{
	float: none;
	}
/* general setting */
ul li,
ul{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
ul li a{
	text-decoration: none;
	display: block;
	text-transform: capitalize;
	padding: 8px 12px 10px 12px;
	}
ul li a:link,
ul li a:visited{
	/* min-width: 80px; */
	text-align: center;
	font-size: 14px;
	font-family: Arial, helvetica, sans-serif;
	margin: 0 0 0 2px;
	}
ul li li a,
ul li li a:link,
ul li li a:visited{
	margin: 0;
	padding: 7px 0 7px 8px;
	text-align: left;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
/* end general setting */
ul li a:link,
ul li a:visited{
	color: #1D9F23;
	text-shadow: 0 1px 0 #E0EFE1;
	}
ul #actived,
ul li a:hover,
ul li a:active{
	color: #1B6F1F;
	}
ul li li a:hover,
ul li li a:active{
	background: #f5f5f5;
	text-shadow: none;
	}
ul li li a:link,
ul li li a:visited{
	border-bottom: 1px solid #ddd;
	}
ul ul{
	background: #d3d4d3;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #aaaaaa;
	}
	
/* style back top */
        #backtop {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 20px;
	        outline: none;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:rgba(49,79,96,0.84);
            height:40px;
            width:40px;
            line-height:40px;
            font-size:14px;
            border-radius:2px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
            background-color:#27CFC3;
        }
        #backtop.mcOut {
            opacity:0;
        }
	/* end back top*/

	img, iframe {
    max-width: 1000px;
    height: auto;
	 object-fit: cover;
	 margin-left:10px;
}

post_name, description {
display:none; /*visibility: hidden;*/
}

  nav{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  }	
  
  /* menunjukkan tampilan */
  .shw det1, shw1 {
  display:none;}
  .shw, det{
  cursor:pointer;
      text-decoration: underline; 
  }
  .shw:hover det1 {
  display:block;}
  shw1 {
  font-size:0.5em;}
  
  .maina {
  margin-left:25px;}