@charset "UTF-8";
/* CSS Document: Anaheim Ballet */

body {
behavior:url("csshover.htc"); 
background:#000000;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0;
}

#banner {
width: 100%;
/*float: left;*/
position: absolute;
margin: 0;
padding: 0;
}

/* this is the logo */
#banner h1 {
text-indent: -5000px;
background:url(images/logo.gif);
background-repeat: no-repeat;
width: 126px;
height: 161px;
margin-left: 10px;
position: absolute;
}

/* this is the banner that says "more than dance" */
/*#banner h3 {
text-indent: -5000px;
background:url(images/stripe.png);
background-repeat: no-repeat;
width: 100%;
height: 54px;
margin-left: 150px;
margin-top: 60px;
position: absolute;
}*/

#banner h3 {
text-indent: -5000px;
background:url(images/stripe-image.png);
background-repeat: no-repeat;
width: 100%;
height: 153px;
margin-left: 150px;
margin-top: 2px;
position: absolute;
}

#animation {
position: absolute;
background: #000000;
width: 100%;
padding: 0;
margin: 0;
}

.home #banner {
display: none;
}

h2 {
color: #830A0F;
font-size: 18px;
font-weight: normal;
}

#content {
/*width: 446px;*/
width: 505px;
padding: 0;
margin-top: 200px;
position: absolute;
margin-left: 300px;
margin-right: 50px;
padding-bottom: 20px;
font-size: .9em;
letter-spacing: .05em;
}

.video {
position: relative;
padding: 0;
margin: 0;

}

.video object {
margin: 0;
padding: 0;
border:#0E0D0D solid medium;
float: left;
margin-top: 30px;
margin-bottom: 30px;
}

#vid-links {
clear: left;
position: relative;
}

.dancers #content, .podcasts #content, .schedule #content {
width: 700px;
}

#extra-container {
/*float: left;*/
position: absolute;
padding: 0;
margin: 0;
margin-top: 187px;
margin-left: 780px;
padding-top: 50px;
width: 310px;
}

.extra-section img {
position: relative;
/*border: thin solid;*/
background-color: #333333;
}

.sub-head {
color: #830A0F;
font-size: 15px;
padding: 0;
margin: 0;
padding-top: 2px;
clear: left; /* necessary for the dresscode page */
}

.standout {
color: #FF0000;

}

.subtle {
color: #999999;
margin: 0;
padding: 0;
line-height: 16px;
}

.caption {
margin: 0;
padding: 0;
font-size: 10px;
color:#666666;
}

.topper {
margin-bottom: 0;
padding-bottom: 0;
}

#content a, #extra-container a {
text-decoration: none;
/*border-bottom: dotted thin;*/
color: #FFFF00;
font-weight: normal;
}

#content a:hover, #extra-container a:hover {
/*border-bottom: dotted thin;*/
color: #7F0000;
font-weight: bold;
}

#content img {
position: relative;
}

#content img.photo {
border: #7F0000 solid 3px;
}

#content a img {
border: none;
}

#content li {
list-style-type: square;
}

#content p {
max-width: 446px; /* on pages with a wider content div, this keeps the paragraphs a readable length */
}

/* Start navigation section: ------------------------------------------------------------------ */
ul li {
list-style-type: none;
margin: 0; /*removes list indentation for IE */
padding: 0; /*removes list indentation for Mozilla */
}

#nav {
padding: 0;
position: absolute;
margin-top: 200px;
}

#nav ul.mainN {
position: relative; /*allows subnav to be positioned absolute */
}

li.mainL { /* list item in main nav */
background-image: url('images/menu-main.gif');
background-position: right;
background-repeat: no-repeat;
width: 100px;
height: 25px;
padding-bottom: 5px;
position: relative;
text-align: right;
}

ul.subN li {
background-image: none;
}

#nav a {
font-size: 14px;
line-height: 26px;
color: #FFFFFF;
text-decoration: none;
padding-right: 10px;
display: block; /* will make entire rectangle button a rollover */
}

ul.subN {
display: none;
position: absolute;
background-color: #222222;
margin-left: 100px;
margin-top: -25px;
text-indent: 0;
text-align: left;
padding: 0;
padding-left: 6px;
width: 140px;
}

li.mainL:hover ul.subN,
li.mainL:hover ul:hover {
display: block;
}

ul.subN a {
line-height: 20px;
}

#nav a:hover {
color: #BE1323;
}

/* ----------------End Navigation Section */