@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
font-family: Georgia, 'Times New Roman', serif;
font-size: 12px;
color: #000;
background: #fff;
margin: 0;
width: 100%;
min-width: 980px;
}

#content {
margin: -90px 0 0 0;
}

#header {
margin: 0;
padding: 0;
background: url(../images/menu-back.png) repeat-x;
height: 100px;
}

#nav {
margin: 0 0 0 30px;
padding: 0;
text-align: center;
width: 600px;
}

#nav li {
float: left;
list-style: none;
margin: 0;
padding: 9px 15px;
font-size: 12px;
text-transform: uppercase;
position: relative;
z-index: 100;
}

#nav li a {
color: #fff;
}

#nav a.selected {
background: url(../images/menu-background.png);
margin: 0;
padding: 9px 15px;
}

div.ahover {
position: absolute;
z-index: 99;
background: url(../images/menu-background.png);
}

a {
color: #015c82;
text-decoration: none;
outline: none;
}

a:hover, a:focus {
color: #29b0e8;
overflow: hidden;
outline: none;
}

img {
display: block;
margin: 0 10px 10px 0;
}

a img {
border: 0 none;
}

#container {
background: url(../images/diran-naslovna.png) no-repeat;
width: 100%;
min-width: 980px;
}

#main {
clear: both;
width: 960px;
padding: 0 0 0 19px;
}

h1 {
clear:left;
color: #fff;
background: #990000;
text-transform: uppercase;
letter-spacing:0.1em;
font: bold 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding: 5px 7px;
margin: 0 0 2px 0;
height: 14px;
}

.more {
clear: both;
padding: 0 0 15px 0;
margin: 0;
width: auto;
}

.more a {
font-style: italic;
padding: 0 10px 0 0;
border: none;
background: url(../images/pointer-OT.png) no-repeat right 1px;
width: auto;
}

.more a:hover {
background-position: right -32px;
}

#player-OT {
margin: 398px 0 0 550px;
}

#player-OT a {
display: block;
text-indent: -9999em;
width: 400px;
width: 398px;
height: 24px;
z-index: 10000;
position: absolute;
margin-top: 0;
background: transparent url(../images/launch-audio.png) no-repeat 0 0;
border: none;
outline: none;
}

#player-OT a:hover {
background-position:0 -24px;
}

.home #main { padding-left: 15px; }
.home .col {
width: 227px;
float: left;
margin: 10px 10px 10px 0;
padding: 0 0 30px 0;
background: url(../images/white-transp.png) repeat;
}
.home .col.duo { width: 468px; margin: 10px 0 0 0; background: transparent; }
.home .col.duo h1 { width: 456px; }
.home .col.duo-new-album { width: 468px; height: 295px; margin: 10px 0 0 0; background: transparent; }
.home .col.duo-new-album h1 { width: 456px; }
.home .minor-bit, .home .duo-duo { float: left; padding: 0 0 10px 0; }
.home .minor-bit, .home .duo-duo-new-album { float: left; padding: 0; }
.home .duo-duo h2 {width: 455px; }
.home .col img { margin: 0;}
.home .col ul {list-style: none; margin: 10px }

.home .col li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #777;
position: relative;
}
.home .col a { font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; border: none; }
.home .col li p, .home .col li h3 {font-size: 12px; margin: 0 0 3px 0; }
.home .col li h3 {font-size: 13px; margin: 0; }
.home .col li.first p, .home .col li.first h3 {font-size: 14px; margin: 0 0 3px 0; }


#pod-meniTO { float: left; list-style: none; margin: 31px 0 0 13px; width: 955px; }
#pod-meniTO li {width: 190px; float: left; background: url(../images/white-transp.png) repeat 0 0; margin: 0 0 0 2px; font: 11px/1.5 'Trebuchet MS', Arial, sans-serif; }
#pod-meniTO a { display: block; width: 124px; padding: 1em 10px 1em 56px; color: #333; border: none; margin: 0; min-height: 77px; }
#pod-meniTO li.first-the { width: 177px; }
#pod-meniTO .first-the a { width: 111px; background: transparent url(../images/videos.png) no-repeat 14px 10px; }
#pod-meniTO .first-the a:hover, #pod-meniTO .first-the a:focus { background-image: url(../images/rollover/videos.png); }
#pod-meniTO .second-the a { width: 120px; padding-left: 60px; background: transparent url(../images/audio.png) no-repeat 13px 13px; }
#pod-meniTO .second-the a:hover, #pod-meniTO .second-the a:focus { background-image: url(../images/rollover/audio.png); }
#pod-meniTO .third-the a { width: 115px; padding-left: 65px; background: transparent url(../images/photos.png) no-repeat 10px 13px; }
#pod-meniTO .third-the a:hover, #pod-meniTO .third-the a:focus { background-image: url(../images/rollover/photos.png); }
#pod-meniTO .fourth-the a { width: 121px; padding-left: 59px; background: transparent url(../images/down.png) no-repeat 14px 10px; }
#pod-meniTO .fourth-the a:hover, #pod-meniTO .fourth-the a:focus { background-image: url(../images/rollover/down.png); }
#pod-meniTO li.fifth-the { width: 191px; }
#pod-meniTO .fifth-the a { width: 118px; padding-left: 63px; background: transparent url(../images/listen.png) no-repeat 9px 9px; }
#pod-meniTO .fifth-the a:hover, #pod-meniTO .fifth-the a:focus { background-image: url(../images/rollover/listen.png); }
#pod-meniTO a:hover, #pod-meniTO a:focus { background-color: #fff; }
#pod-meniTO a strong { display: block; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.5em; }
#pod-meniTO a:hover strong, #pod-meniTO a:focus strong { color: #e72d1b; }
#pod-meniTO h3, .home .col .meta, .event-meta, .duo-duo h4 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif;text-transform: uppercase; letter-spacing:0.1em; font-style: normal; font-weight: bold; }


#footer {
clear: both;
position: relative;
padding-bottom: 20px;
padding-top: 15px;
background: url(../images/senka-foot.png) repeat-x; height: 30px;
}
#footer ul li {
background: transparent;
display: block;
float: left;
color: #333;
padding: 5px 0 0 40px; 
margin: 0;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
}
#footer a {
color: #015c82;
border: none;
}
#footer a:hover {
color: #333;
}