/* Fonts */
@font-face {
    font-family: 'playfair_displayitalic';
    src: url('fonts/playfairdisplay-italic-webfont.eot');
    src:          url('fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg'),
         url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-italic-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body {
padding:0;
margin:0;
color:#eeeeee;
font-family:'Helvetica';
background:#222;
}
img {
border:0;
}
.header-cont {
float: left;
width: auto;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 1px;
background: rgb(0, 0, 0);
background-color: rgba(0,0,0,0.8);
filter: alpha(opacity=80);
}
#header {
position:absolute;
top:30px;
left:30px;
color:white;
padding:0;
z-index:20;
width:800px;
}
#header-inner {
margin:0 auto;
width:980px;
}
#header img {
float:left;
}
.meny-cont {
float:left;
letter-spacing:1px;
overflow:hidden;
}
.menulistclear {
clear:both;
}
#topmenuinner {
overflow:hidden;
}
.meny-cont ul {
margin-top:0px;
display:block;
width:auto;
overflow:hidden;
}
.meny {
margin:0;
background-color:none;
list-style:none;
padding:5px;
}
ul {
padding:0;
margin:0;
}
li.meny {
text-transform:uppercase;
padding:0px 0px 0px 0px;
display:block;
float:left;
padding-left:1px;
padding-bottom:1px;
font-size:12px;
line-height:14px;
margin:0;
}
li.menyimg {
text-transform:uppercase;
padding:0px 0px 0px 0px;
display:block;
float:left;
padding-left:1px;
padding-bottom:1px;
font-size:12px;
margin:0;
}
li.version {
text-transform:uppercase;
padding:0px 5px 0px 5px;
display:inline;
font-size:0.8em;
}
li.meny a {
color:#fefefe;
text-decoration:none;
display:block;
padding:10px 16px 10px 16px;
background: #000000;
}
li.rightmeny a {
color:#fefefe;
text-decoration:none;
display:block;
padding:9px 16px 10px 16px;
background:#333333;
}
li.menyimg a {
display:block;
padding:0;
width:34px;
height:34px;
overflow:hidden;
background: #000000;
cursor:pointer;
}
li.twitter a:hover {
background:#1fa6d7;
}
li.facebook a:hover {
background:#2c4d8e;
}
li.tumblr a:hover {
background:#2d4965;
}
.minimize {
float:left;
padding-left:1px;
width:34px;
height:34px;
}
.minimize a {
background: #000000;
width:34px;
height:34px;
display:block;
cursor:pointer;
}
.minimize a:hover {
background:#d33b2f;
}
li.meny a:hover {
color:#222222;
background: rgb(255, 255, 255);
background-color:rgba(255,255,255,0.9);
filter: alpha(opacity=90);
}
li.rightmeny a:hover {
color:#222222;
background: rgb(255, 255, 255);
background-color:rgba(255,255,255,0.9);
filter: alpha(opacity=90);
}
li.rightmeny a.floatboxactive {
color:#fefefe;
background: #d33b2f;
}
li.meny a:active {
color:#111;
text-decoration:none;
}
li.active {
color:#dc7f22;
}
li.mactive a {
color:#dc7f22;
}
li.meny a.mactive {
text-decoration:none;
color:#dc7f22;
}
#sharefbox {
z-index:2010;
padding:15px;
background: rgb(255, 255, 255);
background-color:rgba(255,255,255,0.9);
filter: alpha(opacity=90);
display:none;
position:absolute;
left:251px;
top:99px;
}
.sharethis {
display:inline;
float:left;
vertical-align: top }
.sharethis ul { margin:0 0 5px 0; padding:0 0 5px 0; list-style:none; }
.sharethis li { 
display:inline;
vertical-align: top;
float:left;
margin:0;
 }
#footer {
width:100%;
text-align:center;
overflow:hidden;
color:#bbbbbb;
margin-top:20px;
font-size:0.8em;
}
#footer-inner {
width:980px;
overflow:hidden;
margin:0 auto;
padding:25px 0;
text-align:left;
}
#follow {
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}
#links {
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}
#footer a {
color:#cccccc;
text-decoration:none;
}
#footer a:hover {
color:#eeeeee;
}
#floatmenu {
z-index:2010;
display:none;
padding-top:0px;
width:180px;
margin-top:65px;
position:absolute;
cursor:pointer;
}
#floatmenu ul {
border-bottom:5px solid black;
padding:5px 0;
margin:0;
background: rgb(255, 255, 255);
background-color:rgba(255,255,255,0.9);
filter: alpha(opacity=90);
}
#floatmenu li {
padding:0;
margin:0;
list-style:none;
}
#floatmenu a {
display: block;
width:90%;
height:100%;
padding:8px 5%;
font-size:12px;
color:#111111;
text-transform:uppercase;
border-bottom:1px solid #dddddd;
text-decoration:none;
}
#floatmenu a:hover {
background:#dddddd;
color:#dc7f22;
}
.floattitle {
padding-left:10px;
font-size:12px;
font-weight:bold;
}

.wrapper {
position:relative;
padding:30px;
padding-top:130px;
min-width:960px;
}
#infotitle {
position:absolute;
top:115px;
left:30px;
z-index:10;
display:inline-block;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}
#infobottom {
position:absolute;
top:334px;
left:30px;
z-index:10;
display:inline-block;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
background: #222222;
}
.info {
position:absolute;
top: 213px;
left:30px;
z-index:10;
display:inline-block;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}
.title {
color: #eeeeee;
text-align: left;
margin: 0 auto;
margin-bottom: 0px;
font-family: 'playfair_displayitalic';
font-size: 52px;
line-height: 48px;
font-style: italic;
font-weight: 400;
background:#222;
padding-top:20px;
padding-right:30px;
}
.smalltitle {
font-family: 'playfair_displayitalic';
font-style:italic;
font-size:24px;
line-height:30px;
color:#eeeeee;
font-weight: 400;
background:#222;
}
.desc {
width:370px;
line-height:24px;
font-size:14px;
background:#222;
padding:20px 0px;
padding-right:70px;
color:#c7c7c7;
}
#timedistance {
height:400px;
width:100%;
}
#tooltip {
position:absolute;
color:#333;
padding:10px;
background:#eeeeee;
border-radius:5px;
width:200px;
margin-left:-110px;
z-index:22;
-webkit-box-shadow: 0 0 10px #111111;
box-shadow: 0 0 10px #111111;
}
#pleasedonate {
padding:20px;
border:1px solid #cccccc;
background:#eeeeee;
text-align:center;
font-size:12px;
}
.donatetitle {
font-weight:600;
margin-bottom:10px;
font-size:14px;
}
#popuparrow {
background:none;
position:absolute;
left:100px;
bottom:-10px;
}
#popuparrowright {
background:none;
position:absolute;
top:50px;
}
.date {
display:inline-block;
font-size:12px;
}
.daynum {
background:#111111;
padding:5px;
text-transform:uppercase;
color:#fefefe;
font-size:11px;
display:inline-block;
margin-right:10px;
}
#eventinfo {
  position:absolute;
  z-index:21;
  background:#eeeeee;
  color:#222222;
  padding:10px;
  width:380px;
  border-radius:5px;
  display:none;
  margin-left:-200px;
  -webkit-box-shadow: 0 0 10px #111111;
  box-shadow: 0 0 10px #111111;
}
#eidate {
  display:block;
  font-size:18px;
  line-height:22px;
  margin-bottom:10px;
  font-weight:bold;
}
#eidaynum {
  background:#111111;
  padding:3px 5px;
  text-transform:uppercase;
  color:#fefefe;
  font-size:11px;
  float:right;
  margin-left:10px;
}
#eimiles {
  background:#111111;
  padding:3px 5px;
  text-transform:uppercase;
  color:#fefefe;
  font-size:11px;
  float:right;
  margin-left:10px;
}
#eidesc {
  font-size:14px;
  line-height:24px;
}
#closeit {
  cursor:pointer;
  float:right;
  margin-left:10px;
}
.legendLabel {
  padding-left:10px;
  color:#c7c7c7;
}
#legend {
width: 300px;
background: #222222;
padding-bottom:10px;
padding-top:10px;
}
#mountdoom, #lonelymountain, #hobbiton {
  position:absolute;
  z-index: 11;
}
#about {
position:relative;
padding:30px;
min-width:960px;
background:#eeeeee;
color:#333333;
}
.aboutbox {
width:25%;
float:left;
}
.boxtitle {
text-transform:uppercase;
color:#fefefe;
font-size:16px;
background:#d33b2f;
padding:4px 7px;
margin-left:10px;
display:inline-block;
}
.boxcontent {
font-size:12px;
line-height:20px;
padding:10px;
}
#starttitle {
text-transform:uppercase;
letter-spacing:1px;
margin-top:15px;
font-size:14px;
}
#starthobbit, #startlotr {
margin-top:5px;
padding:10px 10px;
text-transform:uppercase;
display:inline-block;
border:1px solid #cccccc;
color:#cccccc;
cursor:pointer;
margin-right:10px;
font-size:14px;
letter-spacing:1px;
}
#starthobbit:hover {
border:1px solid #ebce88;
color:#ebce88;
}
#startlotr:hover {
border:1px solid #d33b2f;
color:#d33b2f;
}
#bone {
position:absolute;
z-index:3000;
right:50%;
width:130px;
height:421px;
background:url('bone.png');
}
#btwo {
position:absolute;
z-index:3000;
right:-400;
top:800;
width:208px;
height:189px;
background:url('btwo.png');
}
#bthree {
position:absolute;
z-index:3000;
top:500;
right:-500;
width:256px;
height:242px;
background:url('bthree.png');
}