/* info -------------------------------------------------------- Start: 14.02.2007. Author: www.bozooart.com URL: www.tockakom.com */ html { margin: 0px; padding: 0px; height: 100%; } body { font: 62.5% "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0; padding: 0; background-image: url(../images/bg.gif); height: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } dl, dt, dd, ul, ol, li, p, form { margin: 0; padding:0; list-style-type: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } a:active, a:focus, input:focus { outline: none; } a img { border: none; margin: 0; padding: 0; outline: none; } h3 { font-size: 150%;} h1, h2 span, h3 span, h4 span { position: absolute; left: -9999em; } h5 { font-size: 110%; font-weight: normal; } hr, legend { display: none; } fieldset { border: none; } /* classes -------------------------------------------------------- */ .hide { display: none; height: 0%} .clr { clear: both; } .left { float: left; } .center { text-align: center; } .right { float: right; } .small { font-size: 80%; } .increase_200 { font-size: 200%; color: #ee2700; } .blue { color: #0063dc; } .pink { color: #ff0084; } .green { color: #51672e; } /* container -------------------------------------------------------- */ #container { width: 783px; margin: 0 auto; } #flash { margin: 77px 0 0 28px; text-align: center } #boom { width: 479px; height: 282px; float: left; } #header #video_band { width: 304px; height: 276px; float: left; background: url(../images/band.jpg) no-repeat; } /* box -------------------------------------------------------- */ #left { width: 479px; float: left; } .order { font: 140% Georgia, "Times New Roman", Times, serif; text-align: right; margin-right: 28px; color: #3a3939; } .order a { color: #3a3939; } .order a:hover { background: #ee2700; color: #fff; text-decoration: none; } .box { background: url(../images/box_bg.jpg) repeat-y; color: #594b2f; margin-bottom: 20px; } .box a { text-decoration: underline; color: #ee2700; font-weight: bold; } .box a:hover { text-decoration: none; } .box .title_top { background: url(../images/title_top.jpg) no-repeat; height: 16px; } .box .title { background-image: url(../images/title_bg.jpg); padding: 10px 30px 0; font-size: 160%; } .box .title .date { color: #ee2700; text-align: right; font: 100% "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: italic; margin-right: -10px; font-weight: bold; } .box .title h2 { padding-bottom: 5px; color: #51672e; } .box .title h3, .box .text h3 { font-size: 140%; padding: 5px 0; color: #51672e; } .box .title .date span a { color: #b4aea1; text-decoration: underline; margin-right: 10px; } .box .title .date span a:hover { color: #594b2f; text-decoration: none; } .box h2 a, .box .title h3 a, .box .text h3 a { color: #51672e; text-decoration: none; } .box h2 a:hover, .box .title h3 a:hover, .box .text h3 a:hover { text-decoration: underline; } h2.cat_title { font: 250% "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: bold; padding-left: 30px; color: #292727; } .box .summary { padding: 0 30px 10px 30px; font-size: 140%; font-weight: bold; } .box .summary.stik {font-size: 120%; } .box .summary p { margin: 10px auto; } .box .text { padding: 0 30px 10px 30px; font-size: 140%; } .box .text h4 { margin-bottom: 10px; font-size: 110%; } .box .text p { margin: 30px auto 10px; } .text .break { background: url(../images/break.jpg) no-repeat center top; width: 497px; margin-left: -39px; height: 29px; position: absolute; } .box .text img { padding: 4px; border: 1px solid #000; } .box .teaser { font-size: 90%; } .box .box_end { background: url(../images/box_bottom.jpg) no-repeat 0 0; height: 16px; } .box .flash { margin: 10px auto; text-align: center; } .box .line { background: url(../images/separator.png) no-repeat center -20px; } /* comment -------------------------------------------------------- */ .box .comment { background: url(../images/grb.gif) no-repeat center bottom; padding: 15px 30px 0 30px; font-size: 100%; } .box .comment .comm_title { float: right; margin: -33px 0 0 0; font-size: 160%; font-weight: bold; color: #51672e; } .box .comment .kom { background: url(../images/kom.png) no-repeat left 50%; line-height: 30px; padding: 5px 0 5px 37px; color: #2a2828; text-decoration: none; font-size: 140%; margin-top: 25px; } .box .comment .kom em { margin-left: 10px; color: #ee2700; font-style: italic; font-size: 200%; } .box .comment #break { background: url(../images/break.jpg) no-repeat center top; width: 497px; margin-left: -39px; height: 29px; position: absolute; } .box .text .breaker { background: url(../images/break.jpg) no-repeat center top; width: 497px; margin-left: -39px; height: 29px; position: absolute; } .box .comment dl { padding: 10px 0 20px 0; font-size: 120%; background: url(../images/separator.png) no-repeat center bottom; overflow: hidden; clear: both; } .box .comment dt { color: #51672e; } .box .comment dt strong { font-size: 120%; text-transform: uppercase;} .box .comment dt em { font-style: normal; } .box .comment dd { margin-bottom: 10px; } .box .comments { padding: 10px 0; font-size: 80% } .box .comment #grb { width: 27px; height: 47px; margin: 0 auto; } .box .comment dd:hover { background: url(../images/input_bg.gif); cursor: default; } .box .comment .admin_comment { background: url(../images/input_bg.gif); cursor: default; padding: 10px; } fieldset#sendComment { padding-bottom: 30px; font-size: 120%; padding-top: 20px; } fieldset#sendComment .input { font: 90% "Trebuchet MS",Arial,Helvetica,sans-serif; border: 2px solid #796254; width: 250px; padding: 2px; background: none; color: #51672e; font-weight: bold; margin: 5px 0 15px 0; } fieldset#sendComment textarea { font: 90% "Trebuchet MS",Arial,Helvetica,sans-serif; border: 2px solid #796254; width: 380px; padding: 2px; background: none; } fieldset#sendComment .input:focus, fieldset#sendComment textarea:focus { background: url(../images/input_bg.gif); border: 2px solid #ee2700; } /* right -------------------------------------------------------- */ #right { float: right; width: 290px; background: url(http://www.tockakom.com/images/ubijanje.jpg) no-repeat 100% 380px; } ul#menu { width: 265px; text-align: right; background: url(../images/menu_bg.jpg) no-repeat 100% 7px; padding-right: 30px; } ul#menu li a { color: #3a3939; font-size: 160%; display: block; text-transform: uppercase; line-height: 30px; } ul#menu li.shirt a { background: url(../images/shirt.gif) no-repeat 35px center; } ul#menu li.shirt a:hover, ul#menu li a:hover { color: #f1eae4; text-decoration: none; background: url(../images/hey-ho.png) no-repeat 35px center; } fieldset#search { margin: 10px 0 10px 40px; clear: both; } fieldset#search .input { background: url(../images/input_text.gif) no-repeat; border: none; padding: 7px 2px 7px 8px; font: 120% Arial, Helvetica, sans-serif; color: #dbd4c6; width: 150px; margin-top: 29px; } fieldset#search input.btn { background: url(../images/trkom.gif) no-repeat 0 0; width: 76px; height: 69px; cursor: pointer; border: none; text-indent: -9999em; margin: 0 0 0 -4px; position: absolute; } fieldset#search input:hover.btn { background-position: right; } #lorr_med { padding: 25px 0 0 50px; background: transparent url(../images/che.jpg) no-repeat center 0; margin: 20px 0 0 15px; } #lorr_med a { color: #3a3939; text-align: left; } #lorr_med a:hover { text-decoration: none; color: #57653e; } #lorr_med img a{ border: 1px solid #000; } #lorr_med img:hover { border: 1px solid #ee2700; } #notice { padding: 35px 0 20px 60px; font-size: 120%; margin-bottom: 10px; width: 200px; } #notice small { font: 80% "Lucida",Arial,Helvetica,sans-serif; padding: 1px; font-weight: bold; } #notice dl { text-align: left; font: 110% "Lucida",Arial,Helvetica,sans-serif; height: 130px; } #notice dl dt { font: 110% "Lucida",Arial,Helvetica,sans-serif; font-weight: bold; margin-bottom: 2px; color: #3A3939; } #notice dl dt span { font-size: 80%; font-weight: bold; } #notice dl dd { margin-bottom: 5px; font-weight: bold; } #notice dl dd strong { padding: 1px 2px; background: #51672e; color: white; font-size: 50%; } #notice dl dd a { padding: 2px; color: #fff; display: block; background: url(../images/hover.gif); } #notice dl dd a:hover{ text-decoration: none; color: white; background: url(../images/hover_orange.gif); } h4.links { text-align: right; padding: 20px 0 0 0; color: #3A3939; font-size:180%; width: 280px; } #links { background: transparent url(../images/links.jpg) no-repeat 100% 20px; margin: 0 0 0 0; width: 280px; } #links ul { height: 167px; text-align: right; } #links ul li { padding-right: 5px; } #links ul li a { color: #3a3939; padding: 0 2px; line-height: 1.7em; } #links ul li a:hover { color: #51672e; text-decoration: none; background: #ee2700; color: #fff; } #links ul li.rss a { background: url(../images/rss.gif) no-repeat 2px 2px; padding-left:20px; } #links ul li.rss a:hover { background: #ee2700 url(../images/rss_hover.gif) no-repeat 2px 2px; } #links ul li.radio a { background: #ee2700; color: #fff; } #links ul li.radio a:hover { background: #3A3939; color: #fff; } h4.comments_5 { text-align: right; padding: 10px 0 0 0; color: #3A3939; font-size:180%; clear: both; width: 270px;} ul.comments_5 { text-align: right; width: 235px; margin: 0 10px 0 20px; padding: 68px 10px 30px 20px; background: url(http://www.tockakom.com/images/komentari.jpg) no-repeat 50% 0; font-size: 90%; } ul.comments_5 li { text-transform: lowercase; padding: 0 10px 0 0; line-height: 1.7em; } ul.comments_5 li a { color: #444139; padding: 0 2px; border-bottom: 1px solid #988d78; } ul.comments_5 li a:hover{ background: url(../images/hover_orange.gif); color: #fff; text-decoration: none; } #footer { line-height: 30px; color: #3a3939; clear: both; padding-left: 35px; font-size: 110%; } #footer a { padding: 0 2px; color: #3a3939; } #footer a:hover { background: #ee2700; color: #fff; text-decoration: none; } #flickr { width: 240px; margin: 40px 0 0 40px; text-align: right; } #flickr h4 { margin-bottom: 5px; font-size: 160%; width: 240px; } #flickr img { float: left; margin: 0 0 8px 8px; background: #3f4e4e; padding: 4px; width: 62px; height: 62px; } #flickr img:hover{ background: #f9f2f0; } h4.comments_5 em { width: 29px; height: 28px; background: url(../images/five.gif) no-repeat; position: absolute; text-indent: -9999em; margin-top: -3px; } h4.comments_5 em span { display: none; } h4.comments_5 strong { margin-left: 35px; } h4#tags_title { text-align: right; margin-top: 40px; color: #3A3939; font-size:180%; width: 280px; } #tags { text-align: right; padding: 0; width: 280px; text-align: right; margin: 40px 0 0 0px; background: url(../images/tagovi.jpg) no-repeat 70% 0; } #tags a { color: #3a3939; padding: 2px; line-height: 25px; } #tags a:hover{ background: #ee2700; color: #fff; text-decoration: none; } #tags a.tag1 { font-size: 1.0em; } #tags a.tag2 { font-size: 1.1em; } #tags a.tag3 { font-size: 1.2em; } #tags a.tag4 { font-size: 1.3em; } #tags a.tag5 { font-size: 1.4em; } #tags a.tag6 { font-size: 1.5em; } #tags a.tag7 { font-size: 1.6em; } #tags a.tag8 { font-size: 1.7em; } #tags a.tag9 { font-size: 1.8em; } #tags a.tag10 { font-size: 1.9em; } #tags a.tag11 { font-size: 2.0em; } #tags a.tag12 { font-size: 2.1em; } #tags a.tag13 { font-size: 2.2em; } #tags a.tag14, #tags a.tag15 { font-size: 2.3em; } #tags a.tag16, #tags a.tag17 { font-size: 2.4em; } #tags a.tag18, #tags a.tag19 { font-size: 2.5em; } #tags a.tag20, #tags a.tag22, #tags a.tag23, #tags a.tag24, #tags a.tag25, #tags a.tag26, #tags a.tag27, #tags a.tag28, #tags a.tag29, #tags a.tag30 { font-size: 2.6em; } /* contact -------------------------------------------------------- */ fieldset#kontakt { padding: 0 0 0 50px; } fieldset#kontakt label { margin: 10px 0 0 0;} fieldset#kontakt .input, fieldset#kontakt textarea { font: 110% "Trebuchet MS",Arial,Helvetica,sans-serif; padding: 2px; margin-bottom: 10px; width: 200px; font-weight: bold; color: #ee2700; background: none; border: 1px solid #796254; } fieldset#kontakt textarea { width: 350px; } fieldset#kontakt .error { display: none; font-weight: bold; color: #ee2700; position: absolute; padding: 5px 0 0 15px; } fieldset .input:focus, fieldset textarea:focus { background-image: url(../images/input_bg.gif); } /* shirt shop -------------------------------------------------------- */ p.teasing { font-weight: bold; } #indent { height: 20px; } #shop { padding: 5px 0 20px 0; } #shop dl { float: left; margin: 0 4px 20px 4px; width: 130px; height: 130px; } #shop dt { font-size: 80%; text-align: center; } #shop dd { font-size: 70%; } #shop dd img { padding: 4px; background: #fff; border: 1px solid #e0e0e0; margin-left: 9px; } #shop dd img:hover { background: #333333; } h3#zenske, h3#kape { font-size: 140%; padding: 20px 0; color: #51672e; margin-top: 20px; } #banneri { padding-left: 48px; margin-top: 20px; } #banneri img { border: 1px solid #3f4e4e; margin-bottom: 5px; } #ekskluziva img { margin: 5px 0 0 50px; border: 1px solid #3f4e4e; } .myspace { background: url(../images/myspace.gif) no-repeat; line-height: 2.1em; padding-left: 35px; } ul#izdvojeno { margin: 20px 0 0 42px; } ul#izdvojeno li a { width: 224px; height: 35px; display: block; text-indent: -9999em; border-bottom: 2px solid black; margin: 0; padding: 0; } ul#izdvojeno li#robi-zove a { background: url(../images/robi.gif) no-repeat 0 3%; } ul#izdvojeno li#rirock30 a { background: url(../images/30rirock.gif) no-repeat 0 3%; } ul#izdvojeno li#priredba a { background: url(../images/priredba.gif) no-repeat 0 100%; } ul#izdvojeno li#stare_snimke a { background: url(../images/stare_snimke.gif) no-repeat 0 65%; } ul#izdvojeno li#hartera a { background: url(../images/hartera.gif) no-repeat 0 10%; } ul#izdvojeno li#biografija a { background: url(../images/biografija.jpg) no-repeat 0 98%; } ul#izdvojeno li#ri_novi_val a { background: url(../images/ri-novi-val.jpg) no-repeat 0 0; } ul#izdvojeno li#rirock a { background: url(../images/rirock.jpg) no-repeat 0 94%; } ul#izdvojeno li#cropoprock a { background: url(../images/cropoprock.jpg) no-repeat 0 30%; } ul#izdvojeno li#cane a { background: url(../images/cane.jpg) no-repeat 0 90%; } ul#izdvojeno li#amf a { background: url(../images/am-banner.jpg) no-repeat 0 5%; } ul#izdvojeno li#amf_12 a { background: url(../images/art_music_festival_2008.jpg) no-repeat 0 4%; } ul#izdvojeno li#istra a { background: url(../images/istra-banner.jpg) no-repeat 0 3%; } ul#izdvojeno li#barufe5 a { background: url(../images/5.barufe.jpg) no-repeat 0 40%; } ul#izdvojeno li#barufe-vi a { background: url(../images/barufe_VI.jpg) no-repeat 0 40%; height: 98px; } ul#izdvojeno li a:hover { height: 98px; } .error, errorOrder { display: none; font-size: 110%; } #userError, #textError { font-size: 140%; font-weight: bold; color: #51672e; } #userError span, #textError span { display: block; font-size: 250%; color: #ee2700; } .copyleft { width: 120px; height:46px; background: white url(../images/copyleft.gif) no-repeat 100% 50%; position: absolute; margin: -58px 0 0 290px; } #main_banner img { padding: 2px; border: 1px solid black; margin: 15px 0 0 12px; } #pokrovitelji { padding: 10px 0 10px 20px; } #narudzbenica label { padding-bottom: 30px; font-size: 100%; padding-top: 20px; } #narudzbenica label strong { color: #ee2700; } #narudzbenica label span { font-size: 80%;} #narudzbenica .input_text { font: 90% "Trebuchet MS",Arial,Helvetica,sans-serif; border: 2px solid #796254; width: 250px; padding: 2px; background: none; color: #51672e; font-weight: bold; margin: 5px 0 0 0; } #narudzbenica .input_text.short { width: 50px; } #narudzbenica #telefon.input_text { width: 120px; } #narudzbenica textarea { font: 90% "Trebuchet MS",Arial,Helvetica,sans-serif; border: 2px solid #796254; width: 380px; padding: 2px; background: none; } #narudzbenica .input_text:focus, #narudzbenica textarea:focus { background: url(../images/input_bg.gif); border: 2px solid #ee2700; } .choose-product { height: 80px; margin: 0 0 20px 0; } .choose-product img.thumb { float: left; margin: -4px 20px 0 20px; border: none; background: url(../images/img_bg.gif) no-repeat; padding: 4px; } .choose-product h4 { margin: 0 0 20px 0 !important; font-size: 90% !important; line-height: 0; } .choose-product h4 a { text-decoration: none; color: #EE2700; } .choose-product h4 a:hover { text-decoration: underline; } .choose-product p { font-size: 80%; } h3.shop { font-size: 110% !Important; margin-bottom: 20px; } /* radio */ input#play { border: 0; background: url(../images/play-button.gif) no-repeat; width: 29px; height: 29px; cursor: pointer; margin: 0 15px } input#play:hover { background-position: 100% 0 } input#stop { border: 0; background: url(../images/stop-button.gif) no-repeat; width: 29px; height: 29px; cursor: pointer; } input#stop:hover { background-position: 100% 0 } img#loadStream { margin: 2px 0 0 15px; width: 29px; height: 29px; border: none; } select#radioChannel { border: 2px solid black; padding: 3px; color: #594B2F; margin: 5px 0; font: 14px myriad pro, "trebuchet ms", arial, helvetica, sans-serif; } #radioChannel option.cat_title { background: #EE2700; color: #fff; font: 14px "trebuchet ms", arial, helvetica, sans-serif; font-weight: bold; } p.suggestion a { display: block; text-indent: -9999em; background: url(../images/plus-button.gif) no-repeat; width: 29px; height: 29px; position: absolute; margin: -44px 0 0 392px } p.suggestion a:hover { background-position: right 0; } .share a { width: 69px; height: 18px; display: block; background: url(../images/share.gif) no-repeat; text-indent: -9999em; } #social ul { padding: 25px 0 0 40px; margin-bottom: 10px; height: 54px } #social li { float: left; display: inline; } #social li a { display: block; background: url(../images/social.png) no-repeat; height: 45px; width: 54px; text-indent: -9999em; margin-right: 40px; } #social li.facebook a { background-position: 0 0; } #social li.twitter a { background-position: -78px 0; } #social li.youtube a { background-position: -159px 0; margin: 0; } #social li.facebook a:hover { background-position: 0 bottom; } #social li.twitter a:hover { background-position: -78px bottom; } #social li.youtube a:hover { background-position: -159px bottom; } h3.fh3 { margin-top: 40px } .pricetitle { background-image: url(../images/title_bg.jpg); padding: 5px 30px 0; font-size: 160%; position: relative; margin-bottom: 20px } .pricetag { position: absolute; right: 25px; top: 7px; color: #fff; font-size: 80%; background: #EE2700; border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc; text-shadow: 1px 1px 0 #666; padding: 5px 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; } .shirt-cat { padding: 5px 0; font-size: 120%; padding-bottom: 5px; border-bottom: 1px dashed #ccc; margin: 0 30px 10px; } .summary.stik span { display: block; margin-bottom: 10px; }