/* (c)ss 2010 Coding by Marcin Szafert - marcin at szafert dot pl */ * { margin: 0; padding: 0; } body { font: 12px 'lucida sans unicode', arial, helvetica, sans-serif; color: #000; } img { border: none; } body#splash { background: #00fe67; } body#currently { background: #cc0 url(../images/body_currently.jpg) top center no-repeat; } body#info { background: #f06 url(../images/body_info.jpg) top center no-repeat; } body#gallery { background: #69f url(../images/body_gallery.jpg) top center no-repeat; } body#menu { background: #3c9 url(../images/body_menu.jpg) top center no-repeat; } body#partners { background: #0fc url(../images/body_partners.jpg) top center no-repeat; } body#archive { background: #96f url(../images/body_archive.jpg) top center no-repeat; } body#contact { background: #99f url(../images/body_contact.jpg) top center no-repeat; } #flash { width: 1024px; height: 768px; margin: 20px auto; } #pageWrapper { position: relative; width: 1024px; height: 675px; margin: 0 auto; } #header { position: absolute; top: 7px; left: 39px; width: 958px; } #header p { margin-bottom: 1px; text-align: right; font: bold 13px 'trebuchet ms', sans-serif; } #header p span { margin: 0 3px; } #header h1 { height: 40px; text-indent: -9999px; cursor: pointer; } #header h1.hCurrently { background: url(../images/header_currently.png) no-repeat; } #header h1.hInfo { background: url(../images/header_info.png) no-repeat; } #header h1.hGallery { background: url(../images/header_gallery.png) no-repeat; } #header h1.hMenu { background: url(../images/header_menu.png) no-repeat; } #header h1.hPartners { background: url(../images/header_partners.png) no-repeat; } #header h1.hArchive { background: url(../images/header_archive.png) no-repeat; } #header h1.hContact { background: url(../images/header_contact.png) no-repeat; } #navMenu { position: absolute; top: 92px; left: 40px; } #navMenu ul { list-style: none; } #navMenu ul li a { display: block; height: 12px; margin-bottom: 6px; text-decoration: none; text-indent: -9999px; overflow: hidden; background-image: url(../images/menu.png); background-repeat: no-repeat; } li#nm01 a { width: 92px; background-position: 0 0; } li#nm01 a:hover { background-position: -200px 0; } li#nm01 a.current { background-position: -100px 0; } li#nm02 a { width: 80px; background-position: 0 -18px; } li#nm02 a:hover { background-position: -200px -18px; } li#nm02 a.current { background-position: -100px -18px; } li#nm03 a { width: 39px; background-position: 0 -36px; } li#nm03 a:hover { background-position: -200px -36px; } li#nm03 a.current { background-position: -100px -36px; } li#nm04 a { width: 70px; background-position: 0 -54px; } li#nm04 a:hover { background-position: -200px -54px; } li#nm04 a.current { background-position: -100px -54px; } li#nm05 a { width: 46px; background-position: 0 -72px; } li#nm05 a:hover { background-position: -200px -72px; } li#nm05 a.current { background-position: -100px -72px; } li#nm06 a { width: 96px; background-position: 0 -90px; } li#nm06 a:hover { background-position: -200px -90px; } li#nm06 a.current { background-position: -100px -90px; } li#nm07 a { width: 89px; background-position: 0 -108px; } li#nm07 a:hover { background-position: -200px -108px; } li#nm07 a.current { background-position: -100px -108px; } li#nm08 a { width: 78px; background-position: 0 -126px; } li#nm08 a:hover { background-position: -200px -126px; } li#nm08 a.current { background-position: -100px -126px; } /* program */ #eventList { position: absolute; top: 75px; left: 222px; width: 314px; height: 196px; z-index: 5; } #eventList ul { position: relative; list-style: none; } #eventList ul li { position: absolute; text-align: center; color: #999; } #eventList ul li a { text-decoration: none; overflow: hidden; } #eventList ul li a strong { display: block; font-weight: bold; } #eventList ul li a:hover strong { text-decoration: underline; } li#ei1 { top: 107px; left: 224px; width: 74px; height: 65px; font-size: 12px; line-height: 1.2em; background: url(../images/day1.png) no-repeat; } li#ei1 a { color: #fff; } li#ei1 strong { margin-top: 12px; font-size: 16px; } li#ei2 { top: 23px; left: 237px; width: 85px; height: 75px; font-size: 15px; line-height: 1.3em; background: url(../images/day2.png) no-repeat; } li#ei2 a { color: #000; } li#ei2 strong { margin-top: 10px; font-size: 21px; } li#ei3 { top: 0; left: 174px; width: 68px; height: 60px; font-size: 12px; line-height: 1.2em; background: url(../images/day3.png) no-repeat; } li#ei3 a { color: #fff; } li#ei3 strong { margin-top: 10px; font-size: 16px; } li#ei4 { top: 11px; left: 74px; width: 97px; height: 84px; font-size: 16px; line-height: 1.3em; background: url(../images/day4.png) no-repeat; } li#ei4 a { color: #000; } li#ei4 strong { margin-top: 12px; font-size: 25px; } li#ei5 { top: 57px; left: 0; width: 84px; height: 72px; font-size: 13px; line-height: 1.5em; background: url(../images/day5.png) no-repeat; } li#ei5 a { color: #fff; } li#ei5 strong { margin-top: 12px; font-size: 21px; } #constEvent { position: absolute; top: 125px; right: 88px; width: 168px; height: 131px; background: url(../images/const_event_bg.png) no-repeat; } #constEvent ul { position: relative; list-style: none; } #constEvent ul li { position: absolute; display: block; width: 68px; height: 59px; text-align: center; font-size: 11px; line-height: 1em; } #constEvent ul li a { text-decoration: none; overflow: hidden; font-weight: bold; } #constEvent ul li a:hover { color: #000; } li#cei1 { top: 0; left: 0; padding-top: 12px; color: #ff9; background: url(../images/ic_reggae_faza.png) no-repeat; } li#cei1 a { color: #ff9; } li#cei2 { top: 57px; left: 100px; padding-top: 14px; color: #6cf; background: url(../images/ic_audio_wizja.png) no-repeat; } li#cei2 a { color: #6cf; } li#cei3 { top: 72px; left: 9px; padding-top: 14px; color: #939; background: url(../images/ic_etno_party.png) no-repeat; } li#cei3 a { color: #939; } h1#monthTitle { position: absolute; top: 338px; left: 433px; width: 144px; font-size: 16px; text-transform: uppercase; text-align: center; z-index: 2; } h1#monthTitle a { text-decoration: none; color: #000; } h1#monthTitle a:hover { color: #fff; } #eventPoster { position: absolute; top: 156px; right: 296px; display: table; width: 150px; height: 200px; background-position: right bottom; background-repeat: no-repeat; z-index: 6; } #eventPoster p { display: table-cell; padding-right: 10px; padding-bottom: 10px; text-align: right; vertical-align: bottom; } #archiveYearsMenu { position: absolute; top: 310px; right: 296px; width: 220px; z-index: 2; } #archiveYearsMenu ul { text-align: right; list-style: none; } #archiveYearsMenu li { display: inline; margin-left: 10px; font-size: 18px; font-weight: bold; color: #fff; } #archiveYearsMenu a { text-decoration: none; color: #000; } #archiveYearsMenu a:hover { color: #fff; } #archiveMonthMenu { position: absolute; top: 370px; width: 230px; } #archiveMonthMenu ul { text-align: right; list-style: none; } #archiveMonthMenu li { font-size: 14px; font-weight: bold; color: #fff; } #archiveMonthMenu a { text-decoration: none; color: #000; } #archiveMonthMenu a:hover { color: #fff; } #eventContent { position: absolute; top: 228px; left: 232px; width: 496px; height: 447px; color: #fff; background: url(../images/default_content_bg.png) bottom right no-repeat; z-index: 5; } #contentHeader { position: relative; width: 216px; height: 155px; overflow: hidden; } #contentHeader h1 { position: absolute; top: 25px; left: 48px; width: 119px; height: 103px; line-height: 1.4em; text-align: center; text-transform: lowercase; font-size: 18px; color: #000; background: url(../images/content_header_bg.png) no-repeat; } #contentHeader h1 span { display: block; margin-top: 20px; font-size: 32px; } #contentHeader ul { list-style: none; } #contentHeader li { position: absolute; } #contentHeader li a { display: block; width: 61px; height: 53px; text-decoration: none; text-indent: -9999px; overflow: hidden; background-image: url(../images/event_place.png); background-repeat: no-repeat; } li#wi { top: 0; left: 13px; } li#wi a { background-position: 0 0; } li#wi a:hover, li#wi a.current { background-position: 0 -53px; } li#pg { top: 22px; left: 153px; } li#pg a { background-position: -61px 0; } li#pg a:hover, li#pg a.current { background-position: -61px -53px; } li#po { top: 78px; left: 0; } li#po a { background-position: -122px 0; } li#po a:hover, li#po a.current { background-position: -122px -53px; } li#pd { top: 102px; left: 140px; } li#pd a { background-position: -183px 0; } li#pd a:hover, li#pd a.current { background-position: -183px -53px; } h1#infoTitle, h1#menuTitle, h1#partnersTitle, h1#mapTitle, h1#archiveTitle, h1#contactTitle { width: 119px; height: 103px; line-height: 103px; text-align: center; font-size: 18px; } h1#menuTitle { color: #000; background: url(../images/title_menu_bg.png) no-repeat; } h1#infoTitle { color: #000; background: url(../images/title_info_bg.png) no-repeat; } h1#partnersTitle { color: #000; background: url(../images/title_partners_bg.png) no-repeat; } h1#archiveTitle { color: #fff; background: url(../images/title_archive_bg.png) no-repeat; } h1#contactTitle { color: #fff; background: url(../images/title_contact_bg.png) no-repeat; } #contentWrapper { float: right; margin-top: 25px; margin-right: 30px; } #contentWrapper h3.eventTitle { margin-bottom: 5px; padding: 0 7px 3px 0; font-size: 15px; font-weight: normal; border-bottom: 1px solid #333; color: #f36; } #contentWrapper h3.eventTitle span { display: block; font-size: 14px; font-weight: bold; } #contentWrapper h3.eventTitle span big { margin-right: 5px; padding-right: 5px; font-size: inherit; font-weight: normal; border-right: 1px solid #666; color: #ccc; } #contentWrapper div.eventWrapper { margin-bottom: 15px; color: #999; } #infoContent, #menuContent, #partnersContent, #mapContent, #archiveContent, #contactContent { position: absolute; top: 255px; left: 280px; width: 448px; height: 420px; color: #fff; background: url(../images/default_content_bg.png) no-repeat; z-index: 0; } #menuContent div.contentWrapper, #infoContent div.contentWrapper, #partnersContent div.contentWrapper { margin: 50px 0 0 28px; } #contactContent div.contentWrapper { text-align: center; margin-top: 35px; } #googleMap { width: 392px; height: 220px; margin: 0 auto; background-color: #000; } #address { clear: both; width: 392px; margin: 5px auto 0 auto; text-align: left; } #archiveContent div.contentWrapper { margin: 50px 0 0 28px; } #archiveContent div.contentWrapper ul { list-style: none; } #archiveContent div.contentWrapper li { margin-left: 0; margin-bottom: 5px; color: #666; } #archiveContent div.contentWrapper li p { margin: 0; font-size: 11px; } #archiveContent div.contentWrapper li h3 { font-size: 13px; color: #ccc; } #archiveContent div.contentWrapper li h3 a { color: #96f; } #archiveContent div.contentWrapper li h3 small { margin-right: 5px; padding-right: 6px; font-size: 11px; font-weight: normal; color: #999; border-right: 1px solid #333; } /* modules */ #addModule { position: absolute; top: 380px; left: 25px; width: 200px; height: 250px; } #addModule { text-align: right; font-size: 13px; } #addModule ul { margin-top: 15px; list-style: none; line-height: 1.4em; } #addModule a { text-decoration: none; color: #000; border-bottom: 1px dashed #000; } #addModule a:hover { border-bottom: 1px solid #000; } div.scrollPane { width: 392px; height: 225px; } div.scrollPane p { margin-bottom: 5px; } div.scrollPane ul { margin-bottom: 5px; } div.scrollPane li { margin-left: 15px; } div.scrollPane a.stdLink { text-decoration: none; color: #f60; border-bottom: 1px dashed #999; } div.scrollPane a.stdLink:hover { color: #f60; border-bottom: 1px solid #fff; } #galleryContent { position: absolute; top: 260px; } h3#currentGallery { width: 230px; margin-bottom: 5px; text-align: right; font-size: 14px; color: #000; } div#galleryList { width: 230px; margin-top: 5px; text-align: right; } div#galleryList h3 { margin-bottom: 5px; font-size: 12px; } div#galleryList ul { list-style: none; } div#galleryList ul li { margin-left: 50px; margin-top: 2px; padding-top: 2px; font-size: 11px; border-top: 1px solid #547fd2; } div#galleryList a { text-decoration: none; font-weight: bold; color: #000; } div#galleryList a:hover { color: #fff; } div#mycarouselEmpty { width: 800px; margin-left: 112px; padding: 40px 0; text-align: center; color: #fff; background-color: #000; } #bee1, #bee2, #bee3, #bee4 { position: absolute; z-index: -1; } #copy { position: absolute; right: 13px; bottom: 36px; width: 9px; height: 179px; } #copy p { text-indent: -9999px; overflow: hidden; } p#minami { height: 94px; background: url(../images/copy.png) no-repeat; } p#minami a { display: block; float: left; width: 9px; height: 51px; background: url(../images/copy.png) -10px 0 no-repeat; } p#minami a:hover { background: url(../images/copy.png) -20px 0 no-repeat;} p#pixeye { height: 85px; background: url(../images/copy.png) 0 -94px no-repeat; } p#pixeye a { display: block; float: left; width: 9px; height: 38px; background: url(../images/copy.png) -10px -94px no-repeat; } p#pixeye a:hover { background: url(../images/copy.png) -20px 0 no-repeat;} #footer { width: 1024px; margin: 20px auto; } #footer p { font: 13px 'trebuchet ms', sans-serif; color: #000; } #footer a { text-decoration: none; color: #000; border-bottom: 1px dashed #000; } #footer a:hover { border-bottom-style: solid; } #sm2-container { width: 1px; height: 1px; overflow: hidden; }