/* TYPOGRAPHY
----------------------------------------------------------- */


.code {
	background:#EBEAEA;
	border-left:solid 5px #666666;
	color:#666666;
	font-family:monospace;
	font-size:9pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px 20px;
	padding-top:20px;
	padding-bottom:20px;
}

.red_box {
	background:#FFD6D6;
	border-top:solid 2px #EF706F;
	border-bottom:solid 2px #EF706F;
	color:#CC0000;
	padding:13px;
}

.blue_box {
	background:#D0DCEC;
	border-top:solid 2px #5B95DA;
	border-bottom:solid 2px #5B95DA;
	color:#1B6FC2;
	padding:13px;
}

.green_box {
	background:#EEF7DD;
	border-top:solid 2px #40AB38;
	border-bottom:solid 2px #40AB38;
	color:#40AB38;
	padding:13px;
}

.orange_box {
	background:#FEF6D8;
	border-top:solid 2px #755102;
	border-bottom:solid 2px #755102;
	color:#755102;
	padding:13px;
}

.yellow_box {
	background:#F4F5B9;
	border-top:solid 2px #757402;
	border-bottom:solid 2px #757402;
	color:#757402;
	padding:13px;
}

.gray_box {
	background:#FFFFFF;
	border-top:solid 2px #9D9D9D;
	border-bottom:solid 2px #9D9D9D;
	color:#4B4B4B;
	padding:13px;
}

.black_box {
	background:#333333;
	border-top:solid 2px #4D4D4D;
	border-bottom:solid 2px #4D4D4D;
	color:#FFFFFF;
	padding:13px;
}

.boxed:hover {
	cursor:pointer;
	border:solid 1px #000000;
}
.boxed {
	border:solid 1px #CECDCD;
	margin-right:10px;
	margin-bottom:8px;
	padding:4px;
	float:left;
}

.boxed_black {
	border:solid 1px #000000;
	float:left;
	padding:4px;
	margin-right:10px;
	margin-bottom:8px;
}

.padded {
	border:solid 1px #CECDCD;
	margin-right:10px;
	margin-bottom:8px;
	padding:4px;
	float:left;
}