/* @override http://clarahan.net/cyhcss.css */

* {
	margin: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	font: 1em/1.5em Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	background: orange url(img/tri4.png) repeat;
}
div {
	-webkit-transform: rotate(-22deg); 
	-moz-transform: rotate(-22deg);
	position: fixed;
	bottom: 174px;
/*	width: 70%;*/
	width: 800px;
	padding-right: 200px;
	left: 10px;
}
div#learning {
	z-index: -1;
	}
div#learning p {
	font-size: 3em;
	color: #5d2f00;
}
.floatright {
	position: absolute;
	right: 0;
	bottom: 0;
}
p {
	color: #fff;
	font-size: 4em;
	line-height: 1em;
	text-align: left;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	color: #5d2f00;
}
ol {
	margin: 0 100px;
	padding: 40px 20px 20px;
	font-size: 1.5em;
	line-height: 1.5em;
	z-index: 2;
}