/***************************************** CSS file for aquarius.hr Copyright (c) web.burza.hr *****************************************/ /* GLOBAL =====================================================================*/ html {} body {font: 62.5%/1.5 Helvetica, Arial, sans-serif; color: #fff; background: #000; height: 100%;} .structural {position: absolute; top: -9999px; left: -9999px;} .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear {display: inline-block;} .clearfix {clear: both;} a {color: #ff4700; text-decoration: none;} a:hover {/*text-decoration: underline;*/} #background {position: absolute; top: 0; z-index: 1;} #halfdot {background: transparent url(/css/cssimg/halfdot.gif) /*fixed*/ repeat; position: relative; z-index: 2; /*padding-bottom: 50px;*/ height: 100%;} p {font-size: 1.4em;} ul {font-size: 1.2em;} /* LAYOUT =====================================================================*/ #container {width: 960px; padding: 15px; margin: 0 auto; background: transparent url(/css/cssimg/bg_container.png) repeat-y left top; /*height: 100%;*/ position: relative; top: 0px; z-index: 3;} #header {padding-bottom: 17px;} #content {} #footer {} .columns23 {background: transparent url(/css/cssimg/bg_2col_23_btm.png) no-repeat left bottom;} .box_23 {background: transparent url(/css/cssimg/bg_23_btm.png) no-repeat left bottom; width: 587px;} .box_13 {background: transparent url(/css/cssimg/bg_13_btm.png) no-repeat left bottom; width: 346px;} .box_23 .inner, .box_13 .inner {padding: 5px !important;} .box {background: transparent url(/css/cssimg/bg_1col_btm2.png) no-repeat left bottom;} .box div.inner {background: transparent url(/css/cssimg/bg_top2.png) no-repeat left top; padding: 5px; margin-bottom: 6px;} .cols3 {background: transparent url(/css/cssimg/bg_3col_btm.png) no-repeat left bottom; margin-bottom: 6px; } .cols3 .inner {background: transparent url(/css/cssimg/bg_top2.png) no-repeat left top; padding: 20px 15px;} /* HEADER =====================================================================*/ #logo a {margin-left: 14px; width: 144px; height: 31px; text-indent: -9999px; display: block; overflow: hidden; background: transparent url(/css/cssimg/logos/logo_small.png);} #nav {position: absolute; top: 25px; left: 196px;} #nav li {float: left; padding-right: 22px;} #nav a {text-indent: -9999px; display: block; height: 13px; background-color: transparent; background-repeat: no-repeat; background-position: left bottom;} #nav a:hover {background-position: left top;} #nav_homepage a {background-image: url(/css/cssimg/nav/nav_homepage.png); width: 88px;} #nav_calendar a {background-image: url(/css/cssimg/nav/nav_calendar.png); width: 72px;} #nav_galleries a {background-image: url(/css/cssimg/nav/nav_galleries.png); width: 64px;} #nav_venues a {background-image: url(/css/cssimg/nav/nav_venues.png); width: 57px;} #nav_zrce a {background-image: url(/css/cssimg/nav/nav_zrce.png); width: 93px; height: 17px; position: relative; top: -4px;} /* nav highlighting */ #body_event_homepage #nav_homepage a, #body_event_calendar #nav_calendar a, .gallery_body #nav_galleries a, #body_event_location #nav_venues a {background-position: left top; /*cursor: default;*/} #change_language {text-indent: -9999px; display: block; width: 98px; height: 17px; background: transparent url(/css/cssimg/nav/change_language.png) no-repeat left top; position: absolute; right: 29px; top: 24px;} #change_language:hover {background-position: left bottom;} /* CONTENT =====================================================================*/ /* FEATURED EVENT FLYER */ #featured_event {width: 960px; height: 284px; margin-bottom: 6px;} #text_overlay {width: 100%; height: 100%;} div#text_overlay {text-indent: -9999px;} div#text_overlay h2 {height: 1px; overflow: hidden;} div#text_overlay h3 a {width: 960px; height: 282px; display: block;} #flyer_placeholder {margin-bottom: 6px;} #body_event_homepage #featured_event {margin-bottom: 0;} /* UPCOMING EVENTS TABLE */ #upcoming_events {background: url(/css/cssimg/bg_btm2.png) no-repeat left bottom; padding: 0 3px; margin-bottom: 6px;} #upcoming_events table a {color: #fff;} #upcoming_events table a:hover {text-decoration: none;} #upcoming_events table {width: 100%; background: transparent url(/css/cssimg/logos/logo_big.png) no-repeat center center;} #upcoming_events table td, #upcoming_events table td {width: 25%;} #upcoming_events table th .inner, #upcoming_events table td .inner {display: block; position: relative;} #upcoming_events table th .inner {background: url(/css/cssimg/bg_table_th.png) repeat-x left top; padding: 11px 9px 4px 17px; letter-spacing: -.1em;} #upcoming_events table td .inner {background: transparent url(/css/cssimg/bg_table_firstrow.png); height: 4em; font-size: 1.2em; line-height: 1; padding: 12px 15px 20px 50px;} #upcoming_events table tr.second_row td .inner {background-image: url(/css/cssimg/bg_table_secondrow.png);} #upcoming_events th {font-size: 2.2em; text-transform: uppercase; font-weight: bold; text-align: left; padding: 0 0 3px 3px;} #upcoming_events th.first-child, #upcoming_events td.first-child {padding: 0 0 3px 0;} #upcoming_events td {font-size: 1.1em; line-height: 1.4em; position: relative; padding: 0 0 3px 3px; height: 100%;} #upcoming_events td a:hover {background-color: #ff4700; background-image: none !important;} #upcoming_events table td .double {height: 10.7em;} .event_type {display: block; padding-top: 5px;} .a1, .a2, .a1a2 {display: block; position: absolute; left: 16px; top: 13px; text-indent: -9999px;} .a1 {width: 18px; height: 21px; background: transparent url(/css/cssimg/a1.png);} .a2 {width: 21px; height: 21px; background: transparent url(/css/cssimg/a2.png);} .a1a2 {width: 21px; height: 51px; background: transparent url(/css/cssimg/a1a2.png);} .event_title {color: #ff4700;} #upcoming_events table a:hover .event_title {color: #fff;} /* LATEST GALLERIES AND MIXES FOR THE HOMEPAGE */ #featured_content {background: url(/css/cssimg/bg_btm1.png) no-repeat left bottom; position: relative; margin-bottom: 6px;} #featured_content .inner {background: url(/css/cssimg/bg_top1.png) no-repeat left top; padding: 37px 11px 15px 13px;} #featured_content .inner .inner {padding: 5px;} #featured_content h2 {text-indent: -9999px; overflow: hidden; height: 13px; background-color: transparent; background-repeat: no-repeat; background-position: left top; position: absolute; top: 15px;/*margin-left: 5px;*/} #latest_gallery h2 {width: 89px; background-image: url(/css/cssimg/headings/new_galleries.png);} #latest_mixes h2 {width: 70px; background-image: url(/css/cssimg/headings/new_mixes.png);} #latest_gallery {float: left; width: 587px;} #latest_mixes {float: right; width: 346px;} /* lists (used on the homepage and event single view) */ #featured_content ul li, #program_main_info ul li, #event_mixes ul li {padding-bottom: 3px;} #latest_mixes ul a, #latest_gallery ul div, #program_main_info ul a, #program_main_info ul div, #event_mixes ul a {color: #fff; padding: 4px 28px 4px 37px; display: block; position: relative; background: transparent url(/css/cssimg/bg_li_even.png);} #latest_gallery ul div {padding: 0;} #latest_gallery ul a {display: block; padding: 4px 28px 4px 37px; color: #fff;} #featured_content ul div.odd, #program_main_info ul a.odd, #program_main_info ul div.odd, #event_mixes ul a.odd {background: transparent url(/css/cssimg/bg_li_odd.png);} #featured_content ul a.active, #latest_gallery ul div.active a {background: transparent url(/css/cssimg/arrow_right.png) no-repeat 16px 0.75em; color: #ff4700;} #featured_content ul a:hover, #program_main_info ul a:hover {text-decoration: none; color: #ff4700;} #featured_content .date, #program_main_info .date, #event_mixes .date {font-size: .8em; position: absolute; right: 20px; top: 6px;} #event_mixes .date {right: 10px;} #featured_content .title {display: block; width: 180px;} #event_mixes .title {display: block; width: 155px;} #event_mixes .dj, #latest_mixes .dj {display: block; background: url(/css/cssimg/icons/external.png) no-repeat right center; padding-right: 20px;} #event_mixes .dj {width: 167px; padding-right: 32px;} #latest_mixes .dj {width: 270px;} #event_mixes .mix {background: url(/css/cssimg/icons/mp3.png) no-repeat right center;} #event_mixes .video {background: url(/css/cssimg/icons/video.png) no-repeat right center;} #event_mixes .link {background: url(/css/cssimg/icons/www.png) no-repeat right center;} #gallery_listing {float: right; width: 230px;} #gallery_listing ul {background: transparent url(/css/cssimg/bg_table.png) right bottom; padding: 15px 0; min-height: 174px;} #latest_mixes .inner {padding-top: 20px !important;} #latest_mixes ul, #event_mixes ul {padding: 0; background: none;} #latest_mixes ul a, #event_mixes ul a {background: transparent url(/css/cssimg/bg_li_even.png);} #latest_mixes ul a.odd, #event_mixes ul a.odd {background: transparent url(/css/cssimg/bg_li_odd2.png);} #event_mixes ul a {padding: 4px 10px;} #latest_mixes ul a:hover, #event_mixes ul a:hover {background: #47463B url(/css/cssimg/arrow_right.png) no-repeat 16px 55%; color: #ff4700;} #event_mixes ul a:hover {background-image: none;} /* EVENT SINGLE VIEW */ .media_placeholder {float: left; margin-right: 6px; display: inline; position: relative;} .btn_view_gallery {display: block; position: absolute; top: 0; left: 0; text-indent: -9999px; overflow: hidden; width: 340px; height: 204px; background: transparent url(/css/cssimg/btn_view_gallery2.png) no-repeat center 90px;} .btn_view_gallery:hover {background-position: center -210px;} #event_mixes h2 {text-indent: -9999px; background: transparent url(/css/cssimg/headings/and_more.png); width: 38px; height: 17px; overflow: hidden; margin: 0 0 7px 11px;} #event_mixes h2.first-child {background-image: url(/css/cssimg/headings/check_out_these_links.png); width: 122px; height: 13px;} #event_main_info p {font-size: 2.2em;} #event_main_info .inner {padding: 20px 15px; position: relative;} #fb_share {background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat right 55%; padding: 1px 20px 0px 5px; color: #3B5998; position: absolute; bottom: 1px; right: 15px; font-size: 1.1em;} #event_more_info {width: 330px; float: left; padding-right: 22px;} #event_more_info p {padding-bottom: 2em;} #event_mixes {width: 215px; float: left; padding: 3px 0;} #event_mixes #related_mixes {margin-bottom: 20px; padding-bottom: 60px; background: transparent url(/css/cssimg/logos/logo_medium.png) no-repeat center bottom;} #event_media {float: right; width: 342px; position: relative;} #event_media a {position: absolute; top: 0; left: 0; display: block; width: 345px; height: 375px; text-indent: -9999px; background: transparent url(/css/cssimg/btn_photo_galleries.png) no-repeat center center;} #event_media ul {background: #fff; padding: 10px 10px 2px 10px;} #event_media ul li {padding-bottom: 5px;} #program_info {position: relative; clear: both;} #program_info .inner {padding: 20px 15px;} #program_info h2 {font-size: 3.6em; font-weight: normal; width: 195px; padding: 0 10px 55px 0; line-height: 1em;} #program_info p {width: 440px; padding-bottom: 2em;} #more_about_program {text-indent: -9999px; display: block; width: 171px; height: 30px; background: transparent url(/css/cssimg/btn_more_about_program.png); margin-bottom: 5px;} #presskit_download {text-indent: -9999px; display: block; width: 171px; height: 30px; background: transparent url(/css/cssimg/btn_presskit_download.png);} #dj_listing {width: 280px;} #dj_listing li {background: #fff; padding: 10px; color: #000; text-align: center; font-size: 1.2em; font-weight: bold; margin: 0 15px 20px 0; vertical-align: top; display: inline-block; width: 100px;} #dj_listing li img {display: block; padding-bottom: 8px;} #program_info .column {float: left;} #program_info_copy {float: right !important;} /* EVENT CALENDAR */ #calendar div.inner {padding: 50px 60px; position: relative;} #calendar h2 {font-size: 3em; font-weight: normal; text-align: center;} #calendar table {border-collapse: separate; border-spacing: 2px; clear: both; position: relative; top: -1.5em;} #calendar th {font-size: 1.8em;} #calendar td {background: url(/css/cssimg/bg_calendar.png); padding: 10px; width: 98px; height: 118px; font-size: 1.1em; font-weight: bold; line-height: 1.25em;} #calendar td a {display: block; margin-bottom: .5em;} #calendar td a span {color: #fff;} #calendar td a span.summary {color: #ff4700;} #calendar td.previous_month, #calendar td.next_month {color: #000;} #calendar td.previous_month a, #calendar td.next_month a {color: #000;} #calendar td.weekend {background: url(/css/cssimg/bg_calendar_weekend.png);} #calendar td.today {background: url(/css/cssimg/bg_calendar_today.png);} #calendar td.today .weekday {color: #00deff;} #calendar td .location {font-weight: normal; display: block;} #calendar td:hover {background: #ff4700;} #calendar td:hover .summary {color: #fff;} #calendar td.hover {background: #ff4700 !important;} #calendar td.hover .summary {color: #fff !important;} #calendar .weekday {display: block; font-size: 1.3em; padding-bottom: .5em;} #calendar .genre {display: block; font-size: .9em; font-style: italic; font-weight: normal; line-height: 1.2; padding-top: .2em;} #calendar .dtstart, #calendar .dtend, #calendar .duration {display: none !important;} #calendar td .first-child {padding-bottom: 1em;} /* calendar navigation */ .prev_next_nav {position: relative;} .prev_next_nav .prev {float: left;} .prev_next_nav .next {float: right; text-align: right;} .prev_next_nav li {margin-bottom: 6px;} #body_event_calendar .prev_next_nav li {margin-bottom: 0;} #body_event_calendar .prev_next_nav li a {width: 10.4em;} .prev_next_nav li a {display: block; padding: 5px 20px; font-size: 1.6em;} .prev_next_nav li a span {color: #fff;} .prev_next_nav li a:hover {background: url(/css/cssimg/bg_calendar.png);} #nav_cal {top: -2em;} #monthly_schedule_download {display: block; text-indent: -9999px; width: 188px; height: 11px; margin: 0 auto; background: url(/css/cssimg/monthly_schedule_download.png);} /* calendar filter */ #cal_filter {position: absolute; top: 23px; right: 63px;} #cal_filter ul {background: transparent url(/css/cssimg/bg_cal_filter2.png) no-repeat left top; position: relative; width: 252px; height: 10px;} #cal_filter li a {text-indent: -9999px; display: block; position: absolute; height: 7px; top: 0;} #cal_filter li a.active {background-position: left bottom; cursor: default;} #cal_filter_all_events {background: transparent url(/css/cssimg/cal_filter_all_events.png) no-repeat left top; left: 46px; width: 75px;} #cal_filter_clubbing {background: transparent url(/css/cssimg/cal_filter_clubbing.png) no-repeat left top; left: 144px; width: 42px;} #cal_filter_concerts {background: transparent url(/css/cssimg/cal_filter_concerts.png) no-repeat left top; left: 210px; width: 43px;} /* GALLERIES */ #gallery .inner {padding: 13px 28px 1px; min-height: 400px;} #gallery h2, #body_gallery_view h1 {text-align: center; background: transparent url(/css/cssimg/bg_gallery_header.png); margin-bottom: 15px; padding: 3px 0; font-weight: bold; font-size: 4em; letter-spacing: -.05em;} #gallery ul {margin-bottom: 15px;} #gallery ul li {background: #fff; padding: 5px 5px 15px; text-align: center; width: 168px; min-height: 140px; margin: 0 0 13px 0px; display: -moz-inline-stack; display: inline-block; vertical-align: top;} #body_gallery_view #gallery ul li {padding: 5px; min-height: 0;} #gallery ul li.first_in_row {margin-left: 0;} #gallery ul img {display: block; padding-bottom: 10px;} #body_gallery_view #gallery ul img {padding-bottom: 0;} #gallery ul a {color: #000; font-weight: bold;} #back_to_gallery_listing {display: block; padding: 5px 10px; font-size: 1.6em; width: 10.5em; margin-bottom: 20px; color: #ff4700;} #back_to_gallery_listing:hover {background: url(/css/cssimg/bg_calendar.png);} #back_to_gallery_listing span {color: #fff;} /* PROGRAM VIEW */ #body_program_view h1 {font-size: 4.6em; color: #ff4700; line-height: 1.2; padding-bottom: .2em;} #body_program_view .box div.inner {margin-bottom: 0; padding: 20px 15px;} #body_program_view #content h2 {text-indent: -9999px; overflow: hidden; height: 13px; margin-bottom: 7px; background-color: transparent; background-repeat: no-repeat; background-position: left top; margin-left: 10px;} #program_main_info h2 {background-image: url(/css/cssimg/headings/past_program_events.png); height: 17px !important;} #program_side_info h2 {background-image: url(/css/cssimg/headings/dj_mixes.png); width: 68px; margin-bottom: 0;} #program_side_info h2.first-child {background-image: url(/css/cssimg/headings/residents.png); width: 60px; height: 17px !important;} #program_main_info {float: left; width: 580px;} #program_main_info p {padding-bottom: 2em;} #program_side_info {float: right; width: 330px; padding-top: 10px;} #program_main_info ul a, #program_main_info ul div {padding: 4px 28px 4px 10px;} #program_main_info ul a.odd, #program_main_info ul div.odd {background: transparent url(/css/cssimg/bg_li_odd2.png);} #program_main_info .date {right: 10px;} #body_program_view #presskit_download {margin-bottom: 30px;} #program_side_info #dj_listing {padding-left: 10px;} #program_side_info #event_mixes {width: auto;} #program_side_info #event_mixes .dj {width: 290px;} /* LOCATION VIEW */ #location_header {margin-bottom: 6px; width: 960px; height: 284px; background: url(/css/cssimg/bg_location_zagreb.jpg);} #overlay {width: 100%; height: 100%; background: url(/css/cssimg/ov_location_zagreb.png);} #body_event_location .box .inner {padding: 20px 15px;} #location_main_info p {font-size: 2.2em;} #location_main_info .vcard {float: right;} #location_main_info .vcard h2 {font-size: 2.4em; font-weight: bold; text-align: right;} #location_main_info .vcard dl {font-size: 1.4em;} #location_main_info .vcard dt, #location_main_info .vcard dd {display: inline;} #location_main_info .vcard dt {padding-left: .5em;} #location_more_info h2 {font-size: 4.6em; color: #ff4700; line-height: 1; padding-bottom: .5em;} #location_more_info h3 {font-size: 1.4em; font-weight: bold; text-transform: uppercase; padding-bottom: .5em;} #location_more_info p {padding-bottom: 2em;} .map_link img {border: 10px solid #fff;} #location_more_info a.first-child {padding-right: 5px;} #how_to_get_there {width: 565px; padding-top: 1.5em; float: left;} #body_event_location #event_media {padding-top: 45px;} /* FOOTER =====================================================================*/ #footer {text-align: center; margin-top: 6px; clear: both;} #aquarius_elsewhere {background: url(/css/cssimg/bg_btm1.png) no-repeat left bottom; margin-bottom: .5em;} #aquarius_elsewhere .inner {background: url(/css/cssimg/bg_top1.png) no-repeat left top; position: relative; padding: 10px;} #aquarius_elsewhere li {float: left; margin-right: 50px;} #aquarius_elsewhere li.last-child {margin-right: 0;} #aquarius_elsewhere a {display: block; line-height: 2.7em; color: #fff; font-size: 1.2em; padding-left: 45px; background-repeat: no-repeat; background-position: left center; background-color: transparent;} #aquarius_elsewhere a:hover {color: #ff4700;} #facebook {background-image: url(/css/cssimg/logos/facebook.png);} #myspace {background-image: url(/css/cssimg/logos/myspace.png);} #youtube {background-image: url(/css/cssimg/logos/youtube.png);} #footer_logo {text-indent: -9999px; width: 301px; height: 81px; overflow: hidden; display: block; background: url(/css/cssimg/logos/logo_footer.png); margin: 0 auto;} #copyright {font-size: 1em; padding-bottom: .5em;} #disclaimer {font-size: 1em; color: #696868; text-align: right; padding: 0 15px 1.5em 0;} #burza {text-indent: -9999px; width: 29px; height: 29px; overflow: hidden; display: block; background: url(/css/cssimg/logos/logo_burza.png); margin: 0 auto;} /* ERRORS =====================================================================*/ #body_error_404 .inner, #body_error_403 .inner {padding: 10px;} #body_error_404 #container, #body_error_403 #container {/*margin-bottom: 15%;*/} #body_error_404 #content h1, #body_error_403 #content h1 {font-size: 2em; padding-bottom: .5em;} #body_error_404 #content p, #body_error_403 #content p {padding-bottom: .5em;} #body_error_404 #content ul {font-size: 1.5em; list-style-type: disc; list-style-position: inside; padding-bottom: 1em;}