@charset "utf-8";
/* CSS Document */

html, body {
margin: 0;
padding: 0;
border: 0;
outline: none;
vertical-align: baseline;
overflow: hidden;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-align: justify;
background: #000;
margin: 0;
padding: 0;
}

#logo {
margin: 0;
padding: 50px 0 0 10px;
}

#controller {
width: 900px;
height: 50px;
margin: 0;
padding: 0 15px 0 0;
float: right;
}

#menu {
float: right;
z-index: 5;
}

#menu ul {
float: right;
}

#menu ul li {
float: left;
margin-left: 20px;
padding-top: 0;
}

#menu ul li:hover, #menu ul li.active {
padding-top: 0;
background: url(../images/nav-hover.png) no-repeat center bottom;
}

#menu ul li a {
color: #fff;
font-size: 27px;
}

#menu ul li a:hover {
color: #a8171e;
text-decoration: none;
}

li {
margin: 0;
}

ol {
list-style-position: inside;
margin-bottom: 15px;
}

ul {
list-style: none;
}

a {
text-decoration: none;
font-weight: bold;
color: #660017;
outline: none;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #000;
}

.style-1 {
color: #000;
font-size: 23px;
}

.content {
width: 520px;
position: absolute;
top: 100px;
left: 0;
z-index: 10;
background: none;
}

.post {
margin: 0;
padding: 0 20px 0 10px;
text-align: justify;
background: none;
}

.post p {
padding: 0 0 20px 10px;
}

h1 {
color: #660017;
font-size: 55px;
padding: 5px 0 0 10px;
}

h2 {
color: #660017;
font-size: 35px;
padding: 5px 0 0 0;
}

.media a {
color: #fff;
}

.media a:hover {
color: #660017;
}

#header {
position: absolute;
width: 100%;
height: 80px;
background: url(../images/mreza.png) repeat-x;
z-index: 10;
top: 0;
}

#social-links {
margin-top: 39px;
height: 35px;
background-position: 0 -70px;
width: 500px;
}

#social-links a img {
height: 35px;
background: url(../images/social-links.png);
outline: none;
}
 
#social-links a img.social-link-twitter { width: 80px; background-position: 0 -70px; }
#social-links a img.social-link-youtube { width: 85px; background-position: -84px -70px; }
#social-links a img.social-link-facebook { width: 85px; background-position: -173px -70px; }
#social-links a img.social-link-myspace { width: 113px; background-position: -261px -70px; }
#social-links a img.social-link-twitter:hover { width: 80px; background-position: 0 -105px; }
#social-links a img.social-link-youtube:hover { width: 85px; background-position: -84px -105px; }
#social-links a img.social-link-facebook:hover { width: 85px; background-position: -173px -105px; }
#social-links a img.social-link-myspace:hover { width: 113px; background-position: -261px -105px; }

.footer {
width: 100%;
height: 70px;
background: url(../images/footer.png) repeat-x;
position: absolute;
overflow: hidden;
left: 0;
bottom: 0;
z-index: 10;
}

.footer .player {
color: #fff;
margin: -30px auto;
text-align: center;
}

.footer .player a {
text-decoration: none;
color: #660017;
outline: none;
}

.footer .player a:hover {
text-decoration: none;
color: #fff;
outline: none;
}

.footer #credits {
position: absolute;
top: 30px;
right: 15px;
}

.footer #credits a {
font-size: 24px;
color: #fff;
}

.footer #credits a:hover {
font-size: 24px;
color: #660017;
}