/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
/*
body{
	line-height:1;
	background-color:#333;
	color:#fff
	font-family:dotum, verdana, tahoma,'Droid Sans',sans-serif;
	padding:0 0 30px;
	font-size:14px;
}
*/
ol,ul{
	list-style:none
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
}
table{
	border-collapse:collapse;
	border-spacing:0
}
pre,.ad{
	background-color:#1e1e1e;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 0 5px #000;
	color:#c0c0c0;
	font-family:'Inconsolata',monospace,sans-serif;
	padding:15px 0 0
}
.ad{
	margin:25px 0 0;padding:15px 0;
	text-align:center
}
#page{
	margin:0 auto 50px;
	position:relative;
	width:920px
}
/*
h1{
	display:inline-block;
	font:500% 'Petrona',sans;
	font-size:500%;
	padding:5px 0 0
}
h2{
	font-size:150%;
	padding:5px 0 30px
}
*/
/*
p{
	padding:5px 0 0;line-height:1.25
}
*/
strong{
	font-weight:bold;
	color:#7ccd60
}
/* ¹öÆ° default */
.button{
	background-color:#888888;
	color:#fff;cursor:pointer;
	padding:0px 0px;
	text-align:center;
	text-decoration:none
}
.button.small{
	/*border-radius:15px;*/
	float:right;
}
.button:hover{
	background-color:#1e1e1e
}
/*
.button>span{
	font-size:84%
}
*/
.button.b-close,.button.bClose{
	border-radius:7px 7px 7px 7px;
	box-shadow:none;
	font:bold 131% sans-serif;
	padding:0 6px 2px;
	position:absolute;
	right:-7px;
	top:-7px
}
.example{
	display:block;
	line-height:1.25;
	padding:30px 110px 15px 0
}
.code-undefined{
	color:#617a61
}
.code-string{
	color:#fa8072
}
.code-function{
	color:#ffa54f
}
.code-int{
	color:#2b91af
}
.code-comment{
	color:#7ccd60
}
::-moz-selection{
	background-color:#2b91af;
	color:#fff;
	text-shadow:none
}
::selection{
	background-color:#2b91af;
	color:#fff;
	text-shadow:none
}
#page h1+.button{
	position:absolute;
	top:20px;
	right:25px
}
#share{
	position:absolute;
	right:18px;
	top:85px;
	width:205px
}
#share>div{
	display:inline-block
}
#page li{
	position:relative
}
#page ul+a{
	display:block;
	font-size:180%;
	margin:25px 0;
	text-align:center;
	text-decoration:none
}
.note{
	color:#c0c0c0;
	font-size:80%
}


#popup,#popup2,.bMulti{
	background-color:#fff;
	border-radius:10px 10px 10px 10px;
	box-shadow:0 0 25px 5px #999;
	color:#111;
	display:none;
	min-width:450px;
	padding:25px
}
#popup .logo{
	color:#2b91af;
	font:bold 100% 'Petrona',sans
}
#popup,.bMulti{
	min-height:250px
}
#popup2 iframe{
	background:url('loader.gif') center center no-repeat;
	min-height:240px;
	min-width:450px
}
.loading{
	background:url('loader.gif') center center no-repeat
}
.bMulti p{
	font:500% 'Petrona',sans-serif;padding:45px 0 0;
	text-align:center
}
.bMulti a{
	left:175px;
	position:absolute;
	top:175px
}
.lt-ie9 .bModal{
	background-color:#000
}
.github{
	background:url('images/github.png') 0 0 no-repeat;
	height:149px;
	width:149px;
	opacity:.6;position:fixed;
	right:0;
	top:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-duration:.35s;
	-moz-transition-duration:.35s;
	transition-duration:.35s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.github:hover{
	opacity:1
}