/* RESET
-------------------------------- */
html,body {margin:0;padding:0;width:100%;height:100%;}
h1,h2,h3,h4,h5,h6,h7,p,blockquote {font-size:1.1em;margin:0;padding:0;}
ul,ol,dl,li,dt,dd {list-style:none;margin:0;padding:0;}
fieldset,legend,img,form,abbr {border:0;padding:0;margin:0;}
address {font-style:normal;}
a {outline:none;}


/* HIDDEN
-------------------------------- */
h1,hr,#middle h2,#middle span {display:none;}


/* LAYOUT
-------------------------------- */
body {height:auto;}
#site-wrapper {text-align:center;width:100%;height:100%;}
#site {width:950px;margin:0 auto;}

#kv-flash-cont {position:relative;}
a#home {position:absolute;left:0;top:10px;width:340px;height:80px;display:block;text-indent:-1000em;}

#middle {height:219px;position:relative;}
#middle a {text-indent:-1000em;display:block;position:absolute;}
#middle a#blog {left:260px;top:100px;width:120px;height:115px;}
#middle a#zvezda {left:370px;top:20px;width:125px;height:120px;}
#middle a#twingohit {left:100px;top:60px;width:145px;height:150px;}
#middle p {float:left;width:28%;}
#middle p.p1 {margin:160px 0 0 215px !important;margin:160px 0 0 105px;line-height:1.8;}
#middle p.p2 {margin:85px 0 0 0 !important;margin: 85px 0 0 0;text-align:right;width:230px;}

#content-wrapper {text-align:left;padding:20px;width:762px;margin:0 auto;}

#content ol {float:left;width:360px;}
#content ol.articles {margin-left:40px;}
#content ol.articles li h2 {margin:100px 0 0 10px;}
#content ol li {margin:0 0 15px 0;}
#content ol li a.more {display:block;text-indent:-999em;height:20px;}
#content ol li h2 {text-indent:-999em;height:40px;}
#content ol li h3 {padding:7px 0 10px 40px;}

#content ol.blogs li.p1 {padding:0;margin:0;}
ol.blogs li.fineprint {background:#eee;padding: 15px 8px 8px;}
ol.blogs li.fineprint .p1 {font-size:1em;line-height:1.1em;color:#999;margin-bottom:1em;}
ol.blogs li.fineprint .p1 a {color:#999;}
ol.blogs li.fineprint ul {line-height:1.1em;}
#content ol.blogs li.fineprint ul li {margin:0 0 5px 0;}
ol.blogs li.fineprint ul li a {text-decoration:underline;display:block;color:#999;}
ol.blogs li.fineprint ul li a:hover {color:#000;text-decoration:none;}

ul.songs {float:left;width:320px;margin-left:40px !important;margin-left:30px;}
ul.songs li {width:100%;float:left;margin:10px 0;background:url(../images/icons/majk.jpg) no-repeat 0 0;padding:2px 0 0 35px;}
ul.songs li a {display:block;text-decoration:none;width:140px;padding-right:50px;background:url(../images/icons/play_btn.jpg) no-repeat 100% 0;float:left;}
ul.songs li a span {display:block;}
ul.songs li a .track {text-decoration:underline;color:#003964;font-weight:bold;font-size:1.5em;}
ul.songs li a:hover .artist {text-decoration:underline;}
ul.songs li .avg ul li {display:inline;width:auto;float:none;margin:0;padding:0;}
ul.songs li .avg ul li a {display:inline;}

ul.songs li a.komentiraj {display:block;float:left;text-indent:-1000em;padding:0;margin:12px 0 0 20px;}

ul.songs li.paging {color:#53B8E5;text-align:right;}
ul.songs li.paging a {display:inline;width:auto;background:none;color:#53B8E5;padding:0;float:none;}
ul.songs li.paging a.sel {font-weight:bold;font-size:1.1em;}

/* reset */
ul.songs li.p1,ul.songs li.abstrakt,ul.songs li.b350,ul.songs li.winner,ul.songs li.last,ul.songs li.player,ul.songs li.vsepesmi,ul.songs li.paging,ul.songs li.itak {padding:0;width:360px;background:none;}

ul.songs li.p1 {padding-left:10px;}
ul.songs li.p1 h2 {text-indent:-1000em;}
ul.songs li.itak {position:relative;}
ul.songs li.itak h2 {position:absolute;text-indent:-1000em;left:82px;top:0;}
ul.songs li a#kitarist-v2 {float:left;text-indent:-1000em;width:130px !important;padding:0 !important;}

/* when finalists were added */
ul.songs li.p1 {padding-left:0;padding-bottom:20px;}
ul.songs.final li.vsepesmi a#vsepesmi {text-indent:-1000em;float:right;margin:0;padding:0;}
ul.songs.final li.vsepesmi a#vrstnired {background:none;display:block;float:right;width:120px;font-weight:bold;padding:5px 3px 0 0;line-height:13px;text-align:right;}
ul.songs.final li #itak-banner {float:left;}

ul.songs.final li.song,ul.songs.final li.song a {background:none;width:350px;margin:0;padding:0;}
ul.songs.final li.song {background:url(../images/icons/play_btn.jpg) no-repeat 100% 0;}
ul.songs.final li.song.win {background:url(../images/icons/play_gold.gif) no-repeat 100% 0;}
ul.songs.final li.song .hit {font-size:1.5em;float:left;width:50px;padding-top:5px;color:#f00;}
ul.songs.final li.song a {display:block;font-weight:bold;font-size:2em;width:300px;line-height:1.1em;}
ul.songs.final li.song.win a,ul.songs.final li.song.win {color:#B4A75A;font-weight:bold;}
ul.songs.final li.song .sms {display:block;float:left;width:230px;padding:5px 0 13px 50px;font-size:1em;line-height:1.2em;}
ul.songs.final li.song .sms .red {color:#f00;}

ul.songs.final li #player {position:absolute;left:140px;top:70px;}

ul.songs.final li.winner {font-weight:bold;color:#53B8E5;font-size:1.3em;line-height:1.7em;}
ul.songs.final li.winner span {color:#195C94;}

#copyright {width:360px;float:left;font-size:1.1em;}
#copyright h2 {font-size:1.4em;text-decoration:underline;font-weight:bold;color:#003964;text-align:center;}
#copyright p,#copyright ul {margin:0 0 1em;}
#copyright p.p6,#copyright p.p8 {text-align:center;} 
#copyright h2 {margin:0 0 1.5em 0;}
#copyright ul, #copyright li {list-style:disc;}
#copyright li {margin-left:20px;}
#copyright #pogoji {font-size:.9em;}

#copyright ul.p1 {font-weight:bold;color:#003964;}
#copyright p.p6 {color:#53B8E5;font-weight:bold;}
#copyright p.p3 {color:#003964;}
#copyright p.p9 {color:#003964;}


/* TYPOGRAPHY
-------------------------------- */
body {font:normal 62.5% Arial,Helvetica,sans-serif;}
#site {font-size:1.1em;line-height:1.6em;}
#content ol li h3 {font-size:1.4em;}
#content ol li h3 a {color:#003964;text-decoration:underline;}
#middle {text-align:left;}
.big {font-size:1.2em;}
h4 {text-decoration:underline;color:#003964;font-size:1.5em;}


/* GENERAL COLOURS & BACKGROUNDS
-------------------------------- */
#middle p {color:#fff;}
#middle p span.b,#middle p a, a {color:#53B8E5;}
a:hover {text-decoration:none;}

#middle p.p2 .b {color:#FF358B;}
#content ol.articles li h2 {background:url(../images/layout/o_twingu_clanki.gif) no-repeat 0 0;}

#content ol.blogs li h2 {background:url(../images/layout/o_twingu_blogi.gif) no-repeat 0 0;}
#content ol li h3 {background:url(../images/icons/novica_znak.gif) no-repeat 0 0;}
#content ol li a.more {background:url(../images/icons/cela_novica.gif) no-repeat 100% 0;}

#pogoji {color:#aaa;font-size:1.1em;}


/* TABS
-------------------------------- */
#tabs {width:360px;float:left;margin:0 0 20px 0;}
#tabs ul {width:220px;}
#tabs ul li {display:inline;margin-right:15px;float:right;}
#tabs ul li a {color:#b3b3b3;font-size:1.1em;}
#tabs ul li.active a {color:#003964;font-size:1.5em;text-decoration:underline;font-weight:bold;}
#tabs ul li.active {float:left;}
#tabs p {margin:1em 0;}
#tabs p strong {color:#003964;}
#tabs p.shout {color:#53B8E5;font-size:1.7em;}

a#katalog {display:block;text-indent:-999em;height:91px;width:195px;background:url(/_sl/images/novi-renault-katalog.gif) no-repeat 0 0;float:left;padding:0;}

/* HACKS
-------------------------------- */
.cclear {clear:left;width:100%;border:0;height:1px;line-height:1px;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear {display:block;}
/* End hide from IE-mac */