/*body{
	background-color: #fefefe;
}

body, input, textarea, button{
	font-family: 'Open Sans';
	font-size: 13px;
	line-height: 1.6;
	color: #444 !important;
}

a:link, a:visited,
a:hover, a:active{
	color: #3988AC;
	text-decoration: none;
}

a[name]{
	display: block;
	height: 60px;
	margin-top: -60px;
	visibility: hidden;
}
a[name][href]{
	display: inline;
	height: auto;
	margin-top: 0;
	visibility: visible;
}

b{ font-weight: 700; }

p{ margin: 5px 0 20px; }
h2 + p{ margin-top: 0; }

small{ font-size: 70%; }

h1,h2,h3,h4,h5{
	line-height: 1.3;
	font-weight: normal;
}

h1 font, h2 font, h3 font{
	display: inline-block;
	margin-left: 10px;

	font-size: 65%;
	color: #888;
}

h1{
	margin: 50px 0 15px 200px;

	font-size: 25px;
	font-family: 'Average Sans';
}


h2{
	font-family: 'Average Sans';
	font-size: 20px;
	color: #82C201;
}

	h2 i{
		display: block;
		font-size: 75%;
		color: #888;
	}

	h2 font + a{
		font-size: 75%;
	}
	
h3{
	font-size: 16px;
}
	
	h3 font{
		font-size: 75%;
	}

	h3 code{
		position: relative;
		top: -2px;
		font-size: 85%;
	}

h4{
	margin: 5px 0 10px;

	font-size: 13px;
	font-weight: 700;
}

	h4 small{ color: #888; }

strong{
	font-weight: 700;
	color: #8BCF01;
}

sup{
	font-size: 40%;
	vertical-align: super;
}

p.note{
	margin: 3px 0;
}

.left{ float: left; }
.right{ float: right; }
.fixed{ position: fixed !important; }
*/
#header .qtip,
#content a,
#content div .source,
#content .blocks li,
#content .blocks li i,
#section-donators span,
#section-styling .qtip,
pre,
.animated{
	-webkit-transition: 200ms ease-in-out;
	-moz-transition: 200ms ease-in-out;
	-o-transition: 200ms ease-in-out;
	transition: 200ms ease-in-out;
	-webkit-transition-property: border-bottom-color, background-color, color, bottom, opacity, border-radius, box-shadow, width;
	-moz-transition-property: border-bottom-color, background-color, color, bottom, opacity, border-radius, box-shadow, width;
	-o-transition-property: border-bottom-color, background-color, color, bottom, opacity, border-radius, box-shadow, width;
	transition-property: border-bottom-color, background-color, color, bottom, opacity, border-radius, box-shadow, width;
}

.immediate, .immediate *{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.forcewrap, .section h2{
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.draggable{
	pointer-events: auto !important;
	position: relative;
	z-index: 10000;
	cursor: move;
	cursor: drag;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur), move;
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur) 8 8, move;
}

body.dragging *{
	pointer-events: none;
	cursor: url(https://mail.google.com/mail/images/2/closedhand.cur) 8 8, move !important !important;
	}

.clickable{ cursor: pointer; }

/*
#master{
	width: 1000px;
	padding-top: 60px;
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

#header{
	position: fixed;
	width: 100%;
	top: 0; left: 0;
	z-index: 10000000;

	background-color: #444;
	background-color: rgba(44, 44, 44, 0.8);

	text-align: right;
	line-height: 50px;
}
	
	#nav,
	#nav li{
		padding: 0;
		margin: 0;
	}

	#header li{
		display: inline-block;
		text-align: left;

		line-height: 50px;
		text-align: center;
	}

	#header li a{
		padding: 0 15px;
		display: inline-block;
		vertical-align: middle;

		color: white;
		border-bottom: 3px solid transparent;
	}

	#header li a.demos{ width: 68px; }
	#header li a.download{ width: 87px; }
	#header li a.docs{ width: 126px; }
	#header li a.donate{ width: 72px; }
	#header li a.faq{ width: 49px; }
	#header li a.form{ width: 71px; }

	#header li a.active{
		border-bottom-color: #8BCF01;
		font-weight: 700;
	}

	#header li.logo{
		float: left;
	}

	#header li a img{
		vertical-align: middle;
	}

	#header .qtip{
		position: relative;
		display: inline-block;
		top: 0 !important;
		left: 0 !important;

		vertical-align: middle;
		cursor: pointer;
		border: 1px solid transparent;

		width: 35px; height: 35px;
		min-width: 0; min-height: 0;
	}

	#header .qtip *{
		padding: 5px;
		display: block;
	}

#content{

}

	#content .category{
		margin: 0 0 100px;
	}

	#content .category h1 ~ p{
		margin-left: 200px;
		font-size: 15px;
	}
	
	#content .section{
		position: relative;
		margin: 0 0 30px 200px;
		padding: 15px 0 15px 30px;

		border-left: 3px solid #eee;
	}

		#content .section h2{
			position: absolute;
			top: 10px; left: -190px;
			width: 170px;

			text-align: right;
		}

		#content .section p:last-child a[name]{
			margin-bottom: -40px;
		}

	#content .blocks{
		margin: 0;
		padding: 0;
	}
*/
	#content .blocks li{
		position: relative;
		display: inline-block;
		/*width: 175px;*/
		margin: 0 10px 10px 0;
		overflow: hidden;

		line-height: 70px;
		text-align: center;
		vertical-align: middle;

		background-color: #eee;
		border-bottom: 3px solid #CCC;
	}

	#content .blocks li a:link,
	#content .blocks li a:visited,
	#content .blocks li a:hover{
		font-style: normal;
		color: #444;
	}

	#content .blocks li span{
		display: inline-block;
		padding: 0 10px;

		line-height: 1.4;
		vertical-align: middle;
	}

	#content .blocks li input[type="radio"],
	#content .blocks li input[type="checkbox"]{
		position: absolute;
		top: 5px; right: 5px;
	}

	#content .blocks li label{
		display: block;

		cursor: pointer;
	}

		#content .blocks li label i{
			display: block;
			margin-top: 5px;

			font-size: 90%;
			color: #888;
		}

	#content .blocks li:hover,
	#content .blocks li.checked{
		background-color: #8BCF01;
		border-bottom-color: #62B000;
	}

		#content .blocks li:hover,
		#content .blocks li:hover *,
		#content .blocks li.checked,
		#content .blocks li.checked *{
			color: #265F01;
		}

/* Sang */
	#content .blocks li div:hover{
		font-style: normal;
		color: #444;
	}