@import url(nav.css);
@import url(rolls.css);

body {
  font-family: "Gill Sans", Arial, Helvetica, "Myriad Pro", Verdana, sans-serif;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  border: none;
  background: url(../images/tile.png);
  color: white;
}

div.index {
  position: fixed;
  overflow: auto;
  width: 1000px;
  top: 5px;
  bottom: 30px;
  padding: 0;
  margin: 0 auto;
  background: url(../images/tilemain.png);
}

div.index h1, div.index h2 {
  text-align: center;
}

div.index h1 {
  text-transform: uppercase;
  font-family: "Adobe Garamond", Garamond, "Hoeffler Text", "Goudy Old Style", serif;
  margin: 1em 0 .25em 0;
}

div.index h2 {
  font-size: 120%;
  margin: 0
}

div.main {
  position: fixed;
  overflow: auto;
  width: 390px;
  top: 92px;
  right: 0;
  bottom: 30px;
  left: 610px;
  padding: 0;
  margin: 0 auto;
  background: transparent;
}

div.main h1 {
  margin: 0 0 .5em 0;
  padding: 0;
  text-align: right;
}

div.main h1.dance {
  font-size: 150%;
}

.scrunch {
  font-size: 90%
}

div.main p {
  margin: 0 0 1em 0;
  text-align: justify;
}

div.main blockquote {
  margin: 1em 25px 1em 25px;
  padding: 1em;
  font-size: small;
  background: url(../images/tile2.png);
}

blockquote p.attrib {
  text-align: right;
  margin: 0;
  padding: 0;
}

blockquote p.inline {
  margin: 0;
  padding: 0;
}

div.main p.center {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: small;
}

p.center {
  text-align: center;
  margin: 2em 0 0 0;
  padding: 0;
  line-height: 20pt;
}

div.footer {
  position: fixed;
  width: 1000px;
  height: 20px;
  bottom: 5px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
}

div.footer p {
  font-size: 10px;
  text-align: left;
  padding: 4px 0 0 0;
  margin: 0;
  border-top: solid thin white;
}

div.footer > p i {
  position: absolute;
  right: 0;
  font-style: normal;
  text-align: right;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  border-bottom: solid thin white;
}

div.productions {
  position: fixed;
  overflow: auto;
  top: 92px;
  right: 500px;
  bottom: 30px;
  left: 0;
  width: 500px;
  margin: 0 auto;
  padding: 0;
}

div.productions a {
  clear: left;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  border: none;
  width: 75px;
  height: 75px;
}

div.productions a span {
  display: block;
  position: relative;
  top: 10%;
  left: 82px;
  width: 390px;
  margin: 0px;
  padding: 0px;
}

div.productions a span em {
  display: block;
  border-bottom: solid 1px white;
  width: 390px;
  margin: 0;
  padding: 0 0 2px 0;
}

div.productions a span strong {
  display: block;
  text-align: right;
  font-weight: normal;
  margin: 0;
}

div.thumbs, div.actthumbs, div.degthumbs, div.pillthumbs {
  position: fixed;
  width: 1000px;
  height: 55px;
  bottom: 31px;
  border-top: solid 1px white;
  background: transparent;
  z-index: 1;
}

div.thumbs p, div.actthumbs p, div.degthumbs p, div.pillthumbs p {
  width: 1000px;
  margin: 0;
  padding: 0;
}

div.thumbs a, div.actthumbs a, div.degthumbs a {
  float: left;
  margin: 5px 6px 0 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-weight: normal;
}

div.pillthumbs a {
  float: left;
  margin: 5px 2.6px 0 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-weight: normal;
}

div.thumbs a span, div.thumbs a img, div.actthumbs a span, div.actthumbs a img, div.degthumbs a span, div.degthumbs a img, div.pillthumbs a span, div.pillthumbs a img, div.assthumbs a span, div.pillthumbs a img {
  display: none;
}

div.thumbs a:hover span, div.pillthumbs a:hover span {
  display: block;
  position: fixed;
  top: 350px;
  right: 0;
  left: 610px;
  width: 390px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

div.actthumbs a:hover span {
  display: block;
  position: fixed;
  top: 200px;
  right: 0;
  left: 610px;
  width: 390px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

div.degthumbs a:hover span {
  display: block;
  position: fixed;
  top: 400px;
  right: 0;
  left: 610px;
  width: 390px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

div.thumbs a:hover img, div.actthumbs a:hover img, div.degthumbs a:hover img, div.pillthumbs a:hover img {
  display: block;
  position: fixed;
  width: 600px;
  height: 400px;
  top: 92px;
  right: 400px;
  left: 0;
  border: none;
  margin: 0 auto;
  padding: 0;
}

div.thumbs a:hover, div.pillthumbs a:hover, div.degthumbs a:hover, div.actthumbs a:hover {
  text-decoration: none;
  border: none;
}

div.degthumbs p.instructions, div.thumbs p.instructions, div.actthumbs
p.instructions, div.pillthumbs p.instructions {
       position: fixed;
       width: 300px;
       left: 700px;
       right: 0;
       bottom: 90px;
       margin: 0 auto;
       padding: 0;
       text-align: right;
       font-size: small;
}

div.index h2 + p.center {
       font-size: small;
       margin: 3em 0 0 0;
}

div.news a {
  clear: left;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  border: none;
  width: 75px;
  height: 75px;
}

div.news a span {
  display: block;
  position: relative;
  top: 10%;
  left: 82px;
  width: 390px;
  margin: 0px;
  padding: 0px;
}

div.news a span em {
  display: block;
  border-bottom: solid 1px white;
  width: 390px;
  margin: 0;
  padding: 0 0 2px 0;
}

div.news a span strong {
  display: block;
  text-align: right;
  font-weight: normal;
  margin: 0;
}