/*****************************************

    CSS file for aquarius.hr/zrce
    Copyright (c) web.burza.hr

*****************************************/


/*

    Inherits styles from master.css and overrides them when necessary.

*/
#tod {position: absolute; top: 10px; left: 10px;}

body.night {background: #191919;}
body.day   {background: #d9f5fd;}

body.zrce a {color: #FFDE00;}

#container {background-image: url(/css/cssimg/bg_container_zrce.png); padding: 15px;}

body.zrce .box {border: 1px solid #fff; background: none; margin-bottom: 6px;}
body.zrce .box .inner,
body.zrce .cols3 .inner {background: none; margin-bottom: 0;}
body.zrce .cols3 {background: transparent url(/css/cssimg/bg_3col_zrce.png) repeat-y center top; border: 1px solid #fff;}

/* NAVIGATION */
#nav a           {background-position: left top;}
#nav a:hover     {background-position: left bottom;}
#nav_homepage a  {background-image: url(/css/cssimg/nav/zrce/nav_homepage.png); width: 88px;}
#nav_galleries a {background-image: url(/css/cssimg/nav/zrce/nav_galleries.png); width: 63px;}
#nav_location a  {background-image: url(/css/cssimg/nav/zrce/nav_location.png); width: 70px;}
#nav_vip a       {background-image: url(/css/cssimg/nav/zrce/nav_vip.png); width: 118px;}
#nav_zagreb a    {background-image: url(/css/cssimg/nav/zrce/nav_zagreb.png); width: 110px;}
/*#nav_zagreb      {margin-left: 82px;}*/
/* nav highlighting */
#body_event_homepage_zrce #nav_homepage a,
.gallery_body #nav_galleries a,
#body_event_location_zrce #nav_location a,
#body_event_vip #nav_vip a {background-position: bottom;}

#change_language       {background: transparent url(/css/cssimg/nav/zrce/change_language.png) no-repeat left top;}
#change_language:hover {background-position: left bottom;}

/* english */
.language_en #nav_homepage a  {background-image: url(/css/cssimg/nav/zrce/nav_homepage_en.png); width: 77px;}
.language_en #nav_galleries a {background-image: url(/css/cssimg/nav/zrce/nav_galleries_en.png); width: 72px;}
.language_en #nav_location a  {background-image: url(/css/cssimg/nav/zrce/nav_location_en.png); width: 67px;}
.language_en #nav_vip a       {background-image: url(/css/cssimg/nav/zrce/nav_vip_en.png); width: 131px;}
.language_en #change_language {background-image: url(/css/cssimg/nav/zrce/change_language_en.png); width: 127px;}

/* MASTHEAD */
#masthead               {width: 958px; height: 332px; border: 1px solid #fff; position: relative;}
body.day #masthead      {background-image: url(/images/header_zrce/day/01.jpg);}
body.night #masthead    {background-image: url(/images/header_zrce/night/01.jpg);}
#masthead #logo_zrce    {width: 184px; height: 112px; text-indent: -9999px; background: transparent url(/css/cssimg/logos/logo_zrce.png); position: absolute; bottom: 13px; left: 11px;}
#time_of_day            {margin: 4px 0 0 4px; height: 200px; width: 200px; background-color: transparent; background-position: left top; background-repeat: no-repeat;}
body.night #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_night2.png);}
body.night.language_en #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_night_en.png); width: 295px;}
body.day #time_of_day   {background-image: url(/css/cssimg/bg_time_of_day_day2.png);}
body.day.language_en #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_day_en.png); width: 295px;}

/* EVENTS TABLE */
#upcoming_events                 {background: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 0;}
#upcoming_events table a,
#upcoming_events table           {color: #000;}
#upcoming_events table th        {color: #a2d533; padding-top: 3px;}
#upcoming_events table th .inner,
#upcoming_events table td .inner {background-image: none; background: transparent url(/css/cssimg/bg_table_zrce_light.png);}
#upcoming_events table td .inner {font-size: 1.4em; font-weight: bold; padding: 15px 20px;}
#upcoming_events table td .night {background: transparent url(/css/cssimg/bg_table_zrce_dark.png) repeat-x left top; color: #fff;}
/*#upcoming_events table td .inner:hover {background: #f112e6;}*/
.after_beach, .at_night   {text-indent: -9999px; display: block; margin-bottom: 10px; overflow: hidden;}
.after_beach              {width: 40px; height: 7px; background: transparent url(/css/cssimg/afternoon.png);}
.language_en .after_beach {width: 61px; background: transparent url(/css/cssimg/afternoon_en.png);}
.at_night                 {width: 41px; height: 10px; background: transparent url(/css/cssimg/nighttime.png);}
.language_en .at_night    {width: 39px; height: 7px; background: transparent url(/css/cssimg/nighttime_en.png);}

/* FEATURED EVENTS */
.zrce #featured_event {width: 958px; border: 1px solid #fff;}
#what_its_like {width: 570px; height: 35px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/what_its_like2.png); margin: 20px 0 0 15px;}
.language_en #what_its_like {background-image: url(/css/cssimg/headings/what_its_like_en.png); width: 336px;}
#upcoming_events_h {width: 498px; height: 35px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/upcoming_events.png); margin: 20px 0 0 15px;}
#video_2010 {width: 498px; height: 25px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/video_2010.png); margin: 25px 0 0 15px;}
.language_en #upcoming_events_h {background-image: url(/css/cssimg/headings/upcoming_events_en.png);}
#past_events {width: 150px; height: 15px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/past_events.png); margin: 20px 15px;}
.language_en #past_events {width: 100px; background-image: url(/css/cssimg/headings/past_events_en.png);}

.featured_events        {margin: 25px 5px 10px 8px; position: relative; height: 750px;}
.featured_events li     {position: absolute; display: inline-block; vertical-align: top;}
.featured_events .inner {width: 238px; height: 248px; position: relative; display: block; overflow: hidden; background: url(/css/cssimg/bg_zrce_announcements.png); padding: 2px 2px 0 10px;}

.e_01 {left: 0;     top: 0;}
.e_02 {left: 230px; top: 15px;}
.e_03 {left: 460px; top: 0;}
.e_04 {left: 690px; top: 15px;}

.e_05 {left: 0;     top: 245px;}
.e_06 {left: 230px; top: 260px;}
.e_07 {left: 460px; top: 245px;}
.e_08 {left: 690px; top: 260px;}

.e_09 {left: 0;     top: 490px;}
.e_10 {left: 230px; top: 505px;}
.e_11 {left: 460px; top: 490px;}
.e_12 {left: 690px; top: 505px;}

.e_13 {left: 0;     top: 735px;}
.e_14 {left: 230px; top: 750px;}
.e_15 {left: 460px; top: 735px;}
.e_16 {left: 690px; top: 750px;}

.e_17 {left: 0;     top: 980px;}
.e_18 {left: 230px; top: 995px;}
.e_19 {left: 460px; top: 980px;}
.e_20 {left: 690px; top: 995px;}

.featured_events .date   {position: absolute; top: 10px; right: 10px; background: #fff; color: #000; font-size: 2.5em; padding: 0 .3em; line-height: 1.4em; display: block;}
.featured_events .artist {position: absolute; width: 217px; bottom: 15px; left: 10px; background: #000; color: #fff; font-size: 1.7em; letter-spacing: -0.006em; padding: .5em; line-height: 1.4em; display: block;}

#past_events_listing {margin: 0 0 15px 30px; overflow: hidden;}
    #past_events_listing li {display: inline-block; vertical-align: top; width: 270px; padding: 0 30px 15px 0; text-shadow: 1px 1px 1px #000; line-height: 1.1;}
    #past_events_listing li a {font-weight: bold; text-transform: uppercase; font-size: 1.2em;}
    #past_events_listing li span {font-size: .9em;}


/* CONTENT */
.zrce #event_mixes .dj,
.zrce #latest_mixes .dj   {background-image: url(/css/cssimg/icons/external_zrce.png);}
.zrce #event_mixes .mix   {background-image: url(/css/cssimg/icons/mp3_zrce.png);}
.zrce #event_mixes .video {background-image: url(/css/cssimg/icons/video_zrce.png);}
.zrce #event_mixes .link  {background-image: url(/css/cssimg/icons/www_zrce.png);}

.zrce #latest_mixes ul a:hover,
.zrce #event_mixes ul a:hover   {background: transparent url(/css/cssimg/arrow_right.png) no-repeat 16px 55%; color: #FFDE00;}
.zrce #event_mixes ul a:hover   {background-image: none;}
.language_hr #event_mixes h2             {background-image: url(/css/cssimg/headings/and_more_zrce.png); width: 38px; height: 17px;}
.language_hr #event_mixes h2.first-child {background-image: url(/css/cssimg/headings/check_out_these_links_zrce.png); width: 122px; height: 13px;}
.language_en #event_mixes h2             {background-image: url(/css/cssimg/headings/and_more_zrce_en.png); width: 73px; height: 13px;}
.language_en #event_mixes h2.first-child {background-image: url(/css/cssimg/headings/check_out_these_links_zrce_en.png); width: 142px;}
.zrce #fb_share {bottom: 0;}

#program_info p {width: 570px;}

#videos { margin-top: 25px; }
#videos li { margin: 0 4px 4px 0; position: relative; }
#videos li span { display: block; width: 39px; height: 39px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; background: url(/css/cssimg/icons/play.png) no-repeat; }
#videos li.last_in_row { margin: 0 0 4px 0; }
    #videos li a { display: block; border: #fff 1px solid; }

/* GALLERIES */
#body_gallery_view_zrce #gallery,
#body_gallery_overview_zrce #gallery    {border: 1px solid #fff; padding: 13px 27px 1px; min-height: 400px; margin-bottom: 6px;}
#gallery h2,
#body_gallery_view_zrce 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;}
#body_gallery_view_zrce #gallery ul li  {padding: 5px; min-height: 0;}
#body_gallery_view_zrce #gallery ul img {padding-bottom: 0;}
#back_to_gallery_listing                {color: #FFDE00;}

/* LOCATION */
#location_header               {background: url(/css/cssimg/bg_location_zrce_day.jpg); width: 959px; height: 334px; border-right: 1px solid #fff;}
.night #location_header        {background: url(/css/cssimg/bg_location_zrce_night.jpg);}
#body_event_location_zrce .box {padding: 20px 15px;}
#location_more_info h2         {color: #ffde00;}
#location_more_info a.first-child {padding-right: 3px;}
#body_event_location_zrce #event_media {padding-top: 20px;}

/* VIP RESERVATIONS */
#vip_header {background: url(/css/cssimg/bg_vip_zrce.jpg); height: 332px;}
.language_en #vip_header {background: url(/css/cssimg/bg_vip_zrce_en.jpg);}
#vip_main_info {padding: 20px 15px;}
#vip_main_info h2 {font-size: 1.8em; font-weight: bold; text-transform: uppercase; padding-bottom: .3em;}
#vip_main_info p {font-size: 1.3em; padding-bottom: .3em;}
#vip_main_info ul {list-style-type: disc; list-style-position: outside; padding: 0 0 1em 2em;}
.vip_concert, .vip_regular {width: 48%;}
.vip_concert {float: left;}
.vip_regular {float: right;}
#vip_main_info .vcard       {font-size: 1.3em;}
#vip_main_info .vcard .entity_inline {float: left; padding-right: .3em;}
#vip_main_info .vcard .adr  {padding-bottom: .5em;}
.vip .emphasize {font-size: 1.2em; font-weight: bold;}


/* FOOTER */
#footer a:hover {color: #FFDE00;}
#aquarius_elsewhere {border: 1px solid #fff; background: none; padding: 10px 10px 0; margin-bottom: 15px;}
#aquarius_elsewhere ul {margin-bottom: 10px;}

#partner_list { padding: 5px 0 15px 0; width: 700px; margin: 0 auto; }
    #partner_list li { padding: 0 5px; display: inline; }

/* ERRORS */
#body_error_404.zrce .box,
#body_error_403.zrce .box {background: none;}
#body_error_404.zrce .box .inner,
#body_error_403.zrce .box .inner {background: none;}