h1 {
  color: #0096ff;
  font-weight: 700;
}
h2 {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}
h3 {
  color: #555;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
h4 {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
p, ul, img { display: block; margin-bottom: 16px; }
img { max-width: 100%; }

p.success {
	color: #55a72f;
	font-weight: 600;
	font-size: 16px;
}
.error { color: #cc0000; }

#sidebar {
  background: #eee none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 320px;
}
#sidebar > h2 {
  color: #000;
  font-size: 26px;
  margin: 12px auto 20px 20px;
  width: 80%;
}
ul#nav {
  margin-left: 20px;
}
ul#nav li.parent {
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 18px;
}

li.parent.diropened > .fa-chevron-up { display: inline-block; }
li.parent.dirclosed > .fa-chevron-up { display: none; }
li.parent.dirclosed > .fa-chevron-down { display: inline-block; }
li.parent.diropened > .fa-chevron-down { display: none; }

li.parent > .fa-chevron-up, li.parent > .fa-chevron-down {
  background: #ddd none repeat scroll 0 0;
  border-radius: 3px;
  color: #999;
  display: inline-block;
  margin-right: 10px;
  padding: 2px;
}

#nav li.parent > ul {
  display: none;
}

#main {
  margin-left: 350px;
  max-width: 1300px;
  width: 70%;
}