nav {
	float: left;
	width: 200px;
	border: solid 1px #82AADB;
	border-radius: 10px;
	background-color: #B4CFEF;
}

section {
	margin: 0px 0px 0px 230px;
	width: 800px;
	border: solid 1px #82AADB;
	border-radius: 10px;
	background-color: #B4CFEF;
	padding: 20px;
}

h3 {
	clear: right;
	margin-left: -20px;
	width: 820px;
	border: solid #FFF;
	border-width: 2px 0px 2px 0px;
	padding: 4px 0px 3px 20px;
	background-color: #2F4F75;
	color: #FFF;
}

pre {
	clear: right;
	/*margin-left: 25px;
	border: solid 1px #FFF;
	background-color: #82AADB;
	padding: 10px;
	color: #FFF;*/
}

.exercise {
	font-weight: bold;
}

.exercise .points {
	float: right;
	margin-top: 10px;
	width: 70px;
	height: 36px;
	border: solid 1px #470A0A;
	background: url(/img/chilli1.png);
	background-color: #B4CFEF;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 60px;
	color: #470A0A;
	font-size: 20px;
}

.exercise .chilli2 {
	background-image: url(/img/chilli2.png);
}

.exercise .chilli3 {
	background-image: url(/img/chilli3.png);
}

.exercise .chilli4 {
	background-image: url(/img/chilli4.png);
}

.exercise ol, .solution ol {
	list-style-type: lower-latin;
}

.tags {
	margin: 5px;
	padding: 0px;
	list-style: none;
}

.tags li {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	border: solid 1px orange;
	padding: 3px;
	background-color: #FFE3B3;/*#FFBE4E;*/
}

.solution table tr:nth-child(odd){
	background-color: #647B97;
}

.solution table tr:nth-child(even){
	background-color: #8092A8;
}

.solution table td {
	padding: 3px;
}

.solution{
	clear: both;
	border-top: solid 1px #FFF;
}

.solution .proofed {
	float: right;
	margin-top: 10px;
	width: 70px;
	height: 36px;
	border: solid 1px #0a4716;
	background: url(/img/1434034109_clean.png);
	background-color: #B4CFEF;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 60px;
	color: #0a4716;
	font-size: 20px;
}

/*<!--http://paletton.com/#uid=13C0u0kbRt14+E48dwffUpTkImm-->*/