adding the Belgika font

themes/default/static/css/fonts.css

@@ -1,26 +1,16 @@
-/* TeX Gyre Schola */
+/* Belgika (OSP) */
 @font-face{
-	font-family: 'TeXGyreSchola';
-	src: url('../fonts/texgyreschola-regular.otf') format('opentype');
-	font-style: normal;
-	font-weight: normal;
-}
-@font-face{
-	font-family: 'TeXGyreSchola';
-	src: url('../fonts/texgyreschola-italic.otf') format('opentype');
-	font-style: italic;
-	font-weight: normal;
-}
-@font-face{
-	font-family: 'TeXGyreSchola';
-	src: url('../fonts/texgyreschola-bold.otf') format('opentype');
+	font-family: 'Belgika';
+	src: 
+		url('../fonts/Belgika-5th.otf') format('opentype');
 	font-style: normal;
 	font-weight: bold;
 }
 @font-face{
-	font-family: 'TeXGyreSchola';
-	src: url('../fonts/texgyreschola-bolditalic.otf') format('opentype');
-	font-style: italic;
+	font-family: 'Belgika-reg';
+	src: 
+		url('../fonts/Belgika-8th.otf') format('opentype');
+	font-style: normal;
 	font-weight: bold;
 }
 

themes/default/static/css/main.css

@@ -2,41 +2,45 @@
 
 body{
 	margin:2em auto;
-	max-width: 1120px;
+	max-width: 950px;
 	font-family: 'Basker';
-	font-size: 16pt;
-	line-height: 1.6;
+	font-size: 14pt;
+	line-height: 1.7;
 	letter-spacing: 0.25pt;
 	color: rgba(40,40,40,1);
 }
+h1, h2, h3, h4, h5, h6{
+	font-family: 'Belgika-reg';
+	margin-top:1.5em;
+}
 header#banner{
 	width: 100%;
-	text-align: center;
-	font-family: 'Polsku';
-	font-size: 24pt;
+	font-size: 175%;
 	line-height:1.25;
+	text-align: center;
 }
 	header#banner h1{
-		margin: 2em 0;
+		font-family: 'Belgika';
+		margin: 1em 0;
 	}
 	header#banner h1 a{
 		text-decoration: none;
 	}
 nav#menu{
-	width: calc(100% + 18em);
+	width: calc(100% + 20em);
 	text-align: center;
-	margin:0 0 0 -10em;
+	margin:0 0 0 -11em;
 }
 	nav#menu li{
-		width: 200px;
+		width: 175px;
 		height:8em;
 		margin:1em 0;
 		padding:1em;
-		font-size: 13pt;
+		font-size: 75%;
 		line-height: 1.4;
 		/*background-color: rgba(40,40,40,1);*/
 		color: rgba(40,40,40,1);
-		border:1px solid;
+		border:2px solid;
 		border-radius: 1em;
 		list-style: none;
 		display: inline-block;
@@ -63,7 +67,6 @@ article{
 }
 	article:first-child{
 		background-color: yellow;
-		/*color: white;*/
 		padding-bottom: 3em;
 		margin-bottom: -3em;
 	}
@@ -100,23 +103,25 @@ h1.category{
 }
 
 ul.navprevnext{
+	position: relative;
+	display: inline-block;
 	width: calc(100% - 4em);
-	margin:3em 0;
+	margin:3em 0 0;
 }
 	ul.navprevnext li.prev,
 	ul.navprevnext li.next,
 	ul.navprevnext li.done,
 	ul.navprevnext li.none{
+		position: relative;
 		width: calc(50% - 9em);
 		height: 150px;
+		top:0;
 		background-color: yellow;
 		border-radius: 1em;
 		padding:1em 3em;
 		font-size: 13pt;
 		line-height: 1.4;
-		/*color:white;*/
-		display: inline-block;
-		vertical-align: top;
+		list-style: none;
 	}
 	ul.navprevnext a{
 		text-decoration: none;
@@ -137,13 +142,13 @@ ul.navprevnext{
 	}
 	ul.navprevnext li.none,
 	ul.navprevnext li.prev{
-		margin-right: 5em;
-		margin-left: -9em;
+		float: left;
+		left:-9.5em;
 	}
 	ul.navprevnext li.next,
 	ul.navprevnext li.done{
-		margin-left: 19em;
-		margin-right: -10em;
+		float: right;
+		right: -9.5em;
 		text-align: right;
 	}
 	/* you finished this section */
@@ -162,6 +167,7 @@ ul.navprevnext{
 footer{
 	font-style: normal;
 	font-size: smaller;
+	clear: both;
 }
 
 /* general elements */
@@ -191,7 +197,7 @@ video{
 blockquote{
 	font-style: italic;
 	font-size: 125%;
-	line-height: 1.7;
+	line-height: 1.9;
 }
 
 .lastupdate{