/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/* EOF undohtml.css */

/* self-clering elements */
.productions #c-a ul:after,
#c-a:after,
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; }


body {
  font:normal 14px/1.3 "american typewriter", georgia, serif;
  background:#222 url(/graphics/body_fade.gif) 0 0 repeat-x;
  color: #999; }
h2 {font-family:arial, helvetica, sans-serif;color:#fff;text-transform:uppercase;}
a:link,
a:visited {
  text-decoration:underline;
  color:#999; }
a:hover {color:#fff;text-decoration:none;}
a:active {
  background:#999;
  color:#000; }

#wrap {
  width:770px;
  margin:40px auto; }
#logo {
  display:block;
  width:267px;
  height:41px;
  margin:0 auto 20px auto; }
  #logo:active {background:transparent;}
#top-nav {
  margin-top:25px;
  padding-bottom:.45em;
  font-size:.9em;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:center; }
  #top-nav a {
    line-height:1.6em;
    padding: .8em 1em .7em 1em;
    color:#999; }
  #top-nav a:hover {color:#777;}
  #top-nav a:active {color:#777; background:transparent;}
    #about #top-nav        .n-about,
    #commercials #top-nav   .n-commercials,
    #music-videos #top-nav .n-music-videos,
    #short-films #top-nav  .n-short-films,
    #archive #top-nav .n-archive {
      background:#000;
      color:#fff;
      text-decoration:none;}
#content {
  background:transparent url(/graphics/corner_top_right.gif) 100% 0 no-repeat;
  padding-right:10px; }
#content .inner {
  background:#000 url(/graphics/corner_top_left.gif) 0 0 no-repeat;
  padding:12px 0 0 10px; }
#c-a .clmn {float:left;width:49%;text-align:center;padding-top:10em;padding-bottom:10em;}
#footer {
  background:transparent url(/graphics/corner_bottom_right.gif) 100% 0 no-repeat;
  padding-right:10px; }
#footer .inner {
  background:transparent url(/graphics/corner_bottom_left.gif) 0 0 no-repeat;
  padding:10px 0 0 10px; }
  #nav {
    margin:0 auto;
    width:746px; 
    text-transform:uppercase;
    font: normal .6em/1.2em arial, verdana, sans-serif;}
    #nav div {
      background:#111 url(/graphics/footer_corner_bottom_left.gif) 0 100% no-repeat;
      padding-left:13px;
      font-size:1.35em; }
    #nav p {
      padding:15px 25px 15px 12px;
      background:#111 url(/graphics/footer_corner_bottom_right.gif) 100% 100% no-repeat;
      text-align:center; }
      
      #nav p .prev {
        float:left; }
      #nav p .next {
        float:right; }

/* Pages */

.productions {}
  .productions #wrap {width:972px;}
  .productions #c-a ul {margin: 5px 0 0 -10px;}
  .productions #c-a ul li {
    float:left;
    margin:0 0 30px 16px; }
    .productions #c-a ul a {
      display:block;
      text-decoration:none;
      text-align:center; }
    .productions #c-a ul a:active {background:transparent;}
      .productions #c-a ul a img {
        display:block;
        margin-bottom:.8em;
        border:1px solid #303030; }
      .productions #c-a ul a .name {
        text-decoration:underline;
        display:block; }
      .productions #c-a ul a:hover .name {text-decoration:none;}
      .productions #c-a ul a:hover img {border-color:#777;}
      .productions #c-a ul a .description {
        font-family:arial;
        font-size:.8em;}
      
.production {}
  .production .about {
    text-align:center;
    font-family:arial; }
    .production .about h2 {
      color:#fff;
      margin:0 0 .2em 0;
      line-height:1;
      text-transform:uppercase; }
    .production .about dl {margin:0;}
    .production .about dt {
      text-transform:uppercase;
      font-size:.78em;
      color:#606060;
      margin:0;
      display:inline; }
    .production .about dd {
      color:#999;
      margin:0;
      display:inline; }
    .production .movie {margin-top:1em;text-align:center;}
      
#music-videos.format-4x3 #wrap,
#short-films.format-4x3 #wrap,
#commercials.format-4x3 #wrap { width:778px; }

#music-videos.format-wide #wrap,
#short-films.format-wide #wrap,
#commercials.format-wide #wrap { width:1023px; }