/*----------------------------------- Code */


pre{
	margin-bottom: 20px;
	padding: 15px 15px 10px 15px;
	font-size: 12px;
	line-height: 140%;
	color: #666;
	background: #EAEAEA;
	border-radius: 10px;
	overflow: auto;
	
}
pre:hover{
	color: #000;
	background: #fff;
}
figure{ border: 1px solid #eee;}
.normalweight{
	font-weight: 100;
}


.code-option{ 
	padding: 2px 3px;
	background-color: #FF0;
}
.label-new{
	margin-right: 3px; 
	padding: 1px 3px;
	color: #FFF;
	background: #F60;
	/* border radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.crsl-items{
	margin: 30px auto; border: 0px solid #eee; 
	
}
.crsl-item figcaption{
	box-sizing: border-box;
	text-align: center; bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	color: #000;
	background: #fff;border-bottom: 0px solid #0eb0ee;
}
.crsl-nav{
	position: relative;
	min-height: 1px; text-align: center;
	
}
.crsl-nav .previous{
	
   
    background: #23b5b9;
    color: #fff; margin-left: -15px;
    padding: 6px 15px;
		font-size:20px

}
.crsl-nav .next{
	 background: #23b5b9;
    color: #fff;
    padding: 6px 15px; margin: 1px;
	font-size:20px
}


.cf:before, .cf:after {
	content: " ";
	display: table; 
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 2;
}