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

    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_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 {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 #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: 25px; 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;}

#featured_events        {margin: 10px 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;}

/* 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;}

/* 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;}

/* 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;}

/* 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;}