/*
   styles.css
   Raumkunst.at
   
   Created by Andrey Okonetchnikov on 2010-01-26.
   Copyright 2010 wollzelle GmbH. All rights reserved.
     
     
   Colors:
     
   Logo: #878977
   Page title: #b7af83
   Main text: #878977
   
   Block empty: #dbd7c1
   
   Navigation links:
   Normal for subnavigation: #aaac94
   Normal and Active: #878977
   Hover and active state: #575947
*/

body {
  text-align: center;
  color: #878977;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a:link,
a:visited {
  color: #878977;
}
a:hover {
  color: #575947;
}

img {
  display: block;
}
address {
  font-style: normal;
}
.b-wrapper {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 950px;
}

div.clear {
  clear: both;
  font-size: 1px;
  line-height: 1;
  height: 9px;
}

/* ================== */
/* = Header section = */
/* ================== */
.b-page-header {
  position: absolute;
  left: 0;
/*  float: left;*/
  margin-right: 20px;
  margin-bottom: 100px;
  width: 220px;
}
  .b-logo {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 9px;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    width: 185px;
    background-color: #878977;
    color: #fff;
    text-shadow: 0 -1px 0 #665;
  }
    .b-logo span,
    .b-logo a {
      display: block;
      padding: 150px 0 4px;
      text-decoration: none;
      color: #fff !important;
    }
    .b-logo a:hover {
      background-color: #979987;
    }
  .b-logo__subheading {
    font: 10px/16px Arial;
    text-transform: uppercase;
    color: #878977;
  }
  
  .b-slogan {
    position: absolute;
    top: 54px;
    left: 240px;
    margin-bottom: .5em;
    padding-bottom: 14px;
    color: #b7af83;
    font-size: 30px;
    line-height: 34px;
    font-weight: normal;
    width: 711px;
    border-bottom: 1px solid #ddd;
  }

  /* Main navigation */
  .b-mainnav {
    clear: both;
    float: none;
    margin-top: 60px;
  }
    .b-mainnav ul {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 14px;
      text-transform: uppercase;
      overflow: hidden;
      zoom: 1;
    }
      .b-mainnav ul li {
        margin: 0;
        padding: 6px 0;
      }
        .b-mainnav ul li ul {
          display: none;
          margin: 0;
          padding: 0;
          text-transform: none;
          font-size: 12px;
          background: none;
          width: 100%;
        }
        .b-mainnav ul li.active ul {
          display: block;
        }
          .b-mainnav ul li ul li a {
            color: #aaac94;
          }
          .b-mainnav ul li ul li a:hover {
            color: #575947;
          }
          
    .b-mainnav a {
      text-decoration: none;
    }
    .b-mainnav a.active {
      color: #575947 !important;
    }
      
      
/* =================== */
/* = Content section = */
/* =================== */
.b-content-area {
  position: relative;
  margin-left: 240px;
  padding-top: 140px;
  zoom: 1;
}
  /* Header */
  .b-content-header {
    padding: 4px 0;
    height: 24px;
    overflow: hidden;
    zoom: 1;
  }

    .b-page-title,
    .b-tags {
      float: left;
    }
    
    .b-page-title {
      margin-top: 2px;
      text-transform: uppercase;
    }
    
    .b-content-header a {
      float: left;
      padding: 1px 7px;
      margin-right: 4px;
      text-decoration: none;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      outline: none;
    }
    .b-content-header a:hover {
      background-color: #eee;
    }
    .b-content-header a.active {
      font-weight: normal;
      color: #fff !important;
      text-shadow: 0 1px 0 #333;
      background-color: #888A77;
    }
     
    .b-paginator__prev,
    .b-paginator__next {
      padding: 1px 4px!important;
      font-size: 12px;
      line-height: 18px;
      vertical-align: -2px;
      font-family: Webdings;
    }
    
    .b-paginate__index {
      text-indent: -9999px;
      width: 9px;
      background: url(/images/index.gif) 4px 4px no-repeat;
    }
    
    .b-paginate {
      float: right;
    }
  
  /* Contents */
  
  .b-content {
    position: relative;
    width: 711px;
    height: 551px;
    overflow: hidden;
    zoom: 1;
  }
    .b-content__i {
      width: 10000px;
      height: 531px;
      overflow: hidden;
      zoom: 1;
    }
    
    .b-slide {
      float: left;
      width: 721px;
      height: 531px;
    }
  
      .b-grid-item {
        position: relative;
        float: left;
        margin: 0 9px 9px 0;
        width: 171px;
        height: 171px;
        overflow: hidden;
      }
      .b-grid-item__empty {
        background-color: #dbd7c1;
      }
      
      .b-grid-item__project {
      }
        .b-grid-item__project a {
          position: relative;
          display: block;
          text-decoration: none;
          text-transform: uppercase;
          letter-spacing: .125em;
          color: #fff !important;
          text-shadow: 0 1px 0 #676957;
          width: 171px;
          height: 280px;
          overflow: hidden;
          -webkit-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }
        .b-grid-item__project a:hover {
          height: 171px;
        }
          .b-grid-item__project a span {
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            width: 100%;
            background-color: #979987;
            background-color: rgba(151,153,135,0.65);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=linear, StartColorstr=#99979987, EndColorstr=#99979987);
          }
            .b-grid-item__project a span strong {
              display: block;
              padding: 10px;
              font-weight: normal;
            }
          
      /* Slide navigation */
      .b-slide-navigation {
        position: absolute;
        top: 172px;
        left: 0;
        width: 712px;
        height: 531px;
      }
        #content_prev,
        #content_next {
          display: block;
          text-align: center;
/*          text-indent: -9999px;*/
          text-decoration: none;
          font-size: 81px;
          line-height: 6.5;
          color: #fff;
          text-shadow: 2px 2px 4px #000;
          font-family: Webdings;
          width: 25%;
          height: 531px;
          opacity: 0;
          -moz-opacity: 0;
          filter: alpha(opacity=0);
          outline:none !important;
          -webkit-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out;
        }
        #content_prev:hover,
        #content_next:hover {
          opacity: .75;
          -moz-opacity: .75;
          filter:alpha(opacity=75);
        }
        #content_prev:active,
        #content_next:active {
          opacity: 1;
          -moz-opacity: 1;
        }
        #content_prev {
          float: left;
/*          background-image: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.75)));*/
/*          background-image: -moz-linear-gradient(top, #000000, #32302E);*/
/*          filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=linear, StartColorstr=#000000, EndColorstr=#32302E);*/
        }
        #content_next {
          float: right;
/*          background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.75)));*/
/*          background-image: -moz-linear-gradient(top, #000000, #32302E);*/
/*          filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=linear, StartColorstr=#000000, EndColorstr=#32302E);*/
        }
        #content_prev.disabled,
        #content_next.disabled {
          opacity: 0;
          -moz-opacity: 0;
          filter:alpha(opacity=0);
          cursor: default;
        }
      
    .b-slide-text {
    }
      .b-slide-text h2,
      .b-slide-text h3,
      .b-slide-text h4 {
        text-transform: uppercase;
        font-weight: normal;
      }
      .b-slide-text h2 { font-size: 1.5em; }
      .b-slide-text h3 { font-size: 1.25em; }
      .b-slide-text h4 { font-size: 1em; }
    
    /* Info overlay */
    .b-info-overlay {
      position: absolute;
      top: 162px;
      left: -9px;
      padding: 9px;
      width: 0px;
      height: 0px;
      border: 9px solid #fff;
      background-color: #dbd7c1;
      overflow: hidden;
      opacity: 0;
      z-index: 9999;
    }
      .b-info-overlay p {
        width: 153px;
        margin: 0 0 1em 0;
      }
    .overlay-short {
      width: 153px;
      height: 153px;
      opacity: 1;
    }
    .overlay-long {
      width: 153px;
      height: 514px;
      opacity: 1;
    }
    .overlay-long-wide {
      width: 334px;
      height: 514px;
      background-color: #FFF;
      opacity: 1;
    }
      .overlay-long-wide p {
        width: 306px;
        margin: 1em 0;
      }
    
  /* Text pages layout */
  .l-col {
    float: left;
    margin-right: 9px;
  }
  .l-col3 {
    width: 171px;
  }
  .l-col6 {
    width: 351px;
  }
  .l-last {
    margin-right: 0;
  }
    .l-col h1, .l-col h2, .l-col h3,
    .l-col h4, .l-col p, .l-col ul,
    .l-col ol, .l-col blockquote, .l-col dl {
      margin: 0 0 .5em 4px;
    }
    
    .l-col ul,
    .l-col ol {
      margin-left: 2em;
      margin-bottom: 1em;
    }
    
    .l-col dt {
      margin-left: 4px;
    }
  
  /* Publications */
  .b-publications dt {
    margin-top: 1em;
    margin-bottom: .5em;
    font: italic bold  1em Georgia,serif;
  }
  .b-publications dt,
  .b-publications dt a {
    color: #575947;
  }
  .b-publications dd {
    margin-bottom: 2.5em;
  }
  
  /* References */
  .b-links dt {
    margin-top: 1em;
    margin-bottom: .5em;
    margin-right: 4em;
    font-size: 15px;
    line-height: 1.3;
    color: #575947;
  }
  .b-links dt a {
    color: #575947;
    text-decoration: none;
  }
    .b-links dt a:hover {
      text-decoration: underline;
    }
  .b-links dd {
    margin-bottom: 2.5em;
    overflow: hidden;
    zoom: 1;
  }
    .b-links dd ul {
      margin: 0 0 0 4px;
      padding: 0;
      list-style: none;
      font-size: 13px;
    }
      .b-links dd ul li {
        float: left;
        margin-right: 1.5em;
      }
    
  /* Vcards */
  .vcard .honorific-prefix {
    margin-bottom: 0;
  }
  .vcard .name {
    margin-top: 0;
    font-size: 15px;
    color: #575947;
  }
  
  .vcard .org,
  .vcard .adr,
  .vcard .tel {
    display: none;
  }
    

/* ================== */
/* = Footer section = */
/* ================== */
footer {
  clear: both;
  position: absolute;
  margin-top: -140px;
  padding-top: 25px;
  width: 220px;
  background: url(/images/logo-footer.gif) 0 0 no-repeat;
}
  footer address .space1 {
    padding: 0 2px;
  }
  footer address .space2 {
    padding: 0 5px;
  }
  
/* Language switcher */
.language-switcher {
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}
  .language-switcher li {
    float: left;
    margin: 0 .75em 0 0;
    padding: 0;
    
  }