@import url("article.css");
@import url("content.css");
@import url("quote.css");
@import url("pages.css");
@import url("ext-blogs.css");

@font-face {
   font-family: SpaciousOutlineBRK;
   src: url('./spaciouo.ttf');
}
/*
 * see http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
 */
body {
	background-color:#e5dddf;
	margin:0px;
	padding:0px;
	color:#5f575d;
	font-family:Arial, sans-serif
}

a {
	color:#5f575d;
	text-decoration:underline;
}

a:visited {
	color:lightgray;
}

#head a {
	text-decoration:none;
}

#head a:visited {
	color:#5f575d;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

.body {
	clear: both;
	margin: 0 auto;
	width: 920px;
	text-align:justify;
}

.titleName {
	text-align:right;
	font-family:SpaciousOutlineBRK;
	font-size:42pt;
	color:#5f575d;
	margin:0px;
}

.titleNameSmall {
	text-align:right;
	font-family:SpaciousOutlineBRK;
	font-size:24pt;
	color:#5f575d;
	margin:0px;
}

#imgTitle {
	margin-top:30px;
	border-style:solid;
	border-width:10px;
	border-color:#e5dddf;
}

#contentInfo {
	font-size:10pt;
	padding-top:10pt;
	text-align:center;
}

/* ordered list with links */
#references {
	counter-reset: refCount;
	list-style-type: none;
}

#references li::before {
	counter-increment: refCount;

	content: "[" counters(refCount,"") "] ";
}