/***************************************************
 |      ___           ___           ___          _____          ___           ___
 |     /  /\         /  /\         /  /\        /  /::\        /  /\         /__/\
 |    /  /:/_       /  /::\       /  /::\      /  /:/\:\      /  /:/_        \  \:\
 |   /  /:/ /\     /  /:/\:\     /  /:/\:\    /  /:/  \:\    /  /:/ /\        \  \:\
 |  /  /:/_/::\   /  /:/~/::\   /  /:/~/:/   /__/:/ \__\:|  /  /:/ /:/_   _____\__\:\
 | /__/:/__\/\:\ /__/:/ /:/\:\ /__/:/ /:/___ \  \:\ /  /:/ /__/:/ /:/ /\ /__/::::::::\
 | \  \:\ /~~/:/ \  \:\/:/__\/ \  \:\/:::::/  \  \:\  /:/  \  \:\/:/ /:/ \  \:\~~\~~\/
 |  \  \:\  /:/   \  \::/       \  \::/~~~~    \  \:\/:/    \  \::/ /:/   \  \:\  ~~~
 |   \  \:\/:/     \  \:\        \  \:\         \  \::/      \  \:\/:/     \  \:\
 |    \  \::/       \  \:\        \  \:\         \__\/        \  \::/       \  \:\
 |     \__\/         \__\/         \__\/                       \__\/         \__\/
 |
 |
 | CSS
 | --------------------
 | The Garden
 |
 | Contents:
 |  =reset
 |  =style
 |  =general
 |  =library
***************************************************/

/***************************************************
 | =reset
***************************************************/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/***************************************************
 | =style
***************************************************/

html {
  overflow-y: scroll;
}
  body {}
    div#container {
      margin: 0 auto;
      padding-bottom: 30px;
      position: relative;
      width: 955px;
      z-index: 1;
    }
      ul#lang_chooser {
        height: 35px;
        text-align: right;
        width: 955px;
      }
        ul#lang_chooser li {
          color: #fff;
          display: inline;
          font-size: 11px;
          font-weight: bold;
          line-height: 35px;
        }
          ul#lang_chooser li a {
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
          }
      ul#gallery_garden {
        display: block;
        height: 580px;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 4;
        width: 955px;
      }
        ul#gallery_garden li {
          height: 580px;
          position: absolute;
          width: 955px;
        }
        ul#gallery_garden img {
          height: 580px;
          width: 955px;
        }
        a {
    color: #000000;
    text-decoration: none;
  }
  a:hover {
    color: #666666;
    text-decoration: none;
  }
        a#show_garden {
          background: #fff url(../images/back.zoom.in.png) no-repeat 0 0;
          display: block;
          height: 30px;
          right: 25px;
          position: absolute;
          top: 527px;
          text-indent: -10000px;
          width: 30px;
          z-index: 5;
        }
          a#show_garden.showing {
            background: #fff url(../images/back.zoom.out.png) no-repeat 0 0;
          }
        a#next_garden, a#prev_garden {
          background-color: #fff;
          display: none;
          height: 54px;
          position: absolute;
          top: 260px;
          width: 54px;
          z-index: 5;
        }
        a#next_garden {
          right: 0px;
          background-image:url('/images/arrow.r.png');
        }
        a#prev_garden {
          left: 0px;
          background-image:url('/images/arrow.l.png');
        }
      div#content {
        background-color: #fff;
        position: relative;
        width: 955px;
        z-index: 3;
      }
        div#header {
          padding: 35px 0 0 26px;
          position: relative;
          z-index: 5;
        }
        h1 {
          padding: 7px 0 7px 0;
          /*line-height: 48px;*/
          /* margin-bottom: 8px;*/
          position: relative;
          z-index: 5;
        }
          h1 pre {
            background: transparent url(../images/back.font.png) repeat 0 0;
            color: #fff;
            display: inline;
            font-family: arial,helvetica,clean,sans-serif;
            font-size: 32px;
            font-weight: bold;
            /*height: 32px;
            line-height: 32px;*/
            padding: 5px 10px 5px 10px;
          }
            div#header h1 pre a {
              color: #fff;
              font-size: 32px;
              /*height: 32px;
              line-height: 32px;*/
              text-decoration: none;
            }
            div#header h1 a:hover {
              color: #bbb;
            }

        div#header h2 {
          margin-bottom: 1px;
          padding: 7px 0 7px 0;
          position: relative;
          z-index: 5;
        }
          div#header h2 pre {
            background: transparent url(../images/back.font.png) repeat 0 0;
            color: #fff;
            display: inline;
            font-family: arial,helvetica,clean,sans-serif;
            font-size: 24px;
            font-weight: bold;
            /*line-height: 24px;*/
            padding: 5px 10px 5px 10px;
          }
            div#header h2 pre a {
              text-decoration: none;
              font-size: 24px;
              font-weight: bold;
              /* line-height: 24px;*/
            }
        ul#menu {
          position: absolute;
          right: 21px;
          text-align: right;
          top: 25px;
          z-index: 5;
        }
          ul#menu li {
            clear: right;
            display: block;
            float: right;
          }
            ul#menu li a {
              background-color: #fff;
              color: #4c4c4c;
              display: block;
              font-size: 14px;
              font-weight: bold;
              line-height: 23px;
              padding: 0 5px 0 5px;
              text-decoration: none;
            }
              ul#menu li a:hover {
                background-color: #4c4c4c;
                color: #fff;
              }
              ul#menu li a.zadar:hover {
                background-color: #95af0e;
                color: #fff;
              }
              ul#menu li a.petrcane:hover {
                background-color: #6cbdde;
                color: #fff;
              }
              ul#menu li a.festival:hover {
                background-color: #e79300;
                color: #fff;
              }

        pre.subtext {
          background: transparent url(../images/back.font.png) repeat 0 0;
          color: #fff;
          display: inline;
          font: normal 18px/37px Georgia, serif;
          padding: 8px 5px 8px 0;
          position: relative;
          z-index: 5;
        }
          pre.subtext a.zadar,
          pre.subtext a.productions,
          pre.subtext a.petrcane,
          pre.subtext a.festival,
          pre.subtext a.garden {
            font-family: arial,helvetica,clean,sans-serif;
            font-weight: bold;
            line-height: 10px;
            text-decoration: none;
          }

          pre.subtext a.zadar {
            color: #95af0e;
          }
          pre.subtext a.productions {
            color: #b5b5b5;
          }
          pre.subtext a.petrcane {
            color: #6cbdde;
          }
          pre.subtext a.festival {
            color: #e79300;
          }
          pre.subtext a.garden {
            color: #fff;
          }
            pre.subtext a.zadar:hover,
            pre.subtext a.productions:hover,
            pre.subtext a.petrcane:hover,
            pre.subtext a.festival:hover {
              color: #fff;
            }

div#subcontent {
  background-color: #fff;
  margin: 7px 0 0 26px;
  padding: 32px 15px 0 15px;
  position: relative;
  width: 585px;
  z-index: 5;
  min-height: 300px;
}
  div#subcontent img.logo {
    float: right;
    padding: 17px 8px 22px 18px;
  }
  div.news div#subcontent img.logo,
  div.event div#subcontent img.logo {
    padding: 0 0 22px 18px;
    width: auto;
    height: 168px;
  }
  div#subcontent p {
    font: normal 13px/20px Georgia, Garamond, serif;
  }
  div#subcontent h2 {
    font: normal 18px/22px Georgia, Garamond, serif;
    padding: 45px 0 10px 0;
  }
  div#content.press div#subcontent h3,
  div#clippings h3,
  div #content.news h3 {
    font: normal 18px/22px Georgia, Garamond, serif;
  }
  div#content.press.all div#subcontent h3 {
    padding: 10px 15px 10px 8px;
  }
  div#subcontent p.date,
  div.clipping p.date {
    color: #4c4c4c;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 15px;
    text-transform: uppercase;
  }
  div#subcontent div.clipping_all p.date { padding-bottom: 0px; }
div#footer {
  clear: both;
  /*padding: 35px 0 0 25px;*/
  padding: 85px 0 0 25px;
  /*height: 110px;*/
  height: 85px;
}
form#newsletter {
  padding-bottom: 25px;
  position: relative;
  width: 363px;
  float: left;
}
  form#newsletter p.label {
    font: normal 18px/22px Georgia, Garamond, serif;
    padding: 0 0 10px 7px;
  }
  form#newsletter input {
    background: #fff url(../images/back.home.form.input.png) no-repeat 0 0;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 7px;
    width: 306px;
  }
  form#newsletter p.button {
    display: block;
    float: right;
    height: 28px;
    overflow: hidden;
    width: 50px;
  }
    form#newsletter p.button button {
      background: transparent url(../images/back.home.form.button.png) no-repeat 0 0;
      border: 0 none;
      cursor: pointer;
      color: #fff;
      display: inline;
      font-size: 14px;
      font-weight: bold;
      height: 28px;
      overflow: hidden;
      padding: 0;
      margin: 0;
      width: 50px;
    }
    /*marko*/
div#footer div {
  float:right;
  width:520px;
}
div#footer div.contact {
  margin-top: -25px;
}
div#footer div.contact div {
  float: left;
  width: 300px;
  padding-top: 9px;
}
div#footer div.contact div p {
  width: auto;
  float: right;
  color: #666;
  font: 11px/1.5 Georgia,Garamond,serif;
}

div#footer div p {
  width:107px;
  position:relative;
  float:left;
  padding:0px;
  margin:7px 25px 0 0;
}
div#footer div p a#twitter{
	width:27px;
	height:27px;
	background: url(/images/icons_social.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	display:block;
	float:left;
	margin-right:13px;
}
div#footer div p a#facebook{
	width:27px;
	height:27px;
	background: url(/images/icons_social.gif) -28px 0px  no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	display:block;
	float:left;
	margin-right:13px;
}
div#footer div p a#myspace{
	width:27px;
	height:27px;
	background: url(/images/icons_social.gif) -56px 0px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	display:block;
	float:left;
}

div#footer a#loccie {
  position: relative;
  float: right;
}
  div#footer a#loccie img {
    position: relative;
    float: left;
    margin-right: 25px;
    margin-top: -26px;
  }

div#footer ul {
  float: right;
  /*margin: 43px 15px 0 0;*/
  margin: 0px 25px 0 0;
  position: relative;
}
  div#footer ul li {
    color: #666;
    display: inline;
    font: normal 11px/22px Georgia, Garamond, serif;
    position: relative;
    float: left;
  }
    div#footer ul li a {
      color: #000;
      font: bold 11px/22px arial,helvetica,clean,sans-serif;
      text-decoration: none;
    }
    div#footer ul li a:hover {
      color: #666666;
      font: bold 11px/22px arial,helvetica,clean,sans-serif;
      text-decoration: none;
    }
ul#there {
  float: right;
  left: 642px;
  padding: 25px 0 0 10px;
  position: absolute;
  width: 201px;
  top: 0;
  z-index: 10;
}

ul.subpages {
  margin: 10px 0 25px 0;
}
ul.subpages:last-child {
  margin-bottom: 0;
}

ul.subpages li a {
  display: block;
  padding: 10px 0 10px 10px !important;
  margin-left: -10px;
  background-color: white;
}

ul.subpages li a.all {
  position: relative;
  display: block;
  background: #fff url(../images/back.home.event.all.png) no-repeat 0 0;
  height: 22px;
  color: white !important;
  padding: 6px 0 0 6px !important;
  font-weight: bold;
  line-height: 1.2 !important;
}

div.zadar ul.subpages li.odd a { background: #eff2dd; }
div.petrcane ul.subpages li.odd a { background: #E2F2F8; }
div.festival ul.subpages li.odd a { background: #f1e9dc; }
div.zadar ul.productions li.odd a { background: #efefef; }

  ul#there p, div#content.news div#subcontent ul#there p  {
    font: normal 18px/22px Georgia, Garamond, serif;
    padding:0;
  }
  ul#there li.boxcontent p, div#content.news div#subcontent ul#there li.boxcontent p  {
    font: normal 13px/20px Georgia, Garamond, serif;
  }
  ul#there > li > p {
	margin-top: 16px;
  }
  ul#there > li:first-child > p,
  ul#there > li.boxcontent > p {
	margin-top: 0px;
  }
  li.boxcontent {
    margin-bottom: 25px;
  }
  ul#there a, div#content.news div#subcontent ul#there a {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
    padding:0;
  }


div#overlay {
  background-color: #000;
  display: none;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

/***************************************************
 | =colors
***************************************************/
div#content ul.subpages li.active a {
  color: #fff !important;
  cursor: default;
}
div#content.press.all div#subcontent,
div#content.shop div#subcontent {
  padding: 0;
  width: 615px;
}
div#content.zadar div#header,
div#content.petrcane div#header,
div#content.festival div#header,
div#content.productions div#header,
div#content.news div#header,
div#content.press div#header,
div#content.shop div#header,
div#content.news div#header,
div#content.contacts div#header {
  height: 308px;
}
div#content.zadar pre strong.title,
div#content.zadar h1 pre a.sub,
div#content.zadar div#header h2 a,
div#content.zadar ul#there a,
div#content.news ul#there.zadar a {
  color: #95af0e;
}
div#content.zadar ul.subpages li.active a {
  background: #95af0e;
}
div#content.petrcane pre strong.title,
div#content.petrcane h1 pre a.sub,
div#content.petrcane div#header h2 a,
div#content.petrcane ul#there a,
div#content.news ul#there.petrcane a {
  color: #6cbdde;
}
div#content.petrcane ul.subpages li.active a {
  background: #6cbdde;
}
div#content.festival pre strong.title,
div#content.festival h1 pre a.sub,
div#content.festival div#header h2 a,
div#content.festival ul#there a,
div#content.news ul#there.festival a {
  color: #e79300;
}
div#content.festival ul.subpages li.active a {
  background: #e79300;
}
div#content.productions pre strong.title,
div#content.productions h1 pre a.sub,
div#content.productions div#header h2 a,
div#content.productions ul#there a,
div#content.press h1 pre a.sub,
div#content.press div#header h2 a,
div#content.press ul#there a,
div#content.news h1 pre a.sub,
div#content.news div#header h2 a,
div#content.news ul#there a,
div#content.shop h1 pre a.sub,
div#content.shop div#header h2 a,
div#content.shop ul#there a {
  color: #b5b5b5;
}
div#content.shop ul.subpages li.active a {
  background: #b5b5b5;
}
div#content pre strong.title {
  font-family: Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
}
div#content.zadar div#subcontent {
  background: #fff url(../images/back.zadar.line.top.png) no-repeat 0 0;
}
div#content.petrcane div#subcontent {
  background: #fff url(../images/back.petrcane.line.top.png) no-repeat 0 0;
}
div#content.festival div#subcontent {
  background: #fff url(../images/back.festival.line.top.png) no-repeat 0 0;
}
div#content.productions div#subcontent {
  background: #fff url(../images/back.productions.line.top.png) no-repeat 0 0;
}
div#content.press div#subcontent {
  float: left;
  padding-top: 10px;
}
div#content.zadar ul#there {
  background: #fff url(../images/back.zadar.line.top.2.png) no-repeat 0 0;
}
div#content.petrcane ul#there {
  background: #fff url(../images/back.petrcane.line.top.2.png) no-repeat 0 0;
}
div#content.festival ul#there {
  background: #fff url(../images/back.festival.line.top.2.png) no-repeat 0 0;
}
div#content.productions ul#there {
  background: #fff url(../images/back.productions.line.top.2.png) no-repeat 0 0;
}

ul#there.zadar {
  background: #fff url(../images/back.zadar.line.top.2.png) no-repeat 0 0;
}
ul#there.petrcane {
  background: #fff url(../images/back.petrcane.line.top.2.png) no-repeat 0 0;
}
 ul#there.festival {
  background: #fff url(../images/back.festival.line.top.2.png) no-repeat 0 0;
}
ul#there.productions {
  background: #fff url(../images/back.productions.line.top.2.png) no-repeat 0 0;
}


ul#menu a.active.petrcane {
  background-color: #6cbdde;
  color: #fff;
}
ul#menu a.active.zadar {
  background-color: #95af0e;
  color: #fff;
}
ul#menu a.active.festival {
  background-color: #e79300;
  color: #fff;
}
ul#menu a.active.productions,
ul#menu a.active.shop,
ul#menu a.active.press,
ul#menu a.active.news {
  background-color: #969696;
  color: #fff;
}

/***************************************************
 | =general
***************************************************/

h3 {}
h4 {}
p {}
a {
  outline: none;
}
strong {
  font-weight: bold;
}

/***************************************************
 | =library
***************************************************/

.inline {
  display: inline;
}
.left {
  float: left;
}
.right {
  float: right;
}

/* ADDON */

div.festival a { color: #E79300; font-weight: bold; }
div.zadar a { color: #95AF0E; font-weight: bold; }
div.petrcane a { color: #2687ae; font-weight: bold; }
div.productions a { color: #888; font-weight: bold; }

div.festival a:hover { color: #666; }
div.zadar a:hover { color: #666; }
div.petrcane a:hover { color: #666; }
div.productions a:hover { color: #666; }

div#content ul#there li a:hover { color: #666; }

li.music { background-image: url(/images/note.png); background-position: 96% 16px; background-repeat: no-repeat; }
li.odd, li.even {
  background-position: 96% -40px;
}

p#filter {
  position: absolute;
  top: 10px;
  right: 10px;
}

p#filter a {
  font-weight: bold;
  color: #B30402;
}
p#filter a:hover {
  color: #660404;
}

p#filter a.active,
p#filter a.active:hover {
  color: black;
  cursor: default;
}

div.track {
  margin-top: 20px;
  padding: 0 15px;
}