html, body, form, ul, li, table, td { margin: 0; padding: 0; }
body {
padding:0;
margin:0;
color:#333;
font-family:'Helvetica';
background:#eeeeee;
}
@font-face {
    font-family: 'QuicksandLight';
    src: url('http://lotrproject.com/statistics/font/Quicksand_Light-webfont.eot');
    src: url('http://lotrproject.com/statistics/font/Quicksand_Light-webfont.eot') format('embedded-opentype'),
         url('http://lotrproject.com/statistics/font/Quicksand_Light-webfont.woff') format('woff'),
         url('http://lotrproject.com/statistics/font/Quicksand_Light-webfont.ttf') format('truetype'),
         url('http://lotrproject.com/statistics/font/Quicksand_Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'QuicksandBold';
    src: url('http://lotrproject.com/statistics/font/Quicksand_Bold-webfont.eot');
    src: url('http://lotrproject.com/statistics/font/Quicksand_Bold-webfont.eot') format('embedded-opentype'),
         url('http://lotrproject.com/statistics/font/Quicksand_Bold-webfont.woff') format('woff'),
         url('http://lotrproject.com/statistics/font/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('http://lotrproject.com/statistics/font/Quicksand_Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'QuicksandBook';
    src: url('http://lotrproject.com/statistics/font/Quicksand_Book-webfont.eot');
    src: url('http://lotrproject.com/statistics/font/Quicksand_Book-webfont.eot') format('embedded-opentype'),
         url('http://lotrproject.com/statistics/font/Quicksand_Book-webfont.woff') format('woff'),
         url('http://lotrproject.com/statistics/font/Quicksand_Book-webfont.ttf') format('truetype'),
         url('http://lotrproject.com/statistics/font/Quicksand_Book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
.wrapper {
width:980px;
margin:0 auto;
margin-top:80px;
padding:0 20px;
}
.title {
padding:0px 0px;
font-family: 'Playfair Display', serif;
font-style:italic;
margin-bottom:40px;
font-size:52px;
color:#3c3c3c;
}
.imagediv {
float:right;
padding:10px;
color:#333;
font-size:12px;
}
.imagediv a {
color:#3c3c3c;
text-decoration:none;
}
.section {
width:500px;
font-family:'QuicksandBook';
line-height:22px;
margin-bottom:20px;
}
.section-right {
float:right;
width:440px;
}
.section-title {
text-transform:uppercase;
padding:0px 0px;
font-family:'QuicksandBold';
margin-top:0px;
margin-bottom:20px;
font-size:18px;
color:#3c3c3c;
}
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:#333333;
}
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:#333333;
cursor:pointer;
}
.section ul {
padding:0;
margin:0;
}
.section li {
list-style:none;
padding:10px 0;
margin:0;
border-top:1px solid #ccc;
}
.section-right ul {
padding:0;
margin:0;
}
.section-right li {
list-style:none;
padding:10px 0;
margin:0;
border-top:1px solid #ccc;
}
.media-title a {
color:#444444;
text-decoration:none;
font-family:'QuicksandBold';
}
.media-title a:hover {
color:red;
}
.media-date {
font-size:0.7em;
color:dark-red;
text-transform:uppercase;
}
.media-source {
font-size:0.7em;
color:dark-red;
text-transform:uppercase;
}
#footer {
width:100%;
background:#000;
text-align:center;
overflow:hidden;
color:#ffffff;
border-top:3px solid black;
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:#d1be74;
text-decoration:none;
}
#footer a:hover {
color:#eee;
}

@media (max-width: 600px) {
.wrapper {
width:90%;
margin:0 auto;
margin-top:50px;
padding:0 5%;
}
.title {
font-size:42px;
color:#3c3c3c;
text-align:center;
}
.imagediv {
float:none;
padding:0px;
color:#333;
font-size:12px;
margin-bottom:20px;
}
.imagediv img {
width:100%;
}
.imagediv a {
color:#3c3c3c;
text-decoration:none;
}
.section {
width:100%;
font-family:'QuicksandBook';
}
.section-right {
width:100%;
font-family:'QuicksandBook';
}
.overlay {
width:1200px;
height:900px;
position:absolute;
top:0;
left:0;
}
#subnav-inner {
width:1200px;
margin:0 auto;
}
#subnav {
width:100%;
position:fixed;
top:90px;
left:0;
padding:3px 11px 5px 11px;
background:black;
z-index:2002;
color:#ffffff;
}
#subnav ul {
padding:0;
margin:0;
}
#subnav li {
text-transform:uppercase;
padding:0px 0px 0px 0px;
display:inline;
font-size:0.8em;
margin:0;
padding:0;
}
#subnav a {
text-decoration:none;
color:white;
}
#subnav .active a {
text-decoration:none;
color:#d1be74;
}
#subnav a:hover {
color:#d1be74;
}
#footer {
width:100%;
text-align:center;
margin-top:20px;
}
#footer-inner {
width:80%;
margin:0 auto;
padding:10px;
text-align:center;
}
#follow {
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}
#links {
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
}
#header img {
float:none;
}
.menulistclear {
clear:none;
}
#topmenuinner {
background:#333;
}
li.meny {

}
li.meny a {

}
li.meny a:hover {

}
li.meny a:active {

}
.meny-cont {
width:100%;
}
.meny-cont ul {
width:100%;
}

}
#site-info { float: left; width: 100%; padding-right: 0px; line-height: 22px; }
.box { margin:0 auto; margin-bottom: 70px; color: #636363; }
.entry-content-right { width: 90%; padding:5%; font-size: 15px; line-height: 21px; }
.entry-content { width: 100%; margin-left: 0px; font-size: 15px; line-height: 21px; }
#comments { padding: 0 0 0 5%; width: 95%; }
.entry-aside { display:none; }
.entry-content-right img, .post img, .page img {
margin:0;
width:100%;
max-width:100%;
}
#nav-above { display:none; padding-right:0; }
.post_title { margin-top: 35px; overflow: hidden; }
.post_title h1 { margin: 0 0 10px 10px; font-size: 27px; line-height: 35px; width: 100%; }
.entry-title, .page-title { margin-left: 10px; margin-top: 35px; }
}