/* in the name of god */
/* url: http://www.thecssninja.com/css/css-tree-menu */
/* Just some base styles not needed for example to function */

*, html {
  font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
}
body { background-color: #fff; color: #4C4C4C; margin: 60px 0 0; }
img { border: none; }
p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}

html { font-size: 100%; /* IE hack */ }
body { font-size: 1em; /* Sets base font size to 16px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

/* Branding */
#cssninja
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #18191d;
	width: 100%;
	height: 40px;
}
	#cssninja p
	{
		text-align: center;
		margin: 10px 0 0 0;
	}
	#cssninja a
	{
		text-decoration: none;
    color: #fff;
		background: url(../assets/ico_ninja.gif) 0 0 no-repeat;
		padding: 4px 0 9px 28px;
	}
	#cssninja a:hover
	{
		text-decoration: underline;
	}

#adpack {
  text-align: center;
  width: 178px;
  height: auto;
  right: 15px;
  top: 60px;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 24px 24px 10px;
  font-size: 12px;
  font-weight: 700;
}
/* CSS Tree menu styles */
ol.tree
{
	padding: 0 0 0 30px;
	width: 300px;
}
	li
	{
		position: relative;
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(http://bayanbox.ir/view/2609383214737396889/document.png) 0 0 no-repeat;
			color: #4C4C4C;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(http://bayanbox.ir/view/2609383214737396889/document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(http://bayanbox.ir/view/2609383214737396889/document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(http://bayanbox.ir/view/2609383214737396889/document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(http://bayanbox.ir/view/2609383214737396889/document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
		li input + ol
		{
			background: url(http://bayanbox.ir/view/3319083658141475428/toggle-small-expand.png) 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		background: url(http://bayanbox.ir/view/2347012870440558360/folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

	li input:checked + ol
	{
		background: url() 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }