/*! ===========================================================
 * modalDengkul.js
 * version: 1.0
 * http://takien.com/modal-dengkul
 * Inspired by Facebook image modal.
 * ===========================================================
 * Copyright 2013 Takien.
 * Follow me @cektkp
 * License GNU GPL v3
 * ========================================================== */
 
#modalDengkul {
	font-family:"00297regular";
	color:#333;
	font-size:15px; line-height:25px;
}
#modalDengkul-overlay {
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	z-index:9999;
	position:fixed;
	top:0;
	left:0;
}
#modalDengkul {
	position:fixed;
	z-index:10000;
	width:85%;
	height:85%;
	min-width:884px;
	min-height:522px;
	top:0;
	left:0;
	background:#fff;
	border:10px solid #fff;
}
#modalDengkul, #modalDengkul  *, #modalDengkul  *:before,#modalDengkul  *:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.modalDengkul-inner {
	position:relative;
	width:100%
}
.modalDengkul-close {
	position:absolute;
	top:-23px;
	right:-60px;
	width:60px; height:60px;
	z-index:10001;
	font-size:20px;
	color:#808080; background:url(../img/x.png) no-repeat center center;
	text-decoration:none;
}
.modalDengkul-close:hover{background:url(../img/x_hover.png) no-repeat center center;}

.modalDengkul-left,
.modalDengkul-right {
	top:0;
	position:absolute;
}
.modalDengkul-left {
	max-width:80%;
	left:0;
	background:#000
}
.modalDengkul-left-inner {
	position:relative;
}
.modalDengkul-img-large {
	position:absolute;
	max-width:100%;
	max-height:100%;
	top:0;
	left:0;
}
.modalDengkul-right {
	right:0;
	min-width:20%;
	width:350px;
	padding-left:10px;
}
.modalDengkul-right-inner {
	padding:0 0 10px 10px;
}
.modalDengkul-right h2{
	margin:0;
	padding:0;
}
.modalDengkul-left img {
	max-width:100%;
}
.modalDengkul-nav {
	display:block;
	width:32px;
	position:absolute;
	top:0;
	z-index:10001;
	overflow:hidden;
	text-indent:-100px;
	display:none;
}
.modalDengkul-navLeft {
	background:url(../img/left.png) no-repeat center center;
	left:10px;
}
.modalDengkul-navLeft:hover {
	background:url(../img/left_hover.png) no-repeat center center;
	left:10px;
}
.modalDengkul-navRight {
	right:10px;
	background:url(../img/right.png) no-repeat center center;
}
.modalDengkul-navRight:hover {
	right:10px;
	background:url(../img/right_hover.png) no-repeat center center;
}