body {
	font-family: 'Cardo';
	margin-left: 2em;
	margin-right: 2em;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.centre {
	text-align:center;
}
.xsmall {
	font-size:x-small;
}
.xxlarge {
	font-size:xx-large;
}
.xlarge {
	font-size:x-large;
}
.hide {
	color: transparent;
}
.underline {
	text-decoration:underline;
}
.chrome,
.ie,
.firefox,
.opera,
.safari {
	background-image : url(http://media.cesaroliveira.net/main/images/web-browsers.png);
	background-repeat : no-repeat;
	padding-left:27px;
	padding-bottom:6px;
}

.chrome {
	background-position : 0px 0px;
}
.ie {
	background-position : 0px -25px;
}
.firefox {
	background-position : 0px -50px;
}
.opera {
	background-position : 0px -75px;
}
.safari {
	background-position : 0px -100px;
}

.section > p,
.section > ol, 
.section > h3,
.section > h4,
section > p,
section > ol, 
section > h3,
section > h4
 {
	margin-left:1em;
}
.section > h3 + p,
.section > h4 + p,
section > h3 + p,
section > h4 + p {
	margin-left:2em;
}

.borderless {
	border: none;
}

.offline h2 {
	text-align: center;
}

.offline h2:nth-child(odd) {
	background-image : -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
	background-image : -webkit-gradient(linear, top, red, orange, yellow, green, blue, indigo, violet);
	color: white;
}

.offline h2:before {
	content: "(>^_^)>";
}
.offline h2:after {
	content: " <(^_^<)";
}