html, body { height: 100%; font-size:12px; font-family:arial,verdana,sans; }
body { background: url(../images/bg.jpg) repeat; overflow-y:scroll; }

article a { color:#af0000; } 
article { color:#484848; line-height:16px; } 

input[type=radio] { vertical-align: middle; margin-bottom:0; margin-top: -2px; }

span.gray { color:#8a8a8a; }
div.notice { color:#8a8a8a; margin-top:5px; font-size:10px; font-style:italic; }

h2 a.rss { width:17px; height:20px; display:block; background: url(../images/rss.gif) no-repeat; position:absolute; top:8px; right:10px; }

p.pagination {  color:#484848; text-align:center; margin-left:10px; }
p.pagination a { color:#970000; text-decoration:none; margin:0 1px; }
p.pagination strong { color:#E9E9E9; text-decoration:none; background:#6A6A6A; display:inline-block; width:17px; height:16px; line-height:16px; text-align:center; margin:0 1px; }

article p { margin-bottom:10px; }

a.button, button.button { display:inline-block; background:#a5a5a5; border:1px solid #8b8b8b; color:white; font-style: italic; height:25px; line-height:25px; font-size:14px; text-decoration:none; text-align:center; padding:0 10px}
a.button:hover { background:#970000; }
a.button.red { background:#970000; } 
a.button.gray { background:#3f3f3f; } 

a.button2 { padding:1px 8px; color:white; text-decoration:none; margin:0 5px; }
a.button2.red { background:#970000; } 
a.button2.gray { background:#3f3f3f; } 

div.left { position: absolute; width:12px; height:56px; background:url('../images/rleft.gif') no-repeat; top:100px; left:20px; cursor:pointer; }
div.right { position: absolute; width:12px; height:56px; background:url('../images/rright.gif') no-repeat; top:100px; left:249px; cursor:pointer; }
div.left.end { background:url('../images/gleft.gif') no-repeat;  cursor:auto; }
div.right.end { background:url('../images/gright.gif') no-repeat; cursor:auto; }

#container { background: url(../images/centerbg.png) repeat-y; width:1025px; margin: 0 auto; min-height:100%; position:relative; }
#holder { margin:0 42px;  }
header.main { height:120px; position:relative;  background: url(../images/head.jpg) no-repeat top center; }
#banner { position:absolute; right:0; top:50px;}
nav.top { float:right; margin-top:15px; }
nav.top a { background:#484848; color:white; padding:2px 4px; font-size:12px; text-decoration:none; margin-left:20px; }
nav.main { height:78px; background: url(../images/menubg.jpg) no-repeat;}
nav.main a { font-size:18px; color:white; text-decoration:none; display:block; float:left; margin:28px 23px; outline: 0 none; }
#mainpointer { position:absolute; top:173px; left:75px; }
#mainpointer.novice { left:188px; }
#mainpointer.koncerti { left:300px; }
#mainpointer.recenzije { left:430px; }
#mainpointer.intervjuji { left:560px; }
#mainpointer.kolumne { left:695px; }
#mainpointer.lokalna_scena { left:840px; }

div#slika { position:relative; width:640px; height:200px; float:left; margin-bottom:20px;  }
section.intro { margin-top:12px; position:relative }
article.uvodnik { width:280px; float:right; color:#484848; font-size:12px; }
article.uvodnik h1 { font-size:22px; }
article.uvodnik div { border-top:1px dotted #898989; border-bottom:1px solid #9b9999; line-height:14px; margin:8px 0; padding:8px 0; height:110px; }
section.intro input { position:absolute; top:175px; left: 661px; width:197px; height:25px; background: url(../images/searchbg.jpg) no-repeat; border:0; padding:0 5px; }
section.intro button.button { position:absolute; top:175px; left: 878px; width:62px; }

section.blocks { margin-top:20px; }
section.news { width:340px; float:left; }
section.music_gigs { width:580px; margin:0 0 20px 20px; float:left;}
section.music { width:280px; float:left; } 
section.gigs { width:280px; margin-left:20px; float:left; } 
section.local{ float:right; width:580px; } 

h2.block { background: url(../images/blockhead.png) no-repeat; height:32px; line-height:32px; padding:0 10px; color:white; font-size:21px; }
h3.block { background: url(../images/blockhead.png) no-repeat; height:32px; line-height:32px; padding:0 10px; color:white; font-size:12px; }

div.news { margin-top:10px; background:white; margin-bottom:20px; }
article.news { margin:10px 10px 0 10px; color:#212121; }
article.news time { color:#6d635b; font-size:11px; font-style:italic; }
article.news hr { border:0; border-bottom:1px dotted #998578; margin:8px 0; }
article.news h1 { margin-bottom:16px; }
article.news h1 a { color:#484848; font-size:16px; text-decoration:none; }
article.news img { margin: 0 20px 5px 0; }

article.recenzija { background:#dedddd; margin-top:10px; padding:10px; min-height:219px; }
article.recenzija a img { text-align:center;  margin: 0 55px; display:inline-block; width:150px; height:150px; }
article.recenzija hr { border:0; border-bottom:1px dotted #998578; margin:8px 0; }
article.recenzija h1 a { color:#484848; font-size:16px; text-decoration:none; }
article.recenzija h2 { color:#212121; font-size:12px; font-weight:normal; }
article.recenzija h3 { color:#8a8a8a; font-size:11px; font-weight:normal; }

div.gigs { margin-top:10px; background:#d4d4d4; overflow:hidden; min-height:540px; }
article.gig { margin:10px; }
article.gig time { color:white; font-size:12px; background:#484848; padding:2px 4px; }
article.gig div { border-top:1px dotted #898989; border-bottom:1px solid #9b9999; color:#212121; padding:6px 0; margin:12px 0; }
article.gig h1 { margin-bottom:6px;  }
article.gig h1 a { color:#484848; font-size:14px; text-decoration:none; }
article.gig span { color:#acabab;  }
article.gig span.today { color:white; float:right; background:#970000; padding:1px 5px; text-decoration:blink; }
article.gig span.tomorrow { color:white; float:right; background:#8A3333; padding:1px 5px; }

article.interview { background:#dedddd; margin-top:10px; padding:10px 10px 10px 10px; }
article.interview h1 { margin-bottom:10px;  }
article.interview h1 a { color:#484848; font-size:14px; text-decoration:none; }
article.interview hr { border:0; border-bottom:1px dotted #998578; margin:8px 0; }
article.interview img { margin-bottom:15px; }

article.kolumna { background:#d4d4d4; margin-top:10px; padding:10px 10px 10px 10px; position:relative; }
article.kolumna h1 { margin-bottom:10px;  }
article.kolumna h1 a { color:#484848; font-size:14px; text-decoration:none;  }
article.kolumna hr { border:0; border-bottom:1px dotted #998578; margin:8px 0; }
article.kolumna time { color:#6d635b; font-size:11px; font-style:italic; margin:0; bottom:10px; position:absolute; }

article.scena { background:#d4d4d4; margin-top:10px; padding:10px 10px 10px 10px; }
article.scena h1 { color:#484848; font-size:14px; margin-bottom:10px;  }
article.scena hr { border:0; border-bottom:1px dotted #998578; margin:8px 0; }
article.scena img { float:left; margin: 0 36px 0px 0;  }

img.bbanner { width:125px; height:125px; border:1px solid gray; float:left; margin:20px 0 20px 22px; }

footer.main { background:#292929; height:48px; margin:100px 32px 0 32px; color:#a6a3a3; line-height:48px; padding:0 20px; bottom:0; position:absolute; width:920px; }
footer.main a { text-decoration:none; color:#a6a3a3; font-weight:bold; }

/* L2 */

section.header  { border-bottom: 1px solid #9b9999; margin-top:5px; }
section.header h1 { color:#970000; font-size:26px; margin: 0 0 4px 10px; }
section.header form { float:right; }
section.header input { width:197px; height:25px; background: url(../images/searchbg.jpg) no-repeat; border:0; padding:0 5px; }
section.header button.button { width:62px; vertical-align:middle; }
section.header a {  margin: 0 20px 0 0; position:relative; top:3px; }
section.header a.button2 {  margin: 0 10px 0 0; position:relative; top:3px; }

section.list { width:640px; margin-top:20px; float:left; }
aside.list { width:280px; margin:20px 0 0 20px; float:left; }

div.filter { background:#a5a5a5; height:32px; line-height:32px; padding:0 10px; margin-bottom:10px; }
div.filter a { color:white; font-weight:bold; font-size:14px; text-decoration:none; letter-spacing:3px; }
div.filter a.selected { color:#970000 }
div.filter a.missing { color:#bbbbbb; }
div.filter select { float:right; margin-top:5px; }
div.filter label { color:#474747; }

section.zadnje { margin:10px 0; background:#dedddd; padding:0 10px 10px 10px; overflow:hidden;}
section.zadnje article { line-height:16px; border-bottom:1px dotted #898989; padding-bottom:7px; margin-top:10px; color:#484848; }
section.zadnje article a { color:#af0000; font-weight:bold; text-decoration:none; }
section.zadnje article span { color:#8a8a8a; font-size:11px; display:block; }

section.info { margin:10px 0; background:#dedddd; }
section.info article { padding:10px; }
section.info article blockquote { border-left:2px solid #8a8a8a; padding:0 0 0 10px; font-size:11px; }

section.tags { margin:10px 0; background:#dedddd; padding:10px; text-align:center; }
section.tags a { color:#8a8a8a; text-decoration:none; }
section.tags a:hover { color:#970000; }

section.list article.item > header { margin-left:10px; }
section.list article.item > div { padding-left:10px; }
section.list article.item time { color:#6d635b; font-size:11px; font-style:italic; margin-bottom:4px;  display:block; }
section.list article.item h1 { margin-bottom:4px; font-size:18px; text-decoration:none; }
section.list article.item h1 a { color:#484848; font-size:18px; text-decoration:none; }
section.list article.item > div { border-top:1px dotted #898989; border-bottom:1px solid #898989; overflow:hidden; padding-top:10px; margin-bottom:18px; }
section.list article.item img { float:left; margin:0 20px 10px 0; }
section.list article.item h2 { font-size:16px; color:#5d5d5d; font-weight:bold; margin:10px 0 5px 0; } 
section.list article.item blockquote { font-size:12px; margin:8px; color:#8a8a8a; /*border-left:2px solid #8a8a8a;*/ padding:0 0 0 5px; } 

section.list article.item header.scena { overflow:hidden; }
section.list article.item header.scena h1 { float:left; }
section.list article.item header.scena time { display:inline-block; color:#484848; font-weight:bold; }
section.list article.item header.scena > span { float:right; }
section.list article.item header.scena span.status.active { color:white; padding:1px 8px; background:#af0000; }
section.list article.item header.scena span.status.unactive { background:#484848; color:white; padding:1px 8px; }

section.list article.item h2.scena { font-size:14px; background:#c6c6c6; padding:3px 10px; margin:15px 0 10px 0; }
section.list article.item div.scena { border:0; border-bottom:1px dotted #c6c6c6; margin:0; padding:3px 5px; }
section.list article.item div.scena a { text-decoration:none;  }

section.list article.recenzija1  { overflow:hidden; border-bottom:1px solid #898989; margin-bottom:10px; }
section.list article.recenzija1 header h1 a { color:#484848; font-size:18px; text-decoration:none; }
section.list article.recenzija1 header h2 { font-size:12px; font-weight:normal; }
section.list article.recenzija1 header h3 { font-size:11px; color:#8a8a8a; font-weight:normal; }
section.list article.recenzija1 img { float:left; margin:0 20px 10px 10px; }
section.list article.recenzija1 div { float:left; border-top:1px dotted #898989; margin-top:5px; padding-top:10px; width:445px;  }

section.list article.koncert  { overflow:hidden; border-bottom:1px solid #898989; margin-bottom:10px; }
section.list article.koncert header { background: url(../images/calbg.png) no-repeat top left; padding-left:55px; position:relative; margin-left:10px; min-height:45px; }
section.list article.koncert header span.mesec { position:absolute; display:block; text-align:center; width:40px; height:20px; color:white; left:0px; top:0px; }
section.list article.koncert header span.dan { position:absolute; display:block; text-align:center; width:40px; height:20px; color:#737373; left:0px; top:20px; font-size:16px; font-weight:bold; }
section.list article.koncert header h1 { color:#484848; font-size:18px; }
section.list article.koncert header h2 { font-size:12px; font-weight:normal; }
section.list article.koncert img { float:right; margin:0 0 10px 20px; }
section.list article.koncert > div { float:left; border-top:1px dotted #898989; margin-top:5px; padding-left:10px; padding-top:10px; width:455px }
section.list article.koncert a { text-decoration:none; font-weight:normal; }

section.list article.recenzija2  { overflow:hidden; border-bottom:1px solid #898989; margin-bottom:10px; padding-bottom:10px; padding-left:10px; }
section.list article.recenzija2 header h1 { color:#484848; font-size:18px; text-decoration:none; }
section.list article.recenzija2 header h2 { font-size:12px; font-weight:normal; margin:0;}
section.list article.recenzija2 header h3 { font-size:11px; color:#8a8a8a; font-weight:normal; }
section.list article.recenzija2 img { float:left; margin:0 20px 10px 0; }
section.list article.recenzija2 div.inner { float:left; border-top:1px dotted #898989; margin-top:5px; padding-top:10px; width:455px; overflow:hidden; color:#8a8a8a; line-height:16px;}
section.list article.recenzija2 div.top { border-bottom:1px dotted #898989; overflow:hidden; }
section.list article.recenzija2 span.by { color:#8a8a8a; }
section.list article.recenzija2 h2 { font-size:16px; color:#5d5d5d; font-weight:bold; margin:10px 0 5px 0; } 
section.list article.recenzija2 blockquote { font-size:14px; margin:15px; color:#8a8a8a; border-left:2px solid #8a8a8a; padding:0 0 0 15px; } 

article.search a { text-decoration:none; font-weight:bold; }
article.search span.tag { display:inline-block; padding:0px 5px; background:#dddddd; }

img.youtube { width:120px; height:90px; }