/*
Comments
*/
#wrap-comment{
	background:rgba(0, 0, 0, 0.7);
	z-index:3;
	position:fixed;
	left:50%;
	top:50%;
	width:0;
	height:0;
	}
#wrap-comment #comments{
	margin:3% auto;
	width:90%;
	height:90%;
	background:#fff;
	box-shadow:2px 2px 2px #222,
-2px -2px 2px #222;
	border-radius:7px;
	overflow-y:auto;
	background:#f0f0f0 url('images/bg-body.png') repeat fixed center;
	}
#wrap-comment #comments h3{
	font:normal normal 30px lobster;
	text-align:center;
	padding:30px 50px;
	}
/*
End Comments
*/
/*
Tombol Open comment
*/
#bukakomentar{
	clear:both;
	padding:20px 0 10px 0;
	}
#bukakomentar span{
	text-align:center;
	display:block;
	font:normal bold 16px Arial, Helvetica;
	width:40%;
	margin:0 auto;
	color:#eee;
	text-shadow:0.5px 0.5px 1px #444;
	box-shadow:0.5px 0.5px 1px #444,
		1px 1px 0px #999;
	-webkit-box-shadow:0.5px 0.5px 1px #444,
		1px 1px 0px #999;
	-moz-box-shadow:0.5px 0.5px 1px #444,
		1px 1px 0px #999;
	border-radius:6px;
	padding:12px 0;
	cursor:pointer;
	background:#71c177;
	background:-moz-linear-gradient(
		top,
		#99FFB4 0%,
		#71c177 100%);
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%,#99FFB4),
		color-stop(100%,#71c177));
	}
#tutupkomentar span:hover,
#bukakomentar span:hover{background:#99FFB4;
	background:-moz-linear-gradient(
		top,
		#71c177 0%,
		#99FFB4 100%);
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%,#71c177),
		color-stop(100%,#99FFB4));
	}
/*
End Tombol Open comment
*/
/*
Tombol tutup comments
*/
#tutupkomentar{
	position:fixed;
	top:7%;
	left:6%;
	display:none;
	}
#tutupkomentar span{
	color:#eee;
	font:normal bold 25px Arial, Helvetica;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px 10px;
	cursor:pointer;
	background:#71c177;
	background:-moz-linear-gradient(
		top,
		#99FFB4 0%,
		#71c177 100%);
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%,#99FFB4),
		color-stop(100%,#71c177));
	}
/*
End Tombol tutup comment
*/
/*
Fullscreen
*/
#fullscreen{
	z-index:2;
	position:fixed;
	top:0;
	right:2%;
	}
#fullscreen span{
	text-shadow:1px 1px 0 #999;
	color:#eee;
	font:italic bold 18px Georgia, serif;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	background:#71c177;
	background:-moz-linear-gradient(
		top,
		#99FFB4 0%,
		#71c177 100%);
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%,#99FFB4),
		color-stop(100%,#71c177));
	}
#fullscreen .open{
	padding:5px;
	}
#fullscreen .normal{
	display:none;
	padding:5px;
	}
/*
End Fullscreen
*/
/*
Ganti font
*/
#gantifontdancolor{
	display:none;
	z-index:2;
	width:15%;
	position:fixed;
	top:2%;
	left:4%;
	}
#gantifontdancolor *{
	line-height:0;
	text-align:center;
	}
#gantifontdancolor .font-family,
#gantifontdancolor .font-size,
#gantifontdancolor .font-color{
	clear:both;
	margin-top:1px;
	}
#gantifontdancolor .font-family h6,
#gantifontdancolor .font-size h6,
#gantifontdancolor .font-color h6{
	text-shadow:1px 1px 0 #555;
	color:#ddd;
	font:normal normal 16px/0 Arial, Helvetica;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	padding:15px 0;
	background:#333;
	background:-moz-linear-gradient(
		top,
		#555 0%,
		#222 100%);
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%,#555),
		color-stop(100%,#222));
	}
#gantifontdancolor .font-family .isi-font-family,
#gantifontdancolor .font-size .isi-font-size,
#gantifontdancolor .font-color .isi-font-color{
	padding:2px;
	background:#222;
	border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	}
#gantifontdancolor .font-color span{
	float:left;
	padding:15px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:25%;
	}
#gantifontdancolor .font-color span:hover{
	border:1px solid #eee;
	border-left:none;
	border-right:none;
	padding:14px 0;
	cursor:pointer;
	}
#gantifontdancolor .size li{
	float:left;
	width:33.33%;
	padding:14px 0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}
#gantifontdancolor .family li{
	float:left;
	width:50%;
	padding:14px 0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}
#gantifontdancolor li:hover{
	color:#ddd;
	cursor:pointer;
	}
#gantifontdancolor .size li + li + li + li + li + li + li + li + li  + li  + li + li + li,
#gantifontdancolor .size li + li + li + li + li + li + li + li + li  + li  + li,
#gantifontdancolor .size li + li + li + li + li + li + li + li + li,
#gantifontdancolor .size li + li + li + li,
#gantifontdancolor .size li + li{
	background:#333;
	}
#gantifontdancolor .family li + li,
#gantifontdancolor .family li + li + li,
#gantifontdancolor .family li + li + li + li + li + li,
#gantifontdancolor .family li + li + li + li + li + li + li,
#gantifontdancolor .family li + li + li + li + li + li + li + li + li + li,
#gantifontdancolor .family li + li + li + li + li + li + li + li + li + li + li,
#gantifontdancolor .size li + li + li + li + li  + li  + li  + li  + li  + li  + li  + li  + li  + li,
#gantifontdancolor .size li + li + li + li + li  + li  + li  + li  + li  + li  + li  + li,
#gantifontdancolor .size li + li + li + li + li  + li  + li,
#gantifontdancolor .size li + li + li + li + li,
#gantifontdancolor .size li + li + li{
	background:#222;
	}
#gantifontdancolor .family li,
#gantifontdancolor .family li + li + li + li,
#gantifontdancolor .family li + li + li + li + li,
#gantifontdancolor .family li + li + li + li + li + li + li + li,
#gantifontdancolor .family li + li + li + li + li + li + li + li + li,
#gantifontdancolor .family li + li + li + li + li + li + li + li + li + li + li + li,
#gantifontdancolor .size li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
#gantifontdancolor .size li + li + li + li + li + li + li + li + li + li,
#gantifontdancolor .size li + li + li + li + li + li + li + li,
#gantifontdancolor .size li + li + li + li + li + li,
#gantifontdancolor .size li{
	background:#444;
	}
/*
End Ganti font
*/
@media print{
  #wrap-sidebar, #wrap-footer, #bukakomentar, #fullscreen, .entrydescription{
        display:none!important
        }
  #wrap-content{
        width:80%;
        float:none;
        margin:0 auto;
        }
  #wrap-content .content{
        padding:0;
        margin:0 auto;
		float:none;
        }
  #wrap-content .content .entry{
        width:100%;
		margin:0;
        }
  #wrap-content .content .entry p{
        font:normal normal 20px/20px 'times new roman';
        }
  #wrap-content .content .entry p:first-letter{
        padding:0;
        }
          }/* End media print */