/**
 *  Main elements
 */
body {
  font-family: Helvetica, Verdana, Arial;
  margin-top: 0px;
  font-size: 16px;
  font-weight: normal;
  color: #AEB0B6;
}
h1 {
  font-size: 20px;
  color: #EF8B00;
  margin: 0;
  font-weight: normal;
}
h2 {
  font-size: 18px;
  color: #EF8B00;
  margin: 0;
  font-weight: normal;
}
/**
 green:     #CECD00; (link hover) (and active main menu)
 orange:    #F18E00; (active boxes) (and active submenu)
 darkgrey:  #707173;
 lightgrey: #B1B3B4;

font sizes:
 Largest (menu): 21px
 Headings:       18px;
 Regular text:   16px;

 bottom-box 16px; (two different colors, grey and dark grey)


  392x325 (images in the FFContent area)
*/
a:link,
a:active,
a:visited {
  color: #707173;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #CECD00;
}
a.subMenu {
  margin-left: 10px;
  color: #B1B3B4;
}
div#FFContent a:link,
div#FFContent a:active,
div#FFContent a:visited {
  color: #707173;
}
div#FFContent a:hover {
  color: #CECD00;
}
p {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}
img {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
}
hr {
  border: none 0;
  height : 2px;
  background : #999999;
  color : #999999;
}
table {
  margin-left: 0;
  padding-left: 0;
  border-spacing: 0;
}
/**
 * Filmfarms classes
 */
a.activeLink:link,
a.activeLink:active,
a.activeLink:visited {
  color: #EF8B00;
}
a.mainMenu:link,
a.mainMenu:active,
a.mainMenu:visited {
  color: #6E7178;
}
a.mainMenu:hover {
  color: #CCCC1B;
}
a.selected {
  color: #CECD00 !important; 
}
span.highlight {
  color: #CECD00;
}
span.chosenMenu {
  color: #C9D000;
}
span.highlightOrange {
  color: #F18E00;
}
/**
 * Filmfarms ID'ed elements
 */
#FFPage {
  margin: 0 auto;
  padding-top: 40px;
  text-align: left;
  width: 1024px;
/*  height: 768px;*/
  padding: 19px;
  padding-top: 150px;
/*  border-right: 1px solid #000000;*/
}
#FFPageInner {
  position: relative;
}
#FFHeader {
  text-align: left;
  padding-bottom: 21px;
  border-bottom: 2px solid #A2A5AA;
  width: 986px;
}
.grid {
  background-image: url('/film-farms.com/img/grid.png'); 
  background-repeat: no-repeat;
}
#FFMenu {
  position: absolute;
  top: 0px;
  width: 180px;
}
#FFMainMenu {
  margin-top: 15px;
  font-size: 20px;
  color: #AEB0B6;
  line-height: 23px;
}
#FFContent {
  position: absolute;
  top: 15px;
  left: 198px;
  width: 788px;
  height: 500px;
  text-align: left;
  font-size: 16px;
  color: #A2A5AA;
}
#FFContent p {
  line-height: 18px;
}

/**
 *
 */
fieldset {
  border: 1px solid #CCCCCC;
}
input {
  border: 1px solid #CCCCCC;
}
input.defaultButton {
  width: 100px;
}
.descriptiveText {
  color: #999999;
}

object {
  float: left;
  margin-right: 10px;
}
.mceItemFlash {
  float: left;
  margin-right: 10px;
}
div.infoWindow {
  font-size: 12px;
  color: #6E7178;
}
span.description {
  color: #6E7178;
}
/**
 * Biography page / in production 
 */
#BIOall, #FilmAll, #NewsAll, #CalendarAll, #WorkshopsAll {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 788px; 
  height: 119px;
/*  border: 1px solid #CECECE; */
  overflow: hidden;
  cursor: pointer;
}
#BIOallInner, #FilmAllInner, #NewsAllInner, #CalendarAllInner, #WorkshopAllInner  {
  position: relative;
  top: 0;
  left: 0;
  width: 3000px;
  overflow: hidden;
}
.bio, .film, .news, .calendar, .workshops {
  display: none;
  width: 788px !important;
  height: 350px;
  overflow: auto;
}
  div.bio h1, div.film h1, div.news h1, div.calendar h1, div.workshop h1 {
    font-size: 18px;
  }
  div.bio p.bioDesc, 
  div.film p.filmDesc,
  div.news p.newsDesc,
  div.calendar p.calendarDesc,
  div.workshops p.workshopDesc {
    margin-top: 5px;
  }
  div.bio p.bioPos,
  div.film p.filmPos {
  color: #707173;
  margin: 0;
}
div.BIOperson, 
div.descFilm,
div.descNews,
div.descCalendar,
div.workshopThumb {
  float: left;
  width: 195px;
  height: 80px;
  border-top: 2px solid #A2A5AA;
  margin-right: 2px;
  padding-top: 3px;
}
  div.BIOperson div.BIOpersonInner, 
  div.descFilm div.descFilmInner,
  div.descNews div.descNewsInner,
  div.descCalendar div.descCalendarInner,
  div.workshopThumb div.WorkshopsBoxInner  {
    position: relative;
    top: 0;
    left: 0;
  }
  div.descFilm div.descFilmInner {
    height: 80px;
  }
  div.BIOperson div.BIOpersonInner div,
  div.descFilm div.descFilmInner div,
  div.descNews div.descNewsInner div,
  div.descCalendar div.descCalendarInner div,
  div.workshopThumb div.WorkshopsBoxInner div {
    position: absolute; 
    top: 0; 
    left: 75px;
  }
    div.BIOperson div.BIOpersonInner h2,
    div.descFilm div.descFilmInner h2,
    div.descCalendar div.descCalendarInner h2,
    div.workshopThumb div.WorkshopsBoxInner h2 {
      font-size: 16px;
      line-height: 16px; 
      color: #707173;
    }
    div.descNews div.descNewsInner h2 {
      font-size: 14px;
      color: #707173;
    }
    div.selected {
      border-top: 2px solid #F18E00;
    }
    div.selected h2 {
      color: #F18E00 !important; 
    }
    div.selected p {
      color: #CECD00;
    }
    
    div.BIOperson div.BIOpersonInner p,
    div.descFilm div.descFilmInner p,
    div.descNews div.descNewsInner p,
    div.descCalendar div.descCalendarInner p {
      font-size: 14px;
      line-height: 14px; 
    }
  div.BIOperson div.BIOpersonInner img,
  div.descFilm div.descFilmInner img,
  div.descNews div.descNewsInner img,
  div.descCalendar div.descCalendarInner img,
  div.workshopThumb div.WorkshopsBoxInner img {
    position: absolute; 
    top: 2px; 
    left: 0;
  }
#BIObrowseLeft {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 14px;
  height: 19px;
}
#BIObrowseRight {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 14px;
  height: 19px;
}
/**
 * 
 */

div.FilmContainer,
div.PersonContainer,
div.WorkshopContainer {
  position: relative;
  top: 0;
  left: 0;
}
div.FilmPreview,
div.PersonPreview,
div.WorkshopPreview {
  position: absolute;
  top: 5px;
  left: 0;
  width: 400px;
}
div.FilmDescription,
div.NewsText,
div.CalendarText,
div.PersonDescription,
div.WorkshopDescription {
  width: 377px;
  height: 338px;
  overflow: auto;
}
div.FilmDescription p.tagline {
  color: #CECD00;
}
div.filmdesc {
  display: none;
}
div.FilmIcons {
  position: absolute; 
  bottom: 0; 
  left: 0;
}
p.tagline {
  font-style: italic;
}
/**
 * jScrollPane 
 */
.jScrollPaneContainer {
  position: absolute;
  top: 0;
  left: 410px;
  width: 377px;
  height: 338px;
  overflow: hidden;
  z-index: 1;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background: #B1B3B4;
}
.jScrollPaneDrag {
  position: absolute;
  background: #707173;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}