/** Uses the BPtypewrite typeface by backpacker.gr
    <http://www.backpacker.gr/>
    
    Licensed under the Creative Commons Attribution-NoDerivs License 3.0
    <http://creativecommons.org/licenses/by-nd/3.0/>                        **/

@font-face {
	font-family: 'BPtypewriteDamagedUnderscored';
	src: url('BPtypewriteDamagedUnderscoredItalics.eot');
	src: local('BPtypewriteDamagedUnderscored Italic'),
	     local('BPtypewriteDamagedUnderscored-I'),
	     url('BPtypewriteDamagedUnderscoredItalics.ttf') format('truetype');
}

@font-face {
	font-family: 'BPtypewriteDamaged';
	src: url('BPtypewriteDamaged.eot');
	src: local('BPtypewriteDamaged Regular'),
	     local('BPtypewriteDamaged'),
	     url('BPtypewriteDamaged.ttf') format('truetype');
}

@font-face {
	font-family: 'BPtypewriteDamagedSlashed';
	src: url('BPtypewriteDamagedSlashed.eot');
	src: local('BPtypewriteDamagedSlashed Regular'),
	     local('BPtypewriteDamagedSlashed'),
	     url('BPtypewriteDamagedSlashed.ttf') format('truetype');
}

html, body {
    margin: 0;
    padding: 0;
    min-width: 600px;
}

body {
    background: white url(eirform-rs.jpg) no-repeat 50% 20px;
}

article {
    position: relative;
    display: block;
    color: #404040;
    width: 485px;
    margin: 0 auto;
    padding: 330px 0 20px 15px;
    font: 90% "BPtypewriteDamaged", monospace;
    line-height: 1.4;
    letter-spacing: -0.1em;
}

header {
    display: block;
    text-align: right;
}

h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 100%;
}

time, .fict span, em {
    font-family: "BPtypewriteDamagedUnderscored", monospace;
    font-style: normal;
}

time {
    display: block;
    text-transform: uppercase;
}

.fict-1 {
    background: lightblue;
}

.fict-2 {
    background: lightgreen;
}

.fict-3 {
    background: yellow;
}

.fict-4 {
    background: orange;
}

.fict-5 {
    background: red;
}

section {
    display: block;
    margin: 1.25em 0;
}

p {
    margin: 0;
}

p:before {
    content: "\A0\A0\A0\A0";
}

p:first-child:before {
    content: "";
}

del {
    font-family: "BPtypewriteDamagedSlashed", monospace;
    text-decoration: none;
}

nav, nav ul {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0;
}

nav li {
    position: absolute;
    top: 0;
    width: 50px;
    height: 10px;
    list-style: none;
    font: bold 500% sans-serif;
}

nav li.home {
    left: 0;
    width: 100px;
}

nav li.prev {
    left: 110px;
}

nav li.next {
    left: 170px;
}

nav a:link, nav a:visited {
    display: block;
    background: #404040;
    height: 100%;
    width: 100%;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
}

nav li.home a:hover, nav li.home a:active {
    background: #ff0080;
}

nav li.prev a:hover, nav li.prev a:active {
    background: #00c000;
}

nav li.next a:hover, nav li.next a:active {
    background: #ffe519;
}