@charset "utf-8";
/* CSS Document */

body {
	background: rgba(220,220,220,1.00);
	padding: 20px;
	font-family: "Bahnschrift Regular", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}

nav {
	width: 200px;
	background: rgb(121,121,121);
	background: -webkit-linear-gradient(top, rgba(121,121,121,1) 0%, rgba(233,233,233,1) 100%);
	background: -o-linear-gradient(top, rgba(121,121,121,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(to bottom, rgba(121,121,121,1) 0%, rgba(233,233,233,1) 100%);
	border: 1px solid black;
	border-radius: 5px;
	overflow: hidden;
}

nav h4 {
	margin: 0;
	padding: 5px;
	background: rgb(190,190,190);
}

nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

nav ul div {
	padding-left: 30px;
}

li {
	line-height: 30px;
	cursor: pointer;
	/*padding: 2px 0px;*/
	transform: all 2000ms;
}

li.chapter {
	background: yellow;
	z-index: 10;
}

li.button {
	background: green;
	z-index: 0;
}

li.hide {
	line-height: 0px;
	max-height: 0px;
	/*padding: 0px;*/
	opacity: 0;
}