/* CSS Document */
body{
padding:0;
margin:0;
background:#000;
text-align:center;
color:#f1f1f1;
font:11px verdana;
}

/*********************************************************++*/

li{
position: relative;
display: inline;
list-style-type: none;
padding:0px;
margin:0px;
font:11px verdana;
color:#1c76c2;
}

li a{
text-decoration: none;
color:#829df8;
}

li a:link, li a:visited{color:#829df8;}

li.drugi a:link, li.drugi a:visited{color:#1c76c2;}

li a:hover, li a:active{background:#000;}

li ul{
position: absolute;
display:none;
padding-top:8px;
border:0;
}

li li{
padding:0;
margin:0;
}

li:hover ul {display: block;}

a:link,a:visited{
color:inherit;
text-decoration:none;
}

a:hover,a:active{color:#ccc;}

/*********** CONTAINERS  *******/
#top{
height:63px;
margin:0;
padding:0;
background:
	#2b2b2b
	url(../images/top_stripes.jpg)
	no-repeat
	center;
text-align:center;
}


#header{
height:171px;
margin:0 auto;
padding:0;
text-align:center;
background:
	url(../images/background_gray.jpg)
	repeat-x
	left;
}

#content{
height:212px;
margin:0;
padding:0;
background:
	url(../images/background_blue.jpg)
	repeat-x
	top;
}
#content2{
width:558px;
min-height:300px; /* sprecava plesanje content div-a ako je sadrzaj prekratak */
margin:0 auto;
padding:35px 60px;
text-align:left;
background:
	black
	url(../images/background_content.jpg)
	no-repeat
	top center;
}
.content_left{
width:279px;
float:left;
padding:0;
margin:0;
background:
	url(../images/content_left.jpg)
	repeat-y
	top left;
}

.content_right{
width:279px;
float:left;
padding:0;
margin:0;
}

p, .content_right p, .content_left p, .content_albums p{
padding:0 0 3px 0;
margin:0;
font:10px verdana;
color:#698BAA;
}

.content_albums{
float:left;
padding:0;
margin:0;
margin-right:17px;
width:261px;
border-bottom:1px solid #698baa;
}

#footer{
clear:both;
width:625px;
padding:45px 0 5px 0;
margin:0 auto;
margin-bottom:25px;
border-bottom:25px solid #1e1e1e;
font:10px verdana;
color:white;
}

/************** STYLES  **************/

h3{
padding:0;
padding-bottom:30px;
margin:0;
font:11px verdana;
font-weight:bold;
color:#829DF8;
}

h4{
width:200px;
padding:8px 0;
margin:0;
margin-top:4px;
border-top:1px solid #3e5264;
border-bottom:1px solid #698baa;
font:11px verdana;
font-weight:bold;
color:#698BAA;
}

h4.albums{width:261px;}

.svjetli{color:#809DF6;}

.tamni{color:#1E76C2;}

.dl_quicktime{
width:160px;
padding:8px 0 8px 40px;
border-bottom:1px solid #334453;
background:
	black
	url(../images/quicktime.jpg)
	no-repeat
	left;
}

.dl_win{
width:160px;
padding:8px 0 8px 40px;
border-bottom:1px solid #334453;
background:
	black
	url(../images/win.jpg)
	no-repeat
	left;
}

img.albums{border-right:110px solid #11161c;}


/*************************************************+*/


dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 3px 0 0;
padding: 0;
font:11px verdana;
color:#1c76c2;
}

dt{padding-top:30px;}

dd{padding-top:10px;}

#menu { margin-left:28%;}

#menu dl {float: left;}

#menu li {
display: inline;
font:11px verdana;
}

#menu a {
text-decoration: none;
color:#829df8;
padding: 5px 8px;
}

#menu a.drugi:link, #menu a.drugi:visited{color:#1c76c2;}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
position: absolute;
text-align:left;
width:400px;
}

a.svjetli:link, a.svjetli:visited{color:#809DF6;}
a.svjetli:hover, a.svjetli:active{color:#ccc;}

a.tamni:link, a.tamni:visited{color:#1E76C2;}
a.tamni:hover, a.tamni:active{color:#ccc;}