.clrfix:before, .clrfix:after { content:" "; display:table; }
.clrfix:after { clear:both; }
.clrfix { *zoom:1; }

html,body,ul,form { margin:0; padding:0; }
html { font-family:Helvetica,Arial,Tahoma,Verdana; }
body { padding:16px; font-family:Helvetica,Arial,Tahoma,Verdana; background-color:#ddd; min-width:320px; }
ul { list-style:none; }

a.cuspajz,
a.cuspajz-foot { display:block; clear:both; margin:0; padding:12px 0; font-size:xx-large; text-decoration:none; text-align:center; background-color:#d9226d; border:1px solid #008099; font-weight:bold; color:#fff; }
a.cuspajz { border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; }
a.cuspajz-foot { border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; border-width:0 1px 1px 1px; }

h1,h2,h3 { color:#666; clear:both; }
h1 { margin:0 0 10px 0; padding:2px 4px; font-size:medium; border-top:3px solid #008099; border-bottom:3px solid #008099; }
h2 { margin:0 0 10px 0; padding:2px 4px; font-size:x-large; }
h3 { margin:0 0 5px 0; padding:1px 4px; font-size:medium; }

.textPink { color:#cc115e; }

ul#menu { display:block; margin:0; padding:0; list-style:none; letter-spacing:-1px; clear:both; }
ul#menu>li { display:block; margin:0; padding:0; text-align:left; text-transform:lowercase; border-width:0 1px 1px 1px; border-style:solid; border-color:#008099; background:#fff url(/i/arr-right.png) 98% 50% no-repeat; }
ul#menu>li.TheVegCat { background:#fff; padding:20px 0; }
ul#menu>li.sel { background-image:url(/i/arr-down.png); }
ul#menu>li a { display:block; margin:0; padding:12px; font-weight:bold; font-size:x-large; text-decoration:none; color:#008099; }
ul#menu>li.Ad { background-image:none; text-align:center; overflow:hidden; padding:5px; font-size:0; }

#mid { margin:0; padding:8px; background-color:#f8f8f1; border-width:0 1px 1px 1px; border-style:solid; border-color:#008099; }
#mid.noPadding { margin:0; padding:0; }
#navlist p { margin:0; padding:20px 0 0 20px; }
#navlist a { color:#595959; text-decoration:none; font-weight:bold; }
#navlist ul { margin:0; padding:0; }
#navlist ul li { margin:0; }

h2.songList { margin:0; padding:12px 36px; border-bottom:1px solid #008099; font-size:x-large; }
.songList { margin:0; padding:0; }
.songList li { border-top:1px solid #008099; }
.songList li a { display:block; padding:12px 48px; text-decoration:none; color:#008099; font-size:large; }
.noBorderFirstItem .songList li:first-child { border:none; }
h3.Artist { border-top:1px solid #008099; padding:12px 36px; margin:0; font-size:x-large; }
h3.Artist a { color:#d9226d; text-decoration:none; }

#sf { margin:0; padding:12px 5px 0 5px; border-top:1px solid #008099; }
#sf a { color:#cb105f; text-decoration:none; font-weight:bold; }

#searchResult { margin:10px 0 0 0; }
#searchResult li { border-width:1px 0 0 0; border-style:solid; border-color:#008099; }
#searchResult li a { display:block; margin:0; padding:12px; font-weight:bold; font-size:x-large; text-decoration:none; color:#008099; }

.msg { padding:8px; color:#444; }

#nav ul { list-style-type:none; margin:50px 0; font-size:0; text-align:center; }
#nav ul li { text-align:center; display:inline-block; font-size:0; margin:5px; padding:0; border-radius:10px; border:1px solid #cb105f; overflow:hidden; }
#nav ul li a { display:block; width:70px; padding:12px 4px; font-size:29px; text-decoration:none; color:#595959; background-color:#fff; overflow:hidden; }
#nav ul li.sel a { background-color:#cb105f; color:#fff; }
#nav ul li a:hover { color:#fff; background-color:#cb105f; text-decoration:none; }

div#song h2 a { text-decoration:none; color:#cc115e; display:block; margin-bottom:5px; }
div#song h2 a:hover { text-decoration:underline; }

#searchbar { margin:0; padding:8px; color:#444; font-size:large; text-align:left; clear:both; }
.textInput { font-size:x-large; }

form { display:block; margin:0; padding:0; clear:both; }

/* kolumne */
div.tekst { padding:4px; }
div.tekst p { margin:0; padding:2px 0; }
div.tekst p.potpis { margin:32px 0 0 0; padding:0; text-align:right; font-weight:bold; }
div.tekst img.imgLeft { float:left; margin:12px 12px 12px 0; border:1px solid #028097; }
div.tekst img.imgRight { float:right; margin:12px 0 12px 12px; border:1px solid #028097; }
div#arhiva { margin:8px; padding:8px; background-color:#f3f3f3; }
div#arhiva ul { list-style:none; margin:0; padding:4px; }
div#arhiva ul li { font-weight:bold; color:#008099; letter-spacing:-1px; }
div#arhiva ul li a { text-decoration:none; color:#d9226d; }

/* kontakt */
#contactForm p,  #contactForm textarea,  #contactForm input { font-family:Tahoma,Verdana,Arial,sans-serif; }
.url { display:none; }

.Desktop { text-align:center; padding:20px 0; }
.Desktop a { font-size:20px; margin:0 auto; display:inline-block; text-decoration:none; color:#d9226d; background-color:#fff; padding:3px 20px; border-radius:12px; border:2px solid #008099; font-weight:bold; }

/* search */
#lq { font-size:xx-large; padding:2px; width:100%; }
