/* layout.css */
/* see http://blog.airbladesoftware.com/2006/12/11/cssdryer-dry-up-your-css */


/* layout */


body {
	text-align: center;	
}


div.stage {
	position: relative;
	width: 95em;
	_width: 950px;
	text-align: left;
	margin: 0 auto;
}
div.stage div.scene div.head {
  position: relative;
  _zoom: 1.0;
  height: 7.5em;
}
div.stage div.scene div.head ul.primary-nav {
  position: absolute;
  right: 3em;
  bottom: 0;
  _bottom: -1px;
  _zoom: 1.0;
  /* overflow: auto; causes weird white overlay in Opera 9.23 / OSX */
}
div.stage div.scene div.head ul.primary-nav li {
  /* display: inline; */
  float: left;
  list-style-type: none;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0 0 0 0.2em;
  padding-left: 0.5em;
}
div.stage div.scene div.head ul.primary-nav li a {
  display: block;
  padding: 0.5em 1.2em 0.5em 0.7em;
  _zoom: 1.0;
  _float: left;
}
div.stage div.scene div.head div.auth-panel {
  position: absolute;
  top: 5px;
  right: 30px;
  font-size:1.1em;
}
div.stage div.scene div.wrap {
  _zoom: 1.0; /* needed for hasLayout in IE */
  overflow: auto;
  min-height:  50em; /* TODO: implement min-max.js for IE */
  padding: 3em;
  border: none;
}
div.stage div.scene div.wrap div.primary {
  float: left;
  width: 60em;
  _width: 600px; /* yep  IE is b0rked */
}
div.stage div.scene div.wrap div.primary table.entry {
  border: none;
}
div.stage div.scene div.wrap div.primary table.entry td {
  border: none;
  padding: 0 2em 0 0;
}
div.stage div.scene div.wrap div.primary table.entry th {
  border: none;
  padding: 0 2em 0 0;
}
div.stage div.scene div.wrap div.primary div.news-item {
  margin: 0 0 2em;
  overflow: auto;
}
div.stage div.scene div.wrap div.primary div.news-item div.date {
  padding: 0 1.5em;
  line-height: 2em;
}
div.stage div.scene div.wrap div.primary div.news-item div.movie {
  text-align: center;
  padding: 2em;
}
div.stage div.scene div.wrap div.primary div.news-item div.body {
  padding: 1em 1.5em;
}
div.stage div.scene div.wrap div.primary div.news-item div.body div.image-wrap {
  float: left;
  margin: 0 1em 1em 0;
}
div.stage div.scene div.wrap div.primary div.news-item div.body div.image-wrap img {
  display: block;
}
div.stage div.scene div.wrap div.primary div.news-item div.body p {
  overflow: auto;
}
div.stage div.scene div.wrap div.primary div.news-item div.body img {
  float: left;
  margin: 0 1em 1em 0;
}
div.stage div.scene div.wrap div.primary div.movie-item {
  margin: 0 0 2em;
  overflow:auto;
  padding: 0 0 1em;
}
div.stage div.scene div.wrap div.primary div.movie-item div.date {
  padding: 0 1.5em;
  line-height: 2em;
}
div.stage div.scene div.wrap div.primary div.movie-item div.image {
  float: left;
  width:86px;
}
div.stage div.scene div.wrap div.primary div.movie-item div.body {
  margin-left:100px;
  padding: 0;
}
div.stage div.scene div.wrap div.primary div.movie-item div.body table.details {
  border: 0;
}
div.stage div.scene div.wrap div.primary div.movie-item div.body table.details td {
  padding: 0.1em 1.5em 0.2em 0.2em;
  border: 0;
}
div.stage div.scene div.wrap div.primary div.movie-item div.body table.details th {
  padding: 0.1em 1.5em 0.2em 0.2em;
  border: 0;
}
div.stage div.scene div.wrap div.primary div.series-item {
  margin: 0 0 2em;
  overflow:auto;
  padding: 0 0 1em;
}
div.stage div.scene div.wrap div.primary div.series-item div.date {
  padding: 0 1.5em;
  line-height: 2em;
}
div.stage div.scene div.wrap div.primary div.series-item div.image {
  float: left;
  width:86px;
}
div.stage div.scene div.wrap div.primary div.series-item div.body {
  margin-left:100px;
  padding: 0;
}
div.stage div.scene div.wrap div.primary div.series-item div.body table.details {
  border: 0;
}
div.stage div.scene div.wrap div.primary div.series-item div.body table.details td {
  padding: 0.1em 1.5em 0.2em 0.2em;
  border: 0;
}
div.stage div.scene div.wrap div.primary div.series-item div.body table.details th {
  padding: 0.1em 1.5em 0.2em 0.2em;
  border: 0;
}
div.stage div.scene div.wrap div.primary div.pictureset {
  overflow: auto;
  _zoom: 1.0;
}
div.stage div.scene div.wrap div.primary div.pictureset div.picture {
  float: left;
  margin: 0 10px 7px 0;
}
div.stage div.scene div.wrap div.primary div.pictureset div.picture a {
  display: block;
  border: 1px solid #333;
}
div.stage div.scene div.wrap div.primary div.pictureset div.picture a img {
  display:block;
}
div.stage div.scene div.wrap div.primary div.pictureset div.picture a:hover {
  border-color: #8c8e8f;
}
div.stage div.scene div.wrap div.primary div.pictureset div.picture.picture.no-margin {
  margin: 0;
  margin-left: 1px;
}
div.stage div.scene div.sidebar {
  float: left;
  width: 26em;
  _width: 260px;
  margin-left: 3em;
  _display: inline; /* fix IE double margin bug */
  padding: 2.2em 0 0 0;
}
div.stage div.scene div.sidebar div.portrait {
  margin: 0 0 1em;
}
div.stage div.scene div.sidebar div.portrait img {
  display: block;
  margin: 0;
  padding: 0;
}
div.stage div.scene div.sidebar ul.subnav {
  list-style-type: none;
  margin: 2em 0 1em;
}
div.stage div.scene div.sidebar ul.subnav li a {
  padding:10px 0;
}
div.stage div.scene div.sidebar div.banner {
  margin: 2em 0;
}
div.stage div.footer {
  position: relative;
  text-align: right;
  padding: 1em 3em;
}
div.stage div.footer span.gazebo {
  position: absolute;
  top: 1em;
  left: 3em;
}

/* forms */
form fieldset {
  border: none;
  margin-bottom: 1em;
}
form fieldset.text label {
  display : block;
}
form fieldset.textarea label {
  display: block;
}
form fieldset.textarea textarea {
  display : block;
  width: 100%;
}


/* content specific styling */
table.personal-details {
	border: none;
}
table.personal-details caption {
  font-size: 1.4em;
}
table.personal-details th {
  padding-left: 0;
  border: none;
  line-height: 1.3;
}
table.personal-details td {
  border: none;
  line-height: 1.3;
}