body{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0px;
  font-size: 12px;
  font-family: TradeGothic, "Trade gothic",Trade-gothic, verdana, tahoma, arial, helvetica, sanserif, sans-serif;
  background-color: #2c0b50;
}


.flashclip{
  padding:10px;
  margin:auto;
  text-align: center;
}


table{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0px;
  font-size: 12px;
  font-family: TradeGothic, "Trade gothic", Trade-gothic, verdana, tahoma, arial, helvetica, sanserif, sans-serif;
}


.homepage{
  background-attachment: scroll;
  background-image: url(pics/butf650.gif);
  background-position: 0px 140px;
  background-repeat: no-repeat;
  text-align: left;
}

.front{
  color: #ffffff;
  text-align: left;
}

.fronttext{
  line-height: 17px;
  font-size: 12px;
}



.smaller{
  font-size: 11px;
}

.smallerwhite{
  font-size: 11px;
  color: white;
}

.menu1{ /* logo */
  text-align: right;
}

.menu2{ /* current */        /* delete */
}

.menu3{ /* filmography */    /* delete */
}

.menu4{  /* biography */     /* delete */
}

.menu5{ /* contact */        /* delete */
}





/* these styles are for the menu items. It's complicated by the need for the  */
/* selected page to be in white. All the positions are moved up a little to   */
/* put "Elysian" and "films" closer together than the default                 */



A.menu:link, A.menu:active, A.menu:visited{
  font-size: 21px;
  color: #897fbd;
  text-decoration: none;
  position: relative;
  top: -4px;
}


A.menu:hover{
  font-size: 21px;
  color: #ff6600;
  text-decoration: none;
  position: relative;
  top: -4px;
}


A.menuselected:link, A.menuselected:active, A.menuselected:visited, A.menufilm{
  font-size: 21px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  top: -4px;
}


A.menuselected:hover{
  font-size: 21px;
  color: #ff6600;
  text-decoration: none;
  position: relative;
  top: -4px;
}

/* items for normal links */

a.whiteorange:link, a.whiteorange:active, a.whiteorange:visited{
  color: #ffffff;
  text-decoration: none;
}

a.whiteorange:hover{
  color: #ff6600;
  text-decoration: none;
}

a.orangewhite:link, a.orangewhite:active, a.orangewhite:visited{
  color: #ff6600;
  text-decoration: none;
}

a.orangewhite:hover{
  color: #ffffff;
  text-decoration: none;
}


a.grayorange:link, a.grayorange:active, a.grayorange:visited{
  color: #999999;
  text-decoration: none;
}

a.grayorange:hover{
  color: #ff6600;
  text-decoration: none;
}

a.mauveorange:link, a.mauveorange:active, a.mauveorange:visited{
  color: #2c0b50;
  text-decoration: none;
}

a.mauveorange:hover{
  color: #ff6600;
  text-decoration: none;
}



a.palemauveorange:link, a.palemauveorange:active, a.palemauveorange:visited{
  color: #f2e6ff;
  text-decoration: none;
}

a.palemauveorange:hover{
  color: #ff6600;
  text-decoration: none;
}

a.palemauve2orange:link, a.palemauve2orange:active, a.palemauve2orange:visited{
  color: #dfcdff;
  text-decoration: none;
}

a.palemauve2orange:hover{
  color: #ff6600;
  text-decoration: none;
}


a.whitemauve:link, a.whitemauve:active, a.whitemauve:visited{
  color: white;
  text-decoration: none;
}

a.whitemauve:hover{
  color: #2c0b50;
  text-decoration: none;
}


a.orangemauve:link, a.orangemauve:active, a.orangemauve:visited{
  color: #ff6600;
  text-decoration: none;
}

a.orangemauve:hover{
  color: #2c0b50;
  text-decoration: none;
}



.size80{
  font-size: 80%;
}

/* items for mauve/white links */

a.mauvewhite:link, a.mauvewhite:active, a.mauvewhite:visited{
  color: #2c0b50;
  text-decoration: none;
}

a.mauvewhite:hover{
  color: white;
  text-decoration: none;
}




/*general things */
.pmauve{color: #7807f2; /*#2c0b50; */}

.center{
  text-align: center;
}

.right{
  text-align: right;
}


.left{
  text-align: left;
}


.rm{
  font-style: normal;
}

.white{
  color: #ffffff;
}

.photocaption{
  text-align: left;
  font-size: 10px;
  font-style: italic;
  padding-top: 6px;
}

.photocaptioncenter{
  text-align: center;
  font-size: 10px;
  font-style: italic;
  padding-top: 6px;
}


.photocaptionw480{
  text-align: left;
  font-size: 10px;
  font-style: italic;
  padding-top: 6px;
  width:480px;
}

.photocaptionright{
  text-align: right;
  font-size: 10px;
  font-style: italic;
  padding-top: 6px;
}


.photocaptionpadtop0{
  font-size: 10px;
  font-style: italic;
  padding-top: 0px;
}

.photocaptionrightpadtop0{
  text-align: right;
  font-size: 10px;
  font-style: italic;
  padding-top: 0px;
}

.filmogcol1hidden{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.filmogcol1visible{
  position: absolute;
  visibility: visible;
  width: 230px;
}

.filmogcol2hidden{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.filmogcol2visible{
  position: absolute;
  visibility: visible;
  width: 250px;
}



/* things for biog & skinskin */

.row1col1{
  position: absolute;
  visibility: visible;
  width: 230px;
}

.row1col2{
  position: absolute;
  visibility: visible;
  width: 250px;
}

.row1col3{
  position: absolute;
  visibility: visible;
  width: 230px;
}

.row2col1{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row2col2{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.row2col3{
  position: absolute;
  visibility: hidden;
  width: 230px;
}


.row3col1{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row3col2{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.row3col3{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row4col1{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row4col2{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.row4col3{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row5col1{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row5col2{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.row5col3{
  position: absolute;
  visibility: hidden;
  width: 230px;
}


.row6col1{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row6col2{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.row6col3{
  position: absolute;
  visibility: hidden;
  width: 230px;
}


.row7col1{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.row7col2{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.row7col3{
  position: absolute;
  visibility: hidden;
  width: 230px;
}



/* format for main text: may end up being justified or not filling (or ragged right) */

.maintext{
}


/* page manu (top of each page) */
.pagemenu{
  width: 100%;
  background-color: #2c0b50;
  color: #ffffff;
}

.pagemenuinner{ /* so we can force a minimum width */
  width: 750px;
  background-color: orange;
}



/* stuff for `skin' pages */
.skinlarge{
  padding-top:30px;
  padding-bottom:40px;
  font-size: 74pt;
}


.skinmenu{
  font-size:22px;
  line-height: 30px;
  text-align: right;
  color: #2c0b50;
}


A.skin:link, A.skin:active, A.skin:visited{
  text-decoration: none;
  color: #2c0b50;
}

A.skin:hover{
  text-decoration: none;
  color: #ff6600;
}


A.skinselected:link, A.skinselected:active, A.skinselected:visited{
  text-decoration: none;
  color: white;
}

A.skinselected:hover{
  text-decoration: none;
  color: #ff6600;
}

.skinbackground{
  background-color: #8c4ca2;
  background-attachment: scroll;
  background-image: url(pics/butf650skin.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}

.skinstorydiv{
  margin-top: 10px;
  text-align: right;
}

.skinstoryspan{
  padding-left: 8px;
  padding-left: 2px;
  padding-top: 2px;
  border-top: 1px solid;
  border-color: #ff6600;
}


.divider{
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: right;
}


.skindivider{
  margin-bottom: 1px;
  background-color: #2c0b50;
}


a.skinmore:link, a.skinmore:active, a.skinmore:visited{
  color: white;
  text-decoration: none;
  font-style: italic;
}

a.skinmore:hover{
  color: #ff6600;
  text-decoration: none;
}

.skinsectitle{
  text-align: left;
  font-size: 24px;
  color: white;
  padding-bottom:4px;
  padding-top: 0px;
  margin-top: 0px;
}

.skinlinks{
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.skinproducers{
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

.skinactor{
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  padding-left:20px;
  text-indent: -20px;
  line-height:17px;
  padding-bottom:9px;
}


.skinwriter{
  font-size: 13px;
  font-weight: bold;
  padding-bottom:6px;
}



.skincol1hidden{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.skincol1visible{
  position: absolute;
  visibility: visible;
  width: 230px;
}

.skincol2hidden{
  position: absolute;
  visibility: hidden;
  width: 250px;
}

.skincol2visible{
  position: absolute;
  visibility: visible;
  width: 250px;
}

.skincol3hidden{
  position: absolute;
  visibility: hidden;
  width: 230px;
}

.skincol3visible{
  position: absolute;
  visibility: visible;
  width: 230px;
}

.skinwrlist{
  margin-left: 10px;
  text-indent: -10px;
  padding-top: 2px;
}

.sandrawnow1{
  font-family: TradeGothic, Trade-gothic, verdana, tahoma, arial, helvetica, sanserif, sans-serif;
  font-size:24px;
  color: #f9e7ff;
}

.sandrawnow2{
  font-family: TradeGothic, Trade-gothic, verdana, tahoma, arial, helvetica, sanserif, sans-serif;
  font-size:20px;
  color: #f2cbff;
  text-align: right;
  border-bottom: 1px solid;
  border-color: #da8fff;
  padding-bottom:5px;
  margin-bottom:6px;
}

.skinthemoviewrapper{
  line-height:22px;
  padding-top:8px;
}

.skinthemovie{
  font-size: 12pt;
  padding-right:20px;
}

/* things for contact page */

.toprow{
  background-color: #2c0b50;
}

.contbackground{
  background-color: #b3dde3;
  background-attachment: scroll;
  background-image: url(pics/butf650cont.gif);
  background-position: 0px 100px;
  background-repeat: no-repeat;
  color: #2c0b50;
  text-align: left;
}

.contactinfo{
  font-size: 14px;
  font-weight: bold;
  padding-bottom:4px;
}

.contactaddr{
  padding:4px 0px 0px 20px;
  margin: 0px;
}


/* things for biog page */


.biogbackground{
  background-color: #679cc3;
  background-attachment: scroll;
  background-image: url(pics/butf650biog.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}

.biogfirstpar{
  font-size: 15px;
  font-weight: bold;
  color: #2c0b50;
}


.biogdivider{
  background-color: #2c0b50;
}




.biogmore{
  font-style: italic;
  text-align: right;
  padding-top: 2px;
  padding-right: 2px;
  border-color: #2c0b50;
  border-top: 2px solid;
  padding-left: 30px;
  margin-top: 10px;
  color: #2c0b50;
}



/* things for filmography page */


.filmbackground{
  background-color: #897fbd;
  background-attachment: scroll;
  background-image: url(pics/butf650film.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}

.filmfirstpar{
  font-size: 15px;
  font-weight: bold;
  color: white;
}

.filmmenu{
  line-height: 20px;
  font-weight: bold;
}

.filmographytitle{
  text-align: right;
  font-size: 24px;
  color: #2c0b50;
  padding-bottom:10px;
  padding-top: 0px;
  margin-top: -2px;
}

.filmtitle{
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin-top:12px;
  margin-bottom: 2px;
}


.padright10{
  padding-right: 10px;
}

.padright4{
  padding-right: 4px;
}

.padbot4{
  padding-bottom: 4px;
}




.currbackground{
  background-color: #ac4ca2;
  background-attachment: scroll;
  background-image: url(pics/butf650curr.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}


.currlarge{
  color: #2c0b50;
  padding-top:0px;
  padding-bottom:16px;
  font-size: 23px;
}

.currblurb{
   text-align: right;
}

.currmenu{
  text-align: right;
  padding-top: 8px;
  padding-bottom: 12px;
}

.currmore{
  font-style: italic;
  text-align: right;
  padding-top: 2px;
  padding-right: 2px;
  border-color: #2c0b50;
  border-top: 2px solid;
  padding-left: 30px;
  margin-top: 10px;
  color: #2c0b50;
  width: 150px;
}

.currmorewide{
  white-space: nowrap;
  font-style: italic;
  text-align: right;
  padding-top: 2px;
  padding-right: 2px;
  border-color: #2c0b50;
  border-top: 2px solid;
  padding-left: 30px;
  margin-top: 10px;
  color: #2c0b50;

}



.whilebackground{
  background-color: #697ffd;
  background-attachment: scroll;
  background-image: url(pics/butf650while.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}


.whilelarge{
  color: #2c0b50;
  padding-top:0px;
  padding-bottom:16px;
  font-size: 36px;
}


.whilepoem{
  text-align: right;
  font-family: palatino, book antiqua, times, serif;
  font-size: 16px;
}


.whilepoemattrib{
  font-size: 12px;
  font-family: TradeGothic, Trade-gothic, verdana, tahoma, arial, helvetica, sanserif, sans-serif;
  color: #cccccc;
}

.whilefake{ /* ghastly hack to make the poem work */
  position: relative;
  left: -70px;
  top: 36px;
}


.tigerbackground{
  background-color: #a550ff;
  background-attachment: scroll;
  background-image: url(pics/butf650tiger.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}

.th{
/*  font-size: 70%;          */
/*  position: relative;      */
/*  top: -3px;               */
}


.blockquote{
  font-style: italic;
  padding-left: 20px;
  padding-right: 20px;
}

.attrib{
  text-align: right;
  font-style: normal;
}


.showreels{
  font-size:85%;
}

.showreelhead{
  font-size:14px;
  font-weight: bold;
  margin-bottom:10px;
  margin-top:7px;
  color: #dfcdff;
}


.showreelist{
  margin-top:4px;
  margin-left:10px;
  padding-left:10px;
}





/* things for scarred pages */

.scarredbackground{
  background-color: #9d09c6; /* ba03ed; ba07ec;*/
  background-attachment: scroll;
  background-image: url(pics/butf650scarred.gif);
  background-position: 0px 110px;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: left;
}


.scarredlarge{
  padding-top:40px;
  padding-bottom:40px;
  font-size: 62px;
  color: #1c003b;
}


.scarredmenu{
  white-space: nowrap;
  font-size:18px;
  line-height: 30px;
  text-align: right;
  color: #1c003b;
}


.scarredhead{
  padding-bottom:10px;
  font-size: 24px;
  color: #1c003b;
}


.scarredfilm{
  padding-left: 14px;
  text-indent: -14px;
}


.hang10{
  padding-left: 10px;
  text-indent: -10px;
}

.hang20{
  padding-left: 20px;
  text-indent: -20px;
}



img{
  display: inline;
}


.oscar{
  font-size:80%;
  position: relative;
  bottom:1px;
  padding-left: 1px;
  padding-right: 1px;
}

h1{
  font-size:130%;
  font-weight: bold;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}

.h1l1{
  font-size:110%;
}

.h1l2{
  white-space:nowrap;
  text-align: right;
}


h2, .h2{
  font-size:110%;
  font-weight: bold;
}



.pmt0{padding-top: 0px ; margin-top: 0px;}


.wrappertable{margin: 83px 0 0 0;}


.justify{text-align: justify;}

.hiddenabsolute{
  visibility: hidden;
  position: absolute;
}

.imgleft{
  float: left;
  padding: 0px 10px 10px 0px;
}

.imgright{
  float: right;
  padding: 0px 0px 10px 10px;
}


.pb3{padding-bottom:3px;}

.pl20{padding-left:20px;}


.frontprizewrapper{
  border:1px solid; 
  border-color:white; 
  padding:10px; 
  margin-top:20px;
}


.frontprizelist{
  padding:0px 0px 5px 0px;
  margin:0px 0px 0px 14px;
}

.frontprize{ /* use on all but last entry */
  padding: 3px 0px 7px 0px;
  margin: 0px 0px 0px 0px;
}



.skinscreening{
  text-align: center;
  margin:4px 0px 2px 0px;
}


.newlogo{
  position: relative;
  height:46px;
}

.newlogopos{
  position: absolute;
  top:0px; left:  0px;
}

.newlogobg{
  background-color: #2c0b50;
}