/*
DESIGN PATRIK HERMANSSON
*/

@media screen and (max-width: 970px)  {
#right {
display:none;
}

#stjarnan, #fukushima {
z-index: 100;
}

}

body {
line-height:21px;
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
color:#f7f7f7;
overflow:hidden;
}

* {
border:0;
text-decoration:none;
margin:0;
padding:0;
}

@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;
}

img.bg {
min-height:100%;
min-width:1024px;
width:100%;
height:auto;
position:fixed;
top:0;
left:0;
z-index:-100;
}

#cover {
background:url(ob80.png);
background:rgba(0,0,0,0.8);
height:370px;
width:100%;
top:100px;
position:absolute;
padding:30px 0 40px;
}

#left {
float:left;
width:40%;
margin-left: 40px;
}

#right {
color:#c9c9c9;
margin-right:40px;
width:300px;
float:right;
}

#intro {
color:#c9c9c9;
font-size:14px;
width:420px;
}

h1 {
color:#f7f7f7;
text-shadow:6px 6px 15px rgba(0, 0, 0, 0);
font:70px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
letter-spacing:5px;
margin-bottom:10px;
}

h1 span {
display:block;
margin-top:-20px;
}

h2 {
color:#f7f7f7;
margin-bottom:15px;
letter-spacing:1px;
font:23px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
text-shadow:2px 2px 15px rgba(0, 0, 0, 0.01);
}

/* MENU */
#menu {
width:700px;
margin-top:60px;
bottom:26px;
color:#f9f9f9;
letter-spacing:2px;
font:17px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
}

#menu a,#fukushima a {
color:#f9f9f9;
text-decoration:none;
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;
width:160px;
cursor:pointer;
}

#menu li ul {
bottom: 47px;
position:absolute;
float:left;
margin-left:4px;
margin-bottom:5px;
display:none;
}

#fordjup ul {
bottom:47px !important;
}

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

#menu li ul li a {
background:#000;
padding:6px;
}

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

#omli:hover ul,#fordjup:hover ul {
display:block;
}

#stjarnan {
right:15px;
bottom:5px;
position:fixed;
}

#menu span {
line-height:14px;
color:#c3c3c3;
font-style:italic;
font-size:10px;
float:left;
display:inline-block;
font-family:Helvetica, Arial, Sans-serif;
width:140px;
margin:4px 20px 0 2px;
}

#fordjup span {
display:inline;
cursor:default;
}

#like {
position:fixed;
left:15px;
top:15px;
width:300px;
}

#fukushima {
top:15px;
right:15px;
color:#f9f9f9;
letter-spacing:2px;
font:17px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
position:absolute;
}

#fukushima a {
background:#f9f9f9;
color:#282828;
padding:4px;
}