/***************************************************
 |      ___           ___           ___          _____          ___           ___
 |     /  /\         /  /\         /  /\        /  /::\        /  /\         /__/\
 |    /  /:/_       /  /::\       /  /::\      /  /:/\:\      /  /:/_        \  \:\
 |   /  /:/ /\     /  /:/\:\     /  /:/\:\    /  /:/  \:\    /  /:/ /\        \  \:\
 |  /  /:/_/::\   /  /:/~/::\   /  /:/~/:/   /__/:/ \__\:|  /  /:/ /:/_   _____\__\:\
 | /__/:/__\/\:\ /__/:/ /:/\:\ /__/:/ /:/___ \  \:\ /  /:/ /__/:/ /:/ /\ /__/::::::::\
 | \  \:\ /~~/:/ \  \:\/:/__\/ \  \:\/:::::/  \  \:\  /:/  \  \:\/:/ /:/ \  \:\~~\~~\/
 |  \  \:\  /:/   \  \::/       \  \::/~~~~    \  \:\/:/    \  \::/ /:/   \  \:\  ~~~
 |   \  \:\/:/     \  \:\        \  \:\         \  \::/      \  \:\/:/     \  \:\
 |    \  \::/       \  \:\        \  \:\         \__\/        \  \::/       \  \:\
 |     \__\/         \__\/         \__\/                       \__\/         \__\/
 |
 |
 | CSS
 | --------------------
 | The Garden 'home'
 |
***************************************************/

html {
  background: #8a8a8b url(../images/back.wallpaper.productions.png) repeat-x 0 0;
}
ul#events {
  margin: 74px 0 0 25px;
  position: relative;
  float: left;
  width: 342px;
  z-index: 5;
}
  ul#events li.zadar,
  ul#events li.petrcane,
  ul#events li.festival,
  ul#events li.productions,
  ul#events li.next,
  ul#events li.all {
    min-height: 55px;
    width: 342px;
  }
    ul#events li.next {
      background-color: #fff;
      height: 38px;
    }
      ul#events li.next p,
      div#news_music h3,
	  div#festivalList h3,
      div#tweet h3,
	  div#facebook h3,
      div#music_player h3 {
        font: normal 18px/22px Georgia, Garamond, serif;
        padding: 7px 0 7px 6px;
        background: white;
        float: none !important;
      }
    ul#events li.zadar {
      background: #fff url(../images/back.home.event.zadar.png) repeat-y 0 0;
    }
    ul#events li.petrcane {
      background: #fff url(../images/back.home.event.petrcane.png) repeat-y 0 0;
    }
    ul#events li.festival {
      background: #fff url(../images/back.home.event.festival.png) repeat-y 0 0;
    }
    ul#events li.productions {
      background: #fff url(../images/back.home.event.productions.png) repeat-y 0 0;
    }
    ul#events li.all {
      background: #fff url(../images/back.home.event.all.png) no-repeat 0 0;
      height: 28px;
	  min-height: 28px;
    }
    ul#events li a.title,
    ul#events li a.place {
      color: #fff;
      display: block;
      text-decoration: none;
    }
    ul#events li a.title,
    div ul li a.title {
      font-size: 14px;
      line-height: 18px;
      font-weight: bold;
      padding: 11px 0 0 6px;
    }
    ul#events li a.place,
    div ul li a.place {
      color: #fff;
      display: block;
      font: normal 12px/18px Georgia, Garamond, serif;
      padding: 0 0 11px 6px;
    }
      ul#events li.all a.title {
        padding: 6px 0 0 6px;
      }
ul#brands {
  float: right;
  height: 74px;
  margin: 90px 25px 60px 0;
  position: relative;
}
ul#brands.new {
	float: left;
	margin-left: 50px;
	margin-bottom: -20px;
	margin-top: 50px;
}
  ul#brands li {
    display: block;
    float: left;
  }
    ul#brands li.zadar {
      width: 130px
    }
      ul#brands li.zadar a {
        background: #fff url(../images/back.home.logo.zadar.png) no-repeat 0 0;
        display: block;
        height: 74px;
        text-indent: -10000px;
        width: 130px;
      }
    ul#brands li.petrcane {
      width: 131px
    }
      ul#brands li.petrcane a {
        background: #fff url(../images/back.home.logo.petrcane.png) no-repeat 0 0;
        display: block;
        height: 74px;
        text-indent: -10000px;
        width: 131px;
      }
    ul#brands li.festival {
      width: 130px
    }
      ul#brands li.festival a {
        background: #fff url(../images/back.home.logo.festival.png) no-repeat 0 0;
        display: block;
        height: 74px;
        text-indent: -10000px;
        width: 130px;
      }
    ul#brands li.productions {
      width: 124px
    }
      ul#brands li.productions a {
        background: #fff url(../images/back.home.logo.productions.png) no-repeat 0 0;
        display: block;
        height: 74px;
        text-indent: -10000px;
        width: 124px;
      }
  ul#brands li a:hover { background-position: 0 100%; }

  div#news_music,
  div#festivalList {
    position: relative;
    float: left;
    width: 342px;
    margin-top: 74px;
    margin-left: 24px;
    background: red;
    z-index: 5;
  }
  
  div#news_music.new,
  div#festivalList {
    width: 260px;
  }

  div#news_music ul,
  div#news_music li,
  div#news_music h3,
  div#news_music a.all,
  div#festivalList ul,
  div#festivalList li,
  div#festivalList h3,
  div#festivalList a.all {
    position: relative;
    float: left;
  }

  div#news_music ul li,
  div#festivalList ul li {
    min-height: 55px;
    max-height: 80px;
    background-color: #EFF3DB;
    background-position: 95% -40px !important;
    width: 342px;
  }
  div#news_music.new ul li,
  div#festivalList ul li {
	width: 260px;
  }
  div#news_music ul li.even,
  div#festivalList ul li.even {
    background-color: white;
    background-position: 95% 17px !important;
  }

  div#news_music ul li a.title,
  div#news_music ul li a.place,
  div#festivalList ul li a.title,
  div#festivalList ul li a.place {
    width: 100%;
    position: relative;
    float: left;
  }

  div#news_music ul li a.title,
  div#festivalList ul li a.title {
	color: #B30402;
  }
  div#news_music ul li a.title:hover,
  div#festivalList ul li a.title:hover {
	color: #000;
  }
  div#news_music ul li a.place,
  div#festivalList ul li a.place {
	color: #4C4C4C; padding-bottom: 5px;
  }
 div#festivalList ul li img {
	display: block;
	position: absolute;
	height: 48px;
	margin-top: 4px;
	margin-right: 10px;
	right: 0;
 }
  div a.all {
    position: relative;
    display: block;
    background: #fff url(../images/back.home.event.all.png) no-repeat 0 0;
    height: 22px;
    color: white;
    padding: 6px 0 0 6px;
    font-weight: bold;
  }
  
  div a.all:hover { background-position: 0 100%; }
  div#news_music a.all { width: 336px; }
  div#news_music.new a.all { width: 254px; }
  div#tweet a.all { width: 167px; }
  div#tweet.new a.all { width: 254px; }
  div#music_player a.all { width: 336px; }
  
  div#facebook {
	width: 260px;
	margin-top: 44px;
	float: right;
	min-height: 40px;
	margin-right: 20px;
  }

  div#tweet {
    position: relative;
    float: left;
    width: 173px;
    margin-top: 74px;
    margin-left: 24px;
    z-index: 5;
  }
  
  div#tweet.new {
	float: left;
	width: 260px;
	margin-top: 44px;
  }

  div#tweet ul,
  div#tweet li,
  div#tweet h3,
  div#tweet a.all,
  div#facebook ul,
  div#facebook li,
  div#facebook h3,
  div#facebook a.all {
    position: relative;
    float: left;
  }

  div#tweet li p,
  div#tweet li small,
  div#facebook li p,
  div#facebook li small {
    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 1.5;
    padding-left: 10px;
  }

  div#tweet li small,
  div#facebook li small {
    text-transform: uppercase;
    color: #5D5D5C;
    font-size: 11px;
  }

  div#tweet ul,
  div#facebook ul {
    padding-top: 10px;
    background: #EFF3DB;
  }

  div#tweet li,
  div#facebook li {
    margin-bottom: 30px;
    padding-right: 10px;
  }

  div#music_player {
    position: relative;
    float: left;
    width: 342px;
    margin-top: 24px;
    margin-left: 25px;
    background: gray;
    z-index: 5;
    clear: left;
  }
div#music_player.new {
	margin-top: 44px;
}
  a#show_garden {
    top: 428px !important;
  }