/*
DESIGN PATRIK HERMANSSON 
*/

* {
margin:0;
padding:0;
}

html, body {
height: 100%;
background-color:#ababab;
}

a img {
border: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;
}

.article {
font-style:normal;
font-weight:400;
background-color:#f9f9f9;
font-size:12px;
line-height:22px;
font-family: sans-serif;
color:#323232;
-moz-box-shadow:5px 5px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:5px 5px 6px rgba(0, 0, 0, 0.1);
padding:40px;
}

.textbox {
width:450px;
position:absolute;
z-index:300;
}

.picinfo {
line-height:20px;
text-align:right;
font-size:13px;
font-family:Helvetica, Arial, Sans-serif;
color:#f7f7f7;
position:fixed;
}

#head {
color:#f7f7f7;
position:absolute;
top:140px;
left:40px;
z-index:100;
width:40%;
}

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

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

h2 {
padding-bottom:5px;
border-bottom:#bfbfbf solid 1px;
margin-top:15px;
margin-bottom:8px;
text-align:left;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
font:20px 'BebasNeueRegular', Helvetica, Arial, Sans-serif;
text-shadow:0 0 1px rgba(0, 0, 0, 0.01);
color:#1c1c1c;
}

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

#menu {
left:30px;
width:650px;
bottom:26px;
position:fixed;
z-index:3000;
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 {
cursor:pointer;
float:left;
position:relative;
}

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

.section {
background-color:transparent;
background-attachment:fixed;
overflow:hidden;
height:1200px;
width:100%;
position:relative;
margin-top:0;
}

.next {
right:0;
bottom:0;
position:absolute;
font-size:11px;
font-style:italic;
font-family: Sans-Serif;
background-color:#1d1d1d;
padding:4px;
}

i {
font-style:normal;
}

.textbox a {
text-decoration:none;
background-color:#535353;
color:#f7f7f7;
padding:0 1px;
}

.textbox a:hover {
color:#535353;
background-color:#f7f7f7;
}

.readmore {
text-decoration:none;
background-color:#535353;
color:#f7f7f7;
padding:3px;
}

.next a,.next a:hover {
text-decoration:none;
color:#f7f7f7;
background:transparent;
}

.cc {
width: 100px;
height: 23px;
position: absolute;
bottom: 22px;
right: 15px;
z-index:3000;
}