/* info -------------------------------------------------------- Start: 13.5.2007. Author: BozooArt, www.bozooart.com URL: www.centri-kulture.hr */ /* Normalize ----------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } /* General ----------------------------------------------- */ html, body { height:100%; } body { font: 62.5%/1.8em Arial, Helvetica, sans-serif; background: #fff url(../images/shadow.gif) no-repeat 50% 250px; text-align: center; } hr, legend { display: none; } img a{ outline: none; border: none; } a:focus { outline: none; } a.back { font-size: 130%; color: #da221d; background: url(../images/back.gif) no-repeat 0 50%; padding-left: 30px; } a.back:hover { text-decoration: none; } .clr { clear: both; } #container { width: 868px; text-align: left; margin: 0 auto; } h1, h3 span { display: none; } #news h2 { font-size: 160%; color: #757474; font-weight: bold; margin: 0px; padding: 0px; line-height: 1em; margin: 8px 0; } #news h2 a { color: #757474; text-decoration: none; } #news h2 a:hover { color: #ef9b00; } h4 { font: bold 140% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 20px 0; } h3#prgmTitle { background: url(../images/topPgm.gif) no-repeat; height: 33px; margin-top: 22px; } #header { background: url(../images/header.gif) no-repeat; height: 178px; } ul#nav {} ul#nav li { display: inline; float: left;} ul#nav li strong { display: none;} ul#nav li.naslovnica a { background: url(../images/naslovnica.gif) no-repeat; height: 72px; width: 217px; display: block; } ul#nav li.naslovnica a:hover, ul#nav li.naslovnica.active a { background-position: 0 -72px; } ul#nav li.projekt a { background: url(../images/projekt.gif) no-repeat; height: 72px; width: 217px; display: block; } ul#nav li.projekt a:hover, ul#nav li.projekt.active a { background-position: 0 -72px; } ul#nav li.program a { background: url(../images/program.gif) no-repeat; height: 72px; width: 217px; display: block; } ul#nav li.program a:hover, ul#nav li.program.active a { background-position: 0 -72px; } ul#nav li.centri a { background: url(../images/centri.gif) no-repeat; height: 72px; width: 217px; display: block; } ul#nav li.centri a:hover, ul#nav li.centri.active a { background-position: 0 -72px; } /* Left Column ----------------------------------------------- */ #leftCol { width: 217px; padding-top: 20px; float: left; } fieldset#search label, fieldset#newsletter label{ font-size: 200%; color: #616060; font-style: italic; } fieldset#search .input, fieldset#newsletter .input { background: url(../images/input.gif); border: 1px #e7e2e2 solid; font-size: 130%; font-weight: bold; padding: 5px 0 5px 30px; width: 183px; color: #3456a2; margin: 2px 0 10px 0px } fieldset#search .input:focus, fieldset#newsletter .input:focus { border: 1px #1b77c1 solid; } fieldset#newsletter p { line-height: 1.2em; font-size: 110%; color: #848481; margin-bottom: 5px; } dl#list { background: url(../images/listBg.gif) repeat-y; border-bottom: 1px #cacaca solid; padding: 0 4px 20px 4px; margin-bottom: 25px; } dl#list dt { border-bottom: 1px #d8d9da solid; margin-top: 15px; color: #848481; font-size: 120%; font-weight: bold } dl#list dt.minus { margin-top: 0px} dl#list dd { line-height: 1.4em; font-size: 110%; color: #848481; margin-top: 5px; } dl#list dd span { background: #fdf7c0; font-weight: bold; color: #e66b00; } dl#list dt a { background:#FDF7C0; text-decoration: none; color: #848481; } dl#list dt a:hover { background: none } #prgmTitle span { display: block; padding: 10px 10px 10px 5px; font-size: 14px; font-weight: bold; color: #1a76c0; } p.all a { text-decoration: none; color: #1a76c0; margin-left: 5px; font-size: 120%; padding: 2px; } p.all a:hover { background:#FDF7C0; } /* News ----------------------------------------------- */ #news { width: 374px; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 30px; color: #978f78; } #news strong { font-weight: bold; } #news em.date { font-style: italic; font-size: 120%; color: #1e87db; font-weight: bold; } #news .text { line-height: 1.4em; font-size: 130%; margin-bottom: 10px; padding-bottom: 20px; text-align: justify; } #news img { float: left; margin: 6px 20px 0 0; } #news img.main { margin: 10px 0; } #news a { color: #da221d; } #news a:hover { text-decoration: none; } #news ol { list-style-type: decimal; font-weight: bold; color: #000; margin-left: 25px; font-size: 140%; margin-top: 20px; font-style: italic; color: #da221d; } #news ol li { margin-bottom: 10px; } #news ol li a { color: #3c3c3c; font-size: 90%; text-decoration: none; text-transform: lowercase; } #news ol li a:hover { color: #da221d; } #news ul, .projekt ul { margin: 20px 0 20px 0; list-style-type: square; padding-left: 20px; } #news ul li, .projekt ul li { margin-bottom: 20px; } #news dl { padding-bottom: 30px; background: url(../images/separator.gif) repeat-x 0 bottom; height: 130px; margin-bottom: 20px; } #news dl.list dt a { font-size: 160%; color: #DA221D; font-weight: bold; padding: 0px; text-decoration: none; } #news dl.list dt a:hover { text-decoration: underline; color:#da221d; } #news dl.list dd { font-size: 110%; color: #978f78; padding-top: 5px; } #news dd.separator { margin-top: 60px; background: url(../images/separator.gif) repeat-x; height: 1px; margin-bottom: 10px; } #news dl.list dd a { text-decoration: none; color: #978F78; } #news dl.list dd a:hover { text-decoration: underline;color: #DA221D; } #news dl.list dd.web a { color: #978F78; font-weight: bold; } #news dl.list dd.web a:hover { color: #DA221D; } .info { line-height: 1em; font-size: 110%; color: #978f78; padding-bottom: 20px; margin-top: 20px; } ul#slike { margin: 0; padding: 30px 0 0 5px; } ul#slike li { display: inline; float: left; margin: 0; padding: 0; } ul#slike li img { padding: 2px; border: 1px solid #9d9580; background: #fff; } ul#slike li img:hover { background-color: #E66B00; border: 1px solid #E66B00; } /* Program ----------------------------------------------- */ #timeTable { width: 379px; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 30px 25px 30px 30px; color: #978f78; } #timeTable h2 { font-size: 180%; color: #da221d; font-weight: bold; margin-bottom: 40px; } #timeTable h3 { font-size: 140%; color: #757474; font-weight: bold; line-height: 1em; margin: 8px 0; padding-left: 20px; background: url(../images/point.gif) no-repeat 0 1px; margin-left: -18px; margin-bottom: 10px; } #timeTable h3 em { font-style: italic; } #timeTable h3 a { font-size: 80%; color: #c0bfbf; text-decoration: underline; } #timeTable h3 a:hover { text-decoration: none; color:#da221d; } #timeTable p strong.date { color: #da221d; font-weight: bold; font-size: 130%; padding: 0; } #timeTable .pdf a { font-size: 130%; color: #da221d; padding: 20px 0 20px 40px; background: url(../images/pdf.gif) no-repeat 0 50%; font-weight: bold; margin-top: 20px; } #timeTable .pdf a:hover { text-decoration: none; } #timeTable .break { background: url(../images/separator.gif) repeat-x; height: 1px; margin-bottom: 20px;} table { font-size: 110%; margin-bottom: 20px; } td.time { width: 20%; text-align: right; padding-right: 5px; } td.time strong { background: #fdf7c0; font-family: Arial, Helvetica, sans-serif; color: #e66b00; font-weight: bold; } td.event { width: 90%; line-height: 1.2em; padding: 3px 0; } td.event strong { font-weight: bold; } /* Right Column ----------------------------------------------- */ #rightCol { background: #f9f7f4; float: left; width: 217px; margin-top: 35px; } dl#centri { padding: 0 3px; } dl#centri dt { color: #3c3c3c; background: url(../images/centri-sep.gif) no-repeat 0 2px; padding-bottom: 3px; line-height: 1.6em; margin-top: 5px; } dl#centri dt em { font: bold italic 120% Arial, Helvetica, sans-serif; color: #da221d; } dl#centri dt strong { width: 185px; font: bold italic 120% Arial, Helvetica, sans-serif; margin-left: 23px; display: block; margin-top: -16px; } dl#centri dt strong a { text-decoration: none; color: #3c3c3c; } dl#centri dt strong a:hover { color: #da221d; } dl#centri dt strong span { margin-left: 21px; } dl#centri dd { padding-left: 25px; font-size: 110%; color: #92918b; clear: both; } dl#centri dd strong { font-weight: bold; } dl#centri dd.hide { display: none; } /* Footer ----------------------------------------------- */ #footer { font-size: 110%; color: #D6D2C9; padding: 20px 0; margin: 20px auto; text-align: right; width: 700px; } #footer a { padding: 3px; color: #848481; text-decoration: none; margin: 0 5px; } #footer a:hover { background: #fefedd; } /* Raspored ----------------------------------------------- */ #wideCol { float: left; width: 640px; padding: 5px; } #raspored { padding: 20px 10px; } #raspored h1 { display: block; margin: 15px 0 40px; font-size: 2em; font-weight: bold; color: #e77000; } #raspored h1 span { font-size: 80%; color: #3C3C3C } #raspored h2 { font-size: 2em; margin-bottom: 20px; color: #e77000; } #raspored .tablica { font-size: 11px; color: #3C3C3C; border-top: 5px solid #3C3C3C; border-bottom: 5px solid #3C3C3C } #raspored .tablica th { font-weight: bold; width: 40px; color: #3C3C3C } #raspored .tablica td { padding: 2px; } #raspored .tablica td.time { color: #e77000; } #raspored .tablica tr { border-bottom: 1px solid #d7d6d5 } #raspored .tablica td.time.va { vertical-align: top; } #raspored .tablica { width: 600px; } #raspored .tablica td, #raspored .tablica th { padding: 2px 5px; } #raspored .tablica td.location, #raspored .tablica td.cetvrti { padding-left: 15px; } #raspored .tablica th.prvi { width: 3%; } #raspored .tablica td.drugi, #raspored .tablica td.drugi.time, #raspored .tablica td.time { width: 3%; text-align: center } #raspored .tablica td.treci { width: 60%; } #raspored .tablica td.cetvrti { width: 20%; } .projekt h2 { margin-top: 35px; font-size: 2em; margin-bottom: 20px; color: #43950e; text-transform: uppercase; } #wideCol.projekt { float: left; width: 600px; padding: 0 50px 0 0; font-size: 120%; color: #3C3C3C; } #wideCol.projekt p { margin-bottom: 10px; } #wideCol.projekt h3 { color: #43950e; font-weight: bold; font-size: 120%; border-bottom: 1px solid #92918B; padding-bottom: 5px; margin: 40px 0 5px 0; text-transform: uppercase; } #news.home h2 { color: #1a76c0; font-size: 160%; text-transform: uppercase !important; } #news.home { font-size: 120%; } #news.home h3 { color: #1a76c0; font-weight: bold; font-size: 120%; border-bottom: 1px solid #92918B; padding-bottom: 5px; margin: 40px 0 5px 0; } #news.home p { margin-bottom: 10px; } #news.home strong.naslov { display: block; font-size: 110%; } #news.home a { color: #1a76c0; text-decoration: none; font-size: 110%; padding: 2px; } #news.home a:hover { background: #FDF7C0; } strong.misija { color: #DA221D; font-size: 110%; text-transform: uppercase; margin: 0; padding: 0; font-weight: bold important; } h3.onama { color: #DA221D; font-size: 110%; text-transform: uppercase; margin-top: 20px; font-weight: bold; } .some p { margin-bottom: 20px; } p.proglink { margin: 20px 0; } p.proglink a { background: #DA221D; padding: 1px 4px; color: #fff !important; text-decoration: none; } p.proglink a:hover { background: none; color: #DA221D !important } p.nav-text { margin-top: 20px; font-size: 0.9em; line-height: 1.2em; } .some strong { color: #DA221D } #raspored h2 span { color: #3C3C3C; font-size: 0.7em } #news h2.inner-title { font-size: 1.3em !important; margin-top: 20px !important; padding-top: 20px; color: #DA221D; border-bottom: 5px solid #848481; padding-bottom: 10px } h2.inner-title span { font-size: 80%; font-weight: normal; color: #848481 }