/*
DESIGN PATRIK HERMANSSON 
*/

* {
margin:0;
padding:0;
}

body {
background-color:#ababab;
overflow-y:hidden;
}

@font-face {
font-family:'BebasNeueRegular';
src:url('bebasneue-webfont.eot?iefix') format('eot'), url('bebasneue-webfont.woff') format('woff'), url('bebasneue-webfont.ttf') format('truetype'), url('bebasneue-webfont.svg#webfont39b8d5iu') format('svg');
font-weight:400;
font-style:normal;
}

.textbox {
line-height:18px;
position:absolute;
z-index:300;
border-top-color:#777773;
border-top-style:solid;
border-top-width:1px;
width:300px;
text-indent:0;
color:#eae9e0;
font-size:12px;
font-family:Helvetica, Arial, Sans-Serif;
padding:10px 0 0;
}

.picinfo {
font-style:italic;
line-height:20px;
text-align:right;
font-size:13px;
font-family:Georgia, Serif;
color:#f7f7f7;
position:fixed;
}

#head {
color:#f7f7f7;
position:absolute;
top:95px;
left:40px;
z-index:200;
width:350px;
}

h1 {
z-index:0;
text-shadow:6px 6px 15px rgba(0, 0, 0, 0);
letter-spacing:2px;
text-transform:uppercase;
font:60px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
}

.exp {
position:absolute;
margin-top:-20px;
font-style:italic;
font-family:Georgia;
text-shadow:6px 6px 15px rgba(0, 0, 0, 0);
font-size:14px;
line-height:20px;
}

h2 {
margin-bottom:8px;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
font:18px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
color:#e7e5dc;
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
}

h3 {
font-style:normal;
text-align:right;
letter-spacing:1px;
text-transform:uppercase;
font:20px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
margin:5px 0 4px;
}

h4 {
text-transform:uppercase;
letter-spacing:1px;
font:16px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
}

#menu {
left:30px;
width:100%;
bottom:26px;
position:fixed;
z-index:2000;
color:#f9f9f9;
text-transform:uppercase;
letter-spacing:2px;
font:16px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
}

#menu a {
margin-right:50px;
color:#f9f9f9;
text-decoration:none;
background:url(ob40.png);
background:rgba(0, 0, 0, 0.4);
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
padding:4px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu li {
float:left;
position:relative;
cursor:pointer;
}

#menu li ul {
float:left;
position:absolute;
bottom:20px;
margin-left:1px;
display:none;
}

#menu li ul li {
font-size:16px;
margin-top:-1px;
height:30px;
width:300px;
}

#menu li ul li a {
background:url(ob75.png);
background:rgba(0, 0, 0, 0.75);
margin-left:-2px;
padding:6px;
}

#menu li a:hover {
background:#f7f7f7;
color:#282828;
cursor:pointer;
}

.section {
position:absolute;
background:url(map.jpg) no-repeat fixed;
height:100%;
left:0;
z-index:10;
width:12500px;
}

#line {
width:12500px;
position:absolute;
height:30px;
z-index:200;
}

.speclink a {
color:#f7f7f7;
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
text-decoration:none;
text-align:right;
font:16px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
}

#wrapper {
position:absolute;
width:5000px;
height:100%;
}

.year {
color:#ececec;
text-shadow:0 0 1px rgba(0, 0, 0, 0.1);
font:20px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
display:inline-block;
height:25px;
border-top:5px solid #f7f7f7;
border-top:5px solid rgba(255, 255, 255, .6);
padding-top:3px;
padding-left:5px;
margin-right:2px;
}

.cover {
z-index:0;
position:absolute;
height:100%;
width:100%;
background:url(cover.png);
}

.photo img {
margin:10px 0 0;
}

.date {
font-size:13px;
color:#b4b5b0;
font-family:Helvetica;
position:absolute;
top:-23px;
right:0;
padding:2px;
}

.bginfo {
font-style:italic;
font-family:Helvetica;
text-align:right;
z-index:120;
color:#d4d4d4;
font-size:10px;
right:15px;
bottom:15px;
position:fixed;
}

.bginfo a,.copy a {
color:#d4d4d4;
}

#years {
margin-top:60px;
width:300px;
border-top:1px solid #777773;
padding:10px 10px 10px 0;
}

#years a {
display:inline-block;
color:#f7f7f7;
text-decoration:none;
text-shadow:0 0 1px rgba(0, 0, 0, 0.1);
font:18px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
margin-right:10px;
margin-bottom:10px;
}

.copy {
line-height:13px;
float:right;
font-style:italic;
font-family:Helvetica;
text-align:right;
color:#d4d4d4;
position:relative;
font-size:10px;
}

.time {
display:inline;
}

#cross {
display:none;
background-position:-555px 0;
background-image:url(cross.gif);
position:fixed;
height:100%;
width:500%;
overflow:hidden;
}

#spridning {
height:1027px;
width:1078px;
position:fixed;
left:160px;
opacity:0.3px;
display:none;
overflow:hidden;
opacity: 0.3;
}

.instructions {
background:url(ob40.png);
color:#eae9e0;
font-style:italic;
font-size:12px;
font-family:Helvetica;
width:245px;
padding:15px;
}

.instructions .keyexp {
margin-right:auto;
margin-left:auto;
margin-top:10px;
}

.instructions .arrow {
left:3px;
top:3px;
position:relative;
}

.readmore {
text-decoration:none;
background-color:#e7e5dc;
color:#282828;
font-size:11px;
padding:2px;
}

.readmore:hover {
color:#e7e5dc;
background-color:#282828;
}

.big {
margin-bottom:8px;
letter-spacing:1px;
font:40px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
color:#e7e5dc;
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
}

#menu li:hover ul,li.over ul,#omli:hover ul,#fordjup:hover ul {
display:block;
}