* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
}

body {
	font-size:100%;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	background:hsl(0,0%,90%);
}

.page {
	width:90%;
	max-width:1024px;
	margin:0 auto;
}

/*====== HEADER ======*/

header {
	margin-top:1em;
}

h1 a {
	display:block;
	background:url("../images/logo-bn.png");
	width:305px;
	height:78px;
	float:right;
	text-indent:-9999px;
}

/*====== NAVIGATION ======*/

nav {
	padding-top:1em;
}

nav ul {
	list-style:none;
	text-align:right;
}

nav li {
	display:inline-block;
}

nav li a {
	display:inline-block;
	line-height:2.5em;
	width:6.5em;
	text-decoration:none;
	color:hsl(0,0%,50%);
	text-align:center;
	border-top:1px solid hsla(0,0%,50%,0);
}

nav li a:hover {
	border-top:1px solid hsla(0,0%,50%,1);
}

/*====== FONT/TYPE ======*/

@font-face {
	font-family:"CenturyOldStyleBold";
	src:url("../fonts/CenturyOldStyleStd-Bold.otf"), url("../fonts/centuryoldstylestdbold.ttf");
	font-weight:bold;
	font-style:normal;
}

.content {
	
}

.content h2 {
	font-family:"CenturyOldStyleBold";
	margin-top:1.5em;
	margin-left:-3em;
	-moz-transform-origin:left;
	-webkit-transform-origin:left;
	transform-origin:left;
	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
}

.content h3 {
	font-family:"CenturyOldStyleBold";
	margin-top:1.5em;
	margin-left:-3em;
	-moz-transform-origin:left;
	-webkit-transform-origin:left;
	transform-origin:left;
	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
}

.content p {
	font-size:0.875em;
	margin-bottom:0.5em;
}

.content a {
	color:hsl(240,50%,80%);
	text-decoration:none;
	border-bottom:1px dashed hsl(240,50%,80%);
}

.content a:hover {
	border-bottom:1px solid hsl(240,50%,80%);
}

.content blockquote {
	margin:0.5em 2.5em 0.5em 2.5em;
	font-size:0.875em;
	text-align:justify;
	border-left:1px dashed hsl(0,0%,50%);
	padding-left:1em;
}

/*====== CONTENT =======*/

.content ul {
	/*margin-left:1.5em;*/
	list-style:none;
}

.content ul li {
	font-size:0.875em;
	background:url("../images/bullet.png") no-repeat 0 50%;
	padding-left:2.5em;
}

.content ul li:first-of-type + li {
	background:none;
}

.content ol {
	margin-left:1em;
}

.content ol li {
	font-size:1em;
	padding-left:0.5em;
	background:none;
}

/*====== FOOTER ======*/

.main-footer {
	margin-top:1em;
}

.main-footer ul {
	list-style:none;
	text-align:center;
}

.main-footer li {
	display:inline;
	font-size:0.5em;
}

.clear {
	clear:both;
}