@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

body { text-align: center; background-color: #0f0f0f; color: #cacaca; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; }
#container img {max-width: 700px;}
a { color: #FFF; text-decoration: none; }
a:hover { color: #cacaca; text-decoration: underline; }
#container { margin: 20px auto; width: 1000px; text-align: left; }
#top { width: 1000px; height: 260px; background-image: url('../img/top_2026.png'); border-top: #FFDE23 solid 1px; background-size: cover; }
#main { width: 1000px; margin-top: 20px; }
#menu { width: 200px; float: left; background-color: #1C1C1C; border-top: #FFDE23 solid 1px; }
#content { width: 760px; margin-left: 220px; background-color: #1C1C1C; padding: 10px 10px 0 10px; border-top: #FFDE23 solid 1px; }
#bottom { width: 980px; background-color: #1C1C1C; margin-top: 20px; padding: 10px; color: #FFF;
    font-family: 'Noto Sans', sans-serif; border-top: #FFDE23 solid 1px;}
#bottom b { color: #FFDE23; text-transform:uppercase; }

#menu ul { margin: 0; padding: 0 10px 10px 10px; list-style-type: none; }
#menu ul li.nav-header { color: #FFDE23; padding: 15px 0 2px 0; text-transform:uppercase; font-weight: bold; font-size: 0.9em; }
#menu ul li a { display: block; padding: 5px; background-image: url(images/herb_2.png); background-repeat: no-repeat;
    background-position: 0px 5px; padding-left: 20px; color: #FFF; text-decoration: none; }
#menu ul li a:hover { background-color: #242424; }

#content h1 { padding: 0; margin: 0; color: #FFDE23; font-size: 2em; text-transform:uppercase; }
#content h4 { padding:5px 0 0 0; margin: 0px; font-size: 1.5em  }
#content .news-foot { padding-bottom: 15px; }
#content .news-element { border-bottom: 1px solid #FFDE23; border-bottom-width:80%; border-bottom-style:dotted; margin-bottom: 15px; }

.pagination { padding: 10px; }
.pagination ul { margin:4px 0; padding:0px; height:100%; overflow:hidden; font:12px 'Verdana'; list-style-type:none;}
.pagination ul li { float:left; margin:0px; padding:0px; margin-left:5px; }
.pagination ul li:first-child { margin-left:0px; }
.pagination ul li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px;}
.pagination ul li a { color:#707070; background:#FFFFFF; border-radius:3px; -moz-border-radius:3px;
    -webkit-border-radius:3px; border:solid 1px #DCDCDC; padding:6px 9px 6px 9px;}
.pagination ul li { padding-bottom:1px;}
.pagination ul li a:hover, .pagination ul li.active a { color:#893A00; text-shadow:0px 1px #FFEF42;
    border-color:#FFA200; background:#FFC800;  background:-moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800));
}
#content ul.categories { list-style-type: none; margin: 0px; padding: 0px; }
#content ul.categories li { padding: 2px; }
.album img { border: 1px solid #000; }
.news-content { float: left; }
.news_avatar { float: left; width:180px; border: #FFDE23 solid 1px; margin: 5px; display: inline; }
.news-more { color: #FFDE23; font-size: 1.2em; }
.album { height: 120px; }