body { 
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 76%;
  background-color: #d6d3ce;
  background-image: url(/common/vignette-bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

div#wrapper {
  border: 1px solid #d4d0c8;
  border-bottom: 0;
  padding-top: 12px;
}

body.about,
body.join {
  line-height: 180%;
}

body.about #right ul,
body.join #right ul {
  margin-left: 2em;
  list-style-type: square;
}

body.join,
body.about {
  line-height: 180%;
}

div.email {
  margin-left: 127px;
}

div.homepage div#left {
  float: left;
  width: 460px;
  line-height: 140%;
}

div.homepage div#right {
  line-height: 180%;
}

body.home div.thumbnail-grid {
  margin-right: 120px;
}

body.news div#body,
body.newsrss div#body {
  margin-left: 127px;
  width: 800px;
}

body.news div#body {
  line-height: 180%;
}

body.news div#body h1 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  display: block;
}

body.news div#body div.item {
  margin-bottom: 30px;
}

body.newsrss pre {
  font-size: 1.4em;
  background: #d4d4ce;
  padding: 10px;
  border: 1px solid #fff;
  display: inline;
}

div#header {
  height: 70px;
  background: url(/common/grey_screen.gif);
  display: block;
}

div#header div.logotype {
  background-color: transparent;
  background: url(/common/showreelfinder_logo_new2b.gif);
  background-repeat: no-repeat;
  height: 70px;
  display: block;
  float: left;
  width: 280px;
}

div#header div.logotype span {
  display: none;
}

div#header div.logo {
  background: url(/common/monkey_icon.gif);
  background-repeat: no-repeat;
  height: 70px;
  display: block;
  float: right;
  width: 78px;
}

div#header div.navigation {

}

div#header div.navigation ul {
  position: relative;
  top: 3em;
  margin: 0;
  float: right;
  margin-right: 10px;
  padding: 3px;
  list-style-type: none;
  list-style-position: outside;
}

div#header div.navigation ul li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  width: 5em;
  margin-right: 5px;
  text-align: center;
  background: #fff;
  color: #6b5954;
  line-height: 95%;
}

/* div#header div.navigation ul li.selected {
  background: #6b5954;
}

div#header div.navigation ul li.selected a {
  color: #fff;
} */

div#header div.navigation ul li a {
  color: #000;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 4px;
  border: 1px solid #6b5c54;
  display: block;
}

div#header div.navigation ul li span {
  color: #fff;
  padding-right: 7px;
  padding-left: 3px;
  border-right: 1px solid #000;
}

div#header div.navigation ul li a:hover {
  text-decoration: underline;
}

div#header div.country-selector ul {
  position: relative;
  top: 0;
  float: right;
  margin: 0;
  margin-right: 0px;
  padding: 3px;
  list-style-type: none;
  list-style-position: outside;
  width: 140px;
}

div#header div.country-selector ul li {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #6b5954;
  line-height: 81%;
  margin-bottom: 0.1em;
  background: url(country-vignette.gif) bottom left repeat-x;
  border: 1px solid #6b5c54;
}

div#header div.country-selector ul li a {
  color: #000;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 4px;
  border: 1px solid #fff;
  display: block;
  line-height: 81%;
}

div#header div.country-selector ul li.selected a {
  background: url(arrow.gif) 0px 1px no-repeat;
}

div#header div.country-selector ul li a:hover {
  text-decoration: underline;
}

div#quicktime a {
  margin-top: 10px;
  height: 18px;
  display: block;
}

div#quicktime img {
  border: 0;
}

div#browser {
  margin-top: 20px;
  float: left;
  line-height: 1.4em;
  padding-left: 24px;
  clear: both;
}

div#browser ul {
  list-style: none;
  list-style-type: none;
  width: 120px;
  float: left;
  margin: 0;
  padding: 0;  
  margin-left: 2px;
}

div#browser ul li {
  width: 100%;
}

/* div#browser ul li {
  margin-left: -1.2em;
}

div#browser > ul li {
  margin-left: 0;
} */

div#browser ul li.header span {
  text-align: center;
  background: #fff;
  border: 1px solid #71615d;
  color: #6b5954;
  display: block;
  width: 116px;
}

div#browser > ul li.header span {
  width: 118px;
}

div#browser ul li.selected a {
  background: #6b5954;
  color: #fff;
}

div#browser ul li a {
  padding: 2px;
  background: #837167;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 116px;
}

div#browser ul li a:hover {
  background: #84ba31;
  color: #fff;
}

div#browser ul#l1 {

}

div#browser ul#l2 {

}

div#browser ul#l3 {

}

div#browser ul#l2 li.header {
  border: 1px solid transparent;
  color: #fff;
}

div#browser ul#l3 li.header {
  border: 1px solid transparent;
  color: #fff;
}

div#browser-horizontal {
  margin-top: 12px;
  line-height: 1.4em;
  margin-left: 150px;
}

div#browser-horizontal ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;  
  margin-left: 2px;
}

div#browser-horizontal ul li {
  width: 120px;
  float: left;
}

div#browser-horizontal ul li.header span {
  text-align: center;
  background: #fff;
  border: 1px solid #71615d;
  color: #6b5954;
  display: block;
  width: 116px;
}

div#browser-horizontal > ul li.header span {
  width: 118px;
}

div#browser-horizontal ul li a {
  padding: 1px;
  margin-left: 1px;
  background: #837167;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 116px;
}

div#browser-horizontal ul li a:hover {
  background: #84ba31;
  color: #fff;
}

div#body {
  padding-left: 25px;
  padding-top: 30px;
  min-height: 343px; 
  color: #35232b;
  width: 970px;
  height: 343px; /* horrible ie hack job */
  clear: both;
}

* > div#body {  
  height: auto; /* horrible ie hack job */
}

div#body.homepage {
  padding-top: 10px;
}

div#body.homepage div#right {
  padding-top: 20px;
}

div#viewer {
  position: absolute;
  top: 70px;
  left: 400px;
  width: 428px;
  text-align: center;
  padding: 0;
  padding-top: 32px;
  margin-top: 20px;
  display: block;
}

div#viewer.zoom {
  width: 592px;
}

div#viewer.zoom div#panel {
  width: 592px;
}

div#viewer div.caption {
  margin-top: -4px;
  border-bottom: 1px solid #c3bdb2;
  padding-bottom: 3px;
  margin-bottom: 6px;
}

div#viewer div.thumbnail-grid {
  padding: 0;
  padding-top: 0px;
  margin-top: 0;
  float: left;
}

div#viewer div.thumbnail-grid table {
  width: 433px;
  border-collapse: collapse;
}

div#viewer div.thumbnail-grid table td {
  width: 140px;
  height: 105px;
  text-align: center;
  vertical-align: middle;
}

div#viewer div.thumbnail-grid div.outer {
  background: #000;
  margin-right: 5px;
  margin-bottom: 5px;
  /* width: 140px;
  height: 105px;
  position: relative; ie mac no like */
  text-align: left;
}

div#viewer div.thumbnail-grid img {
  border: 2px solid #d4d0c8;
  display: block;
}

div#viewer div.thumbnail-grid div.outer div.mask {
  width: 140px;
  height: 105px;
  z-index: 100;
  position: absolute;
  /* top: 2px; */
  /* left: 2px; */
  background: url(/common/mask-2x.gif);
  border: 2px solid #d4d0c8;
}

div#viewer div.thumbnail-grid div.outer div.mask img {
  border: 0;
  display: inline;
}

div#viewer div.thumbnail-grid div.outer div.nomask {
  width: 140px;
  height: 105px;
}

div#viewer div.thumbnail-grid div.outer div.highlight {
  border: 2px solid #84ba31;
}

div#viewer div.thumbnail-grid div.outer div.highlight img {
  border: 0;
}

div#viewer div.thumbnail-grid div.outer div.nomask {
  
}

div#viewer div.thumbnail-grid div.outer img.clear-right-margin {
  margin-right: 0;
}

div#viewer div.thumbnail-grid div a {

}

div#viewer div#nomovie {
  width: 427px;
  height: 240px;
  border: 1px solid black;
  margin: 0 auto;
  background: url(/common/placeholder.jpg) 0px -20px;
}

div#viewer div#panel {
  clear: left;
  background: url(/common/grey_screen.gif);
  width: 428px;
  margin-top: 10px;
  padding-top: 10px;
  line-height: 150%;
}

div#viewer div#panel.zoom {
  width: 592px;
}

div#viewer div#panel a {
  color: #35232b;
  text-decoration: underline;
}

div#viewer div#panel a:hover {
  text-decoration: underline;
}

div#viewer ul {
  display: block;
  list-style-type: square;
  margin: 0;
  padding-left: 0;
}

div#viewer ul li {
  margin-bottom: 1em;
}

div#viewer div ul#actions {
  float: right;
  display: block;
  text-align: right;
  list-style: none;
  padding-left: 0;
}

div#viewer div ul#details {
  text-align: left;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

div#viewer div ul#actions li {
  margin: 0;
  padding-right: 10px;
}

div#viewer div ul#details li {
  margin: 0;
  padding-left: 10px;
  margin-left: 0;
}

div#body div#left {
  float: left;
  width: 460px;
}

div#body div#right {
  float: right;
  width: 480px;
}

div#body div#breakout {
  width: 460px;
  background: #a69d8c;
  margin-top: -15px;
  border: 1px solid #000;
}

div#body div#breakout h2 {
  display: block;
  font-weight: bold;
  color: #fff;
  font-family: 'Courier New', Courier;
  margin-left: 15px;
  margin-top: 5px;
  padding: 15px;
  padding-bottom: 0;
}

div#body div#breakout p {
  padding: 15px;
  margin: 15px;
  margin-top: 0px;
  padding-top: 0;
  display: block;
}

div#body h2 {
  color: #837167;
  font-family: 'Courier New', Courier;
  display: inline;
  font-size: 1.75em;
}

div#body h1 {
  color: #837167;
  font-family: 'Courier New', Courier;
  display: inline;
  font-size: 2.25em;
}

div#homepage-featured {
  width: 460px;
  border: 1px solid black;
  background-color: #a69d8c;
  margin-top: 5px;
}

div#homepage-featured img {
  display: block;
  border: 1px solid black;
}

div#homepage-featured h2 {
  color: #fff;
  font-size: 1.5em;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}

div#homepage-featured a {
  color: #35232b;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

div#homepage-featured span {
  color: #35232b;
  display: block;
}

div#homepage-featured div.dark {
  color: #fff;
  margin-left: 15px;
  margin-top: 15px;
}

div#homepage-featured div.hatched {
  background: url(/common/grey_screen.gif) bottom right;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#homepage-latest {
  width: 460px;
  margin-top: 10px;
  border: 1px solid black;
}

div#homepage-latest ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#homepage-latest ul li {
  float: left;
  width: 152px;
  height: 152px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #a69d8c;
  margin-left: 1px;
  margin-top: 1px;
}

div#homepage-latest ul li.titler {
  background-color: #c3bdb2;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

div#homepage-latest ul li.titler h2,
div#homepage-latest ul li.titler p { 
  margin-left: 10px;
  margin-top: 10px;
  display: block;
}

div#homepage-latest ul li img,
div#homepage-latest ul li a {
  display: block;
  margin-left: 4px;
  margin-top: 4px;
}

div#homepage-latest ul li img {
  width: 60%;
  height: 45%;
  margin: auto;
  margin-top: 12px;
}

div#homepage-latest ul li a { 
  color: #fff;
}

div#homepage-latest ul li a.name { 
  color: #35232b;
  font-weight: bold;
}

div#homepage-latest div.clear {
  clear: both;
  line-height: 1px;
  height: 1px;
}

div#homepage-news {
  margin-top: 30px;
}

div#homepage-news td {
  vertical-align: top;
}
  
div#homepage-news div.item {
  margin-bottom: 30px;
}

div#homepage-news p {
  margin-right: 20px;
}

div#homepage-news h1 {
  color: #fff;
}

div#homepage-news h2 {
  font-size: 1.4em;
  color: #837167;
  margin-bottom: 5px;
}

div#homepage-news p {
  margin-top: 0;
}

p#rss img {
  border: 0;
  vertical-align: text-bottom;
}

p#rss a {
  color: #35232b;
  text-decoration: none;
}

p#rss a:hover {
  text-decoration: underline;
}

div#footer {
  clear: left;
}

table.attachments {
  margin-top: 10px;
}

table.attachments td {

}

table.attachments td.file {
  white-space: nowrap;
}

table.attachments td.file a {
  padding: 2px;
  background: #a8af5b;
  border: 1px solid #000;
  color: #fff;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
}

table.attachments td.summary p {
  padding-left: 20px;
}