/* 
 * Stylesheet for nadjaverenamarcin.com and nadjamarcin.de 
 * created: 2008-02-15
 * author: Sam Figueroa
*/
/**--=Shorthand helpers---------------------------*/
.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}
.cr{clear:right;}
.cl{clear:left;}

/**--=Setup---------------------------*/
*{ padding: 0; margin: 0;}

html{ overflow-y: scroll;}

body#nadjamarcin{
  background-color: white;
  color: #4D4D4D;
  padding: 0;
  margin: 0;
  font-family: "Century Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;*/
  font-size: 10px;
}

body p{
  font-size: 12px;
}

    body#nadjamarcin a img{
      border: none;
    }
    
/**---=General Styles---------------------------*/
h1{
  font-size: 1.2em;
  margin-bottom: 2em;
}

.disabled{
  color: #CCC !important;
  opacity: 0.9;
}

  #nadjamarcin a.disabled:hover{
    text-decoration: none;
    cursor: default;
  }

/**--=Logo---------------------------*/
#logo{
  left: 45%;
  top: 4%;
  position: absolute;
  margin-bottom: 4%;
}

#logo h1{
  color: #993E12;
  text-align: center;
  font-weight: normal;
  letter-spacing: 1.05em;
  font-size: 1.5em;
}

#logoFullName{
  color: #949494;
  font-weight: normal;
}

/**--=Menus---------------------------*/
div.navigation{
  font-size: 0.8em;
  padding: 0 0 2em 14px;
  background: url('../images/lightbox/back.png') no-repeat 1px 2px;
}

div.media_navigation{
  font-size: 11px;
  padding: 1.5em 3em 1em 0;
  float: left;
  margin-bottom: 3em;
}
  div.media_navigation a{
    display: inline-block;
    padding: 0 4px 0 4px;
  }
    
  div.media_navigation a.current{
    font-weight: bold !important;
  }
  div.media_navigation .seperator{
    padding-left: 4px;
    padding-right: 3px;
  }
  div.media_navigation .stop_media{
    background: url('../images/lightbox/closelabel.gif') no-repeat -5px;
    text-indent: -10000%;
    height: 25px;
    widht: 25px;
  }

#englishMenu, #germanMenu{
  top: 25%;
  font-size: 0.8em;
}

#englishMenu{
  position: fixed;
  right: 0;
  text-align: right;
  padding-right: 3%;
}

  .mainNavigation .sectionFirst{
    margin-top: 2em;
  }

  #englishMenu li, #germanMenu li{
    list-style: none;
    margin-bottom: 1em;
  }
  
  li#selectLang{
    font-size: 0.5em;
  }
  
  #englishMenu a.current{
    font-weight: bold;
  }


/**--=Linkx A-href---------------------------*/
#nadjamarcin a, #nadjamarcin a:visited, #nadjamarcin a:hover{
  color: #4D4D4D;
}

#nadjamarcin a, #nadjamarcin a:visited{
  text-decoration: none;
}

#nadjamarcin a:hover{
  text-decoration: underline;
}
  
/**--=Content---------------------------*/
div#content{
  margin-top: 10%;
  margin-left: 10%;
  margin-right: 18%;
}
/**--=Videos index---------------------------*/
div.videoEntry{
  margin-bottom: 4em;
  width: 90%;
}
  div.videoEntry .imgContainer{
    margin-right: 10%;
  }
  
  div.videoEntry .description{
    font-size: 12px;
  }

/**--=Videos single page---------------------------*/
.videoSingleDisplay{
  line-height: 1.1em;
}
  .videoSingleDisplay div.videoPictures{
    overflow: hidden;
    height: 390px;
    max-width: 700px;
    min-width: 650px;
  }
  
    .videoSingleDisplay div.videoPictures div.playLink{
      left: 380px;
      bottom: -2px;
      position: relative;
      clear: both;
      width: 10px;
      height: 10px;
    }
  

  .videoSingleDisplay div.videoPictures a img{
    border: none;
  }
  
  .videoSingleDisplay p.videoInfo, .videoSingleDisplay  p.videoDescription, .videoSingleDisplay h1{
    margin-top: 1em;
  }
  
  .videoSingleDisplay h1{
    font-size: 12px;
  }
  
/**--=photography ---------------------------*/
.photoEntry{
  overflow: auto;
  margin-bottom: 4%;
}
  .photoEntry .imgContainer{
    width: 160px;
    text-align: left;
    margin-right: 3%;
  }

  .photoEntry .photoText{
    /*padding-left: 3%;*/
    width: 70%;
  }
    
    .photoEntry .photoText h1, .photoEntry .photoText p, .entry .text h1{
      font-size: 12px;
    }
    
    .photoEntry .photoText p{
      margin-top: 1%;
    }
    
    .photoEntry .photoText .photoMetaData, .videoEntry .videoInfo, .entry .meta{
      font-size: 0.7em !important;
      color: #4C4C4C;
    }
    
  .photoEntry h1, .videoEntry h1{
    font-size: 1.1em;
  }
  
/**--=drawings---------------------------*/
.drawingEntry, .photoEntry{
  width: 40%;
  float: left;
  margin: 3%;
}
  .odd{
    clear: left;
  }
  
/**--=CV---------------------------*/
#cv{
  font-size: 12px;
  padding-left: 15%;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
  #cv h1, #cv h2, #cv h3{
    padding: 1em 0em 1em 0em;    
    margin-left: -15%;
  }
  #cv h1{
    font-size: 1.4em;
    
  }

  #cv h2{
    font-size: 1.2em;
    padding: 3em 0em 1em 0em;
  }
  
  #cv h3{
    font-size: 1em;
    font-weight: bold;
  }
  
  #cv h3.cvYear{
    color: #999;
  }
  
/**--=Links/Press/About---------------------------*/
#links, #press, #about, #statement{
  font-size: 12px;
}
  #links h1, #press h1, #about h1, #statement h1{
    font-size: 1.4em;
    margin-bottom: 2em;
  }
    #links ol li, #press ol li{
      list-style: none;
      line-height: 2em;
    }
    
    #about p, #statement p{
      margin-top: 2em;
      width: 77ex;
      text-align: justify;
    }
/**--=Contact---------------------------*/
#contact{
  line-height: 2em;
}

#disclaimer{
  font-size: 0.7em;
  line-height: 1.5em;
  margin-top: 2em;
}
  #disclaimer h2{
    font-size: 1.1em;
  }
  
  #disclaimer p{
    width: 85ex;
    margin-bottom: 1em;
  }

/**--=Performances---------------------------*/
  div#performanceDisplay .entry{
    width: 90%;
  }

  div.text h1{
    clear: both;
  }
  
  div#performanceDisplay .performanceDescription{
    line-height: 1.4em;
  }
  
.TEST1{
  background: #6FF;
}

.TEST2{
  background: #6F6;
}