/* basics */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, div, span, form, fieldset {
  list-style: none;
  margin: 0;
  padding: 0; }
html {
  font: 10px Verdana, Helvetica, sans-serif;
  height: 100%;
  min-width: 900px;
  margin: 0 auto;
  background: #000;
  color: #fff; }
body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  font: 1.4em arial;
  min-height: 100%;
  background: url(/_presentation/background.png) repeat-y top center; }
ul li {
  margin: 0 0 .25em 1em;
  padding: 0;
  display: list-item;
  list-style: disc outside; }
ol {
  margin-left: 1.5em; }
dt {
  font-weight: bold; }
dd {
  margin: .1em 0 1em 2em; }
p {
  margin-bottom: 1em; }
a {
  color: #ccc;
  text-decoration: none; }
#content a {
  color: #fff;
  text-decoration: none;
  border-bottom: solid 1px #9cf; }
a img {
  border: none; }
a:hover {
  color: #666; }
form {
  display: block;
  font-size: 1em;
  position: relative; }
.section-admin #content form, table {
  width: 75%;
  margin: 0 auto 3em auto;
  padding: .5em; }
fieldset {
  display: block;
  float: none;
  padding: 0;
  border: none; }
#content fieldset, table {
  padding: .3em;
  border: dashed 1px #9cf;
  background: #221510; }
#content legend {
  color: #fff;
  font: bold 1.2em "Palatino Linotype", Georgia, serif; }
#content fieldset div, #content fieldset ul, .section-admin #content fieldset .fieldset-content {
  padding: .5em; }
#content fieldset div div {
  padding: 0; }
#content fieldset .input-options {
  padding: 0 0 0 12.5em; }
#content input.submit {
  position: relative;
  top: 20px;
  padding: 2px;
  border: solid 1px #fc0;
  background: #000;
  color: #fff;
  font: bold 14px "Palatino Linotype", Georgia, serif; }
fieldset div label {
  display: block;
  float: left;
  clear: both;
  width: 11.75em;
  padding-right: .5em;
  text-align: right;
  font-weight: bold;
  cursor: default; }
fieldset label {
  font: normal 1em/1.4 Verdana, Helvetica, sans-serif;
  cursor: pointer; }
fieldset div div {
  display: block;
  float: none;
  clear: both;
  margin: 0 .5em .5em 0;
  padding: 0; }
fieldset li {
  list-style: none;
  margin: 0;
  padding: 0; }
fieldset textarea {
  font-size: 1em;
  width: 100%;
  max-width: 30em;
  height: 10em; }
fieldset div div input, fieldset div div textarea, fieldset div div span.input, .section-admin fieldset div div ul {
  display: block;
  width: 95%;
  max-width: 30em;
  min-height: 1em;
  padding: 1px 3px;
  background: #fff;
  border: solid 1px #bbb;
  -moz-border-radius: 0;
  font: .9em Arial, sans-serif; }
fieldset div div input.checkbox {
  display: inline;
  width: auto; }
fieldset div div input.hidden {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  font: 0/0 sans-serif; }
fieldset div div li input {
  display: inline;
  width: auto;
  vertical-align: bottom; }
fieldset div div span.input, fieldset div div ul {
  background: #e0e0e0;
  border: solid 1px #bbb;
  color: #000;
  cursor: default; }
#content fieldset div div span.input {
  display: block;
  width: 29.4em;
  margin: 0 0 0 13.6em;
  padding: 1px 3px;
  font: .9em Arial, sans-serif; }
fieldset div div ul {
  background: #fff; }
fieldset div div ul.disabled {
  background: #e0e0e0; }
fieldset .radio input, fieldset .checkbox input {
  display: inline;
  width: auto;
  margin: 0;
  background: none;
  border: none; }
fieldset .radio label,
fieldset .options label,
fieldset .options input {
  display: inline;
  float: none;
  padding: 0 1em 0 0; }
input.submit {
  width: auto;
  float: right;
  margin: -.75em 0 0 0; }
fieldset input.submit {
  float: none;
  margin: 0; }
fieldset dl img {
  max-width: 80px;
  max-height: 120px; }
th, td {
  text-align: left;
  padding: 2px; }
th {
  font: bold 16px "Palatino Linotype", Georgia, serif;
  border-bottom: dashed 1px #666; }
td {
  font: normal 12px/1.4 Verdana, Helvetica, sans-serif; }


#header, #content, #messages {
  margin: 0 auto; }
#header {
  position: relative;
  z-index: 1;
  top: 0px;
  width: 880px;
  height: 230px;
  margin: 0 auto 25px auto;
  background: url(/_presentation/header.png) no-repeat top center; }
#title {
  position: relative;
  top: 30px;
  width: 800px;
  height: 200px;
  margin: 0 auto 30px auto; }
#title a {
  display: block;
  width: 800px;
  height: 200px;
  text-indent: -8000px;
  overflow: hidden; }
#navigation, #dances {
  display: block;
  width: 800px;
  height: 20px;
  margin: 0 auto;
  padding: 5px 0 15px 0; }
#dances {
  position: absolute;
  z-index:6;
  top: 230px;
  left: 50%;
  margin: 0 0 0 50px;
  width: 350px;
  text-align: right; }
#dances strong {
  color: #aaa;
  font: 15px/15px "Palatino Linotype", palatino, serif; }
#dances ul {
  display: inline; }
#navigation li, #dances li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 15px 0 0;
  font-size: 15px;
  line-height: 15px;
  background: url(/_presentation/star.png) no-repeat right center; }
#navigation li a, #dances li a {
  margin: 0;
  padding: 0;
  font: 15px/15px "Palatino Linotype", palatino, serif;
  color: #fff;
  text-align: center; }
#navigation li#navigation-contact, #dances li#navigation-dances-advanced {
  background: none;
  margin: 0;
  padding: 0; }
#messages {
  width: 800px;
  position: relative; }
#messages p {
  position: relative;
  top: 10px;
  margin: 0 auto 10px auto;
  padding: 5px;
  text-align: center;
  border: dashed 1px #fc0;
  background: #221510; }
#account {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: 800px;
  height: 20px;
  margin: 0 0 0 -440px;
  padding: 5px 40px;
  color: #fff;
  font: 16px/16px "Palatino Linotype", palatino, serif; }
#account a {
  position: relative;
  z-index: 4;
  color: #fc0; }
#account p, #account fieldset {
  display: inline;
  line-height: 20px; }
#account p, #account form {
  position: relative; }
#account form {
  position: relative;
  z-index: 3;
  margin: -20px 0 0 0;
  text-align: right; }
#account form fieldset label {
  font: 16px/16px "Palatino Linotype", palatino, serif; }
#login-submit {
  vertical-align: top;
  height: 22px; }
#content {
  width: 800px;
  min-height: 540px;
  margin: 0 auto;
  padding: 5px 0;
  color: #fff;
  line-height: 1.2; }
#content ul {
  display: block; }
#content ul li {
  display: block;
  margin: 0;
  padding: 0 0 5px 15px;
  list-style: none;
  background: url(/_presentation/star.png) no-repeat 0 2px; }
#content ul li.new {
  font-style: italic;
  background: url(/_presentation/new.png) no-repeat 0 2px; }
#content ul li.new a {
  border-bottom: solid 1px #6AA5C3; }
#content ul li.coming-soon {
  font-style: italic;
  background: url(/_presentation/coming_soon.png) no-repeat 0 2px; }
#content ul li.coming-soon a {
  color: #ccc;
  border-bottom: solid 1px #666; }
h2 {
  margin: 0 0 5px 0;
  font: 30px "Palatino Linotype", palatino, serif; }
h3 {
  margin: 0 0 5px 0;
  font: 20px "Palatino Linotype", palatino, serif; }
#video-window {
  width: 640px;
  min-height: 480px;
  margin: 0 0 1em 0; }
#video-window.notice {
  background: url(/_presentation/info_screen.png) no-repeat 0 0; }
#video-window p {
  padding: 5px 5px 0 5px;
  text-align: center;
  color: #fff; }
#video-window strong {
  display: block;
  margin: 185px 0 0 0; }
#dance-info dt {
  display: block;
  clear: both;
  float: left;
  margin: 0;
  width: 12em;
  font: bold 1em/1.2 "Palatino Linotype", palatino, serif; }
#dance-info dt::after {
  content: ':'; }
#dance-info dd {
  margin: 0;
  padding: 0 0 .5em 12em;
  line-height: 1.2; }
#extras {
  position: absolute;
  top: 300px;
  left: 50%;
  width: 120px;
  height: 490px;
  margin-left: 245px;
  padding: 20px;
  text-align: center;
  background: url(/_presentation/patch.png) no-repeat top center; }
#footer {
  clear: both;
  margin: 10px 0 0 0;
  text-align: center;
  font: .8em Verdana, Helvetica, sans-serif; }