/* CSS by KODIN & INTERNET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
letter-spacing: 0px;
word-spacing: 0px;
}
:focus {
outline: 0;
}
body {
color: #666; /* boja svih slova */
background: #242424;
font: 15px/21px 'Adamina', serif;
font-family: 'Adamina', serif;
}
p {
padding-bottom: 20px;
line-height:19px;
font-size:14px;
letter-spacing: 0px;
word-spacing: 0px;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
acronym {
cursor: help;
border-bottom: 1px dashed #333;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
hr {
display: none;
}
.right {
float: right;
}
.left {
float: left;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a:link, a:visited {
color: #DADADA;
font-size:14px;
text-decoration: none;
font-weight:bold;
}
a:hover {
color: #DADADA;
font-size:14px;
text-decoration: none;
font-weight:bold;
}
a:active {
color: #DADADA;
font-size:14px;
text-decoration: none;
font-weight:bold;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-family: 'Adamina', serif;
padding-bottom: 20px;
letter-spacing: 0px;
}
h2, h3 {
color: #DADADA;
font-size: 20px;
line-height: 20px;
letter-spacing: 0px;
padding-bottom: 20px;
}
h4 {
color: #DADADA;
font-weight: bold;
line-height: 20px;
letter-spacing: 2px;
padding-bottom: 0px;
margin-bottom:-4px;
}
h5 {
color: #666;
font-size: 14px;
font-weight: normal;
line-height: 20px;
letter-spacing: 0px;
margin-left:1px;
margin-top:-20px;
padding-bottom: 0px;
}
/* countdown */
#count{
padding-top:205px;
padding-right:180px;
text-align:right;
font-family: Consolas;
font-weight: bold;
font-size: 10px;
letter-spacing: 1px;
color:#fff;
}
#header_wrap {
position: relative;
min-width: 940px;
padding: 25px 30px 0 30px;
}
#content_wrap {
position: relative;
min-width: 940px;
padding: 0 30px 135px 30px;
}
#footer_wrap {
position: fixed;
bottom: 0;
height: 47px;
width: 100%;
background: transparent repeat-x 0 0;
border: 0px;
z-index: 99;
}
/* Header */
#header_led {
position: relative;
width: 944px;
margin: 0 auto;
height: 219px;
background: transparent url(images/header_led.png) no-repeat 0 0;
}
.light-bulb {
position: absolute;
left: -30px;
bottom: -43px;
}  
#content {
position: relative;
width: 940px;
margin: 0 auto;
}
.side-tag {
position: absolute;
top: 40px;
left: -16px;
}
#section-one {
position: relative;
min-height: 200px;
}
.slider_wrap {
top: -125px;
margin-bottom: -225px;
right: 30px;
position: relative;
border-bottom: none;
}
#slider_3d{
min-height:350px;
}
.post {  /* Frejm sastrane*/
border-left: 1px solid #000;
border-right: 1px solid #000;
position: relative;
padding: 30px 40px 40px 75px;
}
.even {
background: transparent url(images/lighter-bg.png) repeat-x 0 0;
position: relative;
}
.odd {
background: transparent url(images/darker-bg.png) repeat-x 0 0;
position: relative;
}
.small_artist
{
width: 100%;
height: 200px;
overflow:auto;
text-align:left;
}
.post-image { /* bio img frame*/
float: left;
width: 402px;
height: 226px;
}
.post-image img { /* bio img frame*/
padding: 1px 0 0 1px;
}
.post-text { /* bio txt frame*/
float: left;
padding-left: 20px;
width: 400px;
}
.post-text h2 { /* bio txt frame*/
font-size:24px;
padding: 0;
}
.post-text h3 { /* bio txt frame*/
font-size: 16px;
font-family: Arial;
font-weight: normal;
padding-bottom: 20px;
letter-spacing: -0.5px;
}
.post-even { /* bio svijetli frame*/
background: transparent url(images/lighter-bg.png) repeat-x 0 0;
border: 1px solid #000;
border-top: none;
padding: 6px;
}
.bullets-list li{
margin-left:20px;
list-style-type:square;
list-style-image: url(images/bullet.png);
padding-bottom:5px;
}
.bullets-list-gray li{
margin-left:40px;
list-style-type:square;
list-style-image:url(images/bullets-gray.png);
padding-bottom:0px;
}
.bullets-list-gray li a{
color:#DADADA;
font-size:16px;
}
.bullets-list-gray li a:hover{
color:#666;
}
.white_links a{
color:#DADADA;
font-weight: normal;
}
.white_links a:hover{
color: #DADADA;
font-weight: normal;
}
.div-left {
float: left;
width: 370px;
padding: 0 50px 60px 75px;
}
.div-right {
position: relative;
float: left;
width: 370px;
padding: 0 50px 60px 0;
}
.div-right a{
color:#82381e;
}
.div-right a:hover{
color:#DADADA;
}
.link-color a{
color:#DADADA;
}
.section-imena {
float: left;
}
.section-imena li {
float: left;
padding: 0px;
display: block;
width: 100%;
}
.section-imena h2 { /* the section-imena names h2*/
float: left;
color:#DADADA;
width: 50%;
padding-right: 2px;
font-size: 18px;
letter-spacing: 0px;
padding-bottom: 30px;
color: #DADADA;
}
.section-imena span { /* the section-imena types*/
float: left;
width: 45%;
color: #666;
}
.section-imena span a {
color: #DADADA;
}
.section-double { /*lokacija i program music*/
background: transparent url(images/lighter-bg.png) repeat-x 0 0;
border-left: 1px solid #000;
border-right: 1px solid #000;
position: relative;
}
.section-double h2 span {
color: #DADADA;
font-size: 16px;
padding-left: 5px;
}
.sponzori_bottom { /*sponzor logoi*/
margin-top: 60px;
width:940px;
min-height:271px;
position: relative;
margin-bottom:-50px;
}

/* KONTAKT FORMA */
#contact-area {
width: 300px;
margin-top: 0px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 300px;
font-family: Arial, sans-serif;
font-size: 14px;
margin: 0px 0px 10px 0px;
border: 1px solid #DADADA;
background-color:#262626;
color:#DADADA;
}
#contact-area textarea {
height: 40px;

}
#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #5e5e5e;
}
#contact-area input.submit-button {
color:#262626;
background-color:#DADADA;
font-weight:bold;
width: 70px;
height: 30px;
float: left;
cursor:pointer;
}

/* KONTAKT */	
#contact { /*kontakt wrap*/
position: relative;
border: 1px solid #000;
background: transparent url(images/contact-bg.png) repeat-x 0 0;
min-height: 200px;
line-height: 20px;
}
#contact p {
padding-bottom: 50px;
}
.contact-form { /*kontakt section-imena i forma wrap*/
float: left;
width: 365px;
padding: 0 50px 60px 75px;
}
#contact .contact-form p {
padding-bottom: 30px;
}
.contact-info {
position: relative;
float: right;
width: 240px;
padding: 0 200px 60px 0;
}
.poluga_logo {
position: absolute;
right: 60px;
top: 0px;
}
.led_logo {
position: absolute;
right: 60px;
top: 170px;
}
#frame-one {
position: relative;
border: 1px solid #000;
background: transparent url(images/contact-bg.png) repeat-x 0 0;
min-height: 100px;
line-height: 20px;
}
.frame-one {
display: block;
padding: 50px 0 50px 70px;
}
.press-kit-left {
float: left;
width: 365px;
padding: 0 50px 60px 75px;
}
.press-kit-right {
position: relative;
float: right;
width: 390px;
padding: 0 50px 60px 0;
}

/* FOOTER */
#footer {
position: relative;
min-width: 1000px;
z-index:10;
}

/* SOCIAL */
.social{ 
width:400px;
margin-top:16px;
padding:0px;
text-align:left;
border:0px;
background:transparent;
}

/* MP3 PLAYER */
.mp3_player {
position: absolute;
top: 7px;
z-index: 10;
padding: 4px 0px 0px 164px;
}

/* LIKE */
.facelike {
position: absolute;
top: 7px;
z-index: 10;
padding: 4px 0px 0px 480px;
}

/* VIDEO BOX */
.video_box{
	margin-top:20px;
	border:1px solid #5C5C5C;
}

/* SOUNDCLOUD BOX */
.soundcloud{
	margin-top:20px;
}

/* FOOTER LOGO */
.footer-logo {
margin: 0px 0 0 0px;
position: absolute;
z-index: 10;
padding: 0px 0 0 0px;
}

/* SITES */
.artist_wrap {
position: absolute;
right: 11px;
top: 8px;
font: 14px/24px arial, helvetica, sans-serif;
z-index: 10;
padding: 4px 0;
}
.artist_wrap .artist_header {
width:74px;
text-indent: -9999px;
cursor:pointer;
}
.artist_wrap ul {
font: 10px arial, sans-serif;
position:absolute;
left: 0px;
top:-312px;
width:140px;
border:1px solid #ffffff;
background: #1c1c1c;
padding: 12px 0px;
line-height: 15px;
display: none;
list-style: none;
}
.artist_wrap:hover ul {
left: 0px;
}
.artist_wrap ul li a {
display:block;
font-size:10px;
padding: 1px 15px;
color: #ffffff;
text-indent: 0;
}
.artist_wrap ul li a:hover {
text-decoration:none;
color: #ffffff;
}

/* ARTIST */
.menu_wrap {
    font: 14px/24px arial,helvetica,sans-serif;
    left: 11px;
    padding: 4px 0;
    position: absolute;
    top: 8px;
    width: 123px;
    z-index: 10;
}
.menu_wrap .menu_header {
width: 123px;
text-indent: -9999px;
background: transparent url(images/menu_menu.gif) no-repeat 0px 0px;
cursor:pointer;
}
.menu_wrap ul {
font: 10px arial;
position:absolute;
left: 0px;
top:-309px;
width:121px;
border:1px solid #595959;
background: #1c1c1c;
padding:8px 0px;
line-height: 10px;
display: none;
list-style: none;
}
.menu_wrap:hover ul {
left: 0px;
}
.menu_wrap ul li a {
display:block;
font-size:9px;
letter-spacing: 0px;
padding: 3px 8px;
color: #9c9c9c;
text-indent: 0;
}
.menu_wrap ul li a:hover {
text-decoration:none;
color: #990000;
}