@font-face {
	font-family: 'AnkaCoder-C75-b';
	src: url('../css/AnkaCoder-C75-b.ttf');
}

@font-face {
	font-family: 'AnkaCoder-C75-i';
	src: url('../css/AnkaCoder-C75-i.ttf');
}

@font-face {
	font-family: 'AnkaCoder-C75-r';
	src: url('../css/AnkaCoder-C75-r.ttf');
}


body {
	margin: 50px 60px;
	font-family: "AnkaCoder-C75-r";
}

h1, h2, h3, h4 {font-weight: normal, font-family: "AnkaCoder-C75-b";}
h1 {clear: left; font-size: 3em;}
h2 {margin-top: 0;}
h3 {margin-bottom: 0.5em;}

header {
	top: 0;
	margin-bottom: 0.5em;
	font-weight: normal;
	position: fixed;
	padding: 2% 0;
	background-color: white;
	width: 100%;
	min-width: 200px;
	height: 70px
	}

blockquote {font-style: italic;}

small {display: block; max-width: 800px;}

img {max-width: 800px; max-height: 600px; margin-bottom: 0.5em}

#menu li.active {
		font-weight: bold;
	}

#menu li {
		list-style-type: none;
		margin: 0 0.7em 0 0;
		padding: 0;
		display: inline; 
		float: left;}

#menu ul {
		margin: 1em 0;
		padding: 0;
	}


#menu a {text-decoration: none; }

.meta {color: #6a6a6a;}

a {
		color: blue;
}

a:visited {
		color: blue !important;
		text-decoration: underline;
		
}

a:hover, a:active {
		color: #000;
		text-decoration: underline;
	}

.encarte {font-size: smaller; padding: 1.5em; border: 1px silver solid; margin: 0 0 3em 0; width: 60%;}

article {

	margin-top: 150px;
	padding: 0.5em 0 2% 0;
	max-width:800px;
	}

article ul {}

.hi { background: yellow; border-bottom: yellow 1px solid;}

caption, .edit {font-size: smaller}

.edit {margin-top: 2em;}

#columns {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
   	-moz-column-count: 4; /* Firefox */
    	column-count: 4;
}

#columns ul {margin-top: 0;}

.button {color: white !important; background: blue; padding: 4px;}
.button a {text-decoration: none; color: white !important;}
.button a:hover {background: white; color: blue !important;}