/*Core Styles for Broken Sky Films*/
body {
background-color: #667777;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
text-align: center;
}

#tableContainer {
width: 100%;
height: 100%;
text-align: center;
padding: 0;
margin:0;
}

#tdContainer {
vertical-align: top;
margin:0;
padding: 0;
padding-top: 20px;
text-align: center;
}


/*___________________________________image settings for wow site*/

img {
}

/*___________________________________link settings for wow site*/

a {
color: #445555;
text-decoration: underline;
}

a:hover {
color: #99aaaa;
text-decoration: underline;
}

/*=====================================================SETTINGS FOR THE HEADER ROW*/

#header {
background-color: #667777;
background-image: url("http://homepage.mac.com/lunchpail/bsf/wow/images/ethan-header.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
height: 120px;
text-align: center;
color: #ffffff;
}

/*=====================================================SETTINGS FOR MAIN CONTENT*/

#content {
background-color: #ffffff;
width: 700px;
height: 420px;
padding: 0;
margin: auto;
text-align: left;
border: 8px solid #778888;
}

/*=====================================================SETTINGS FOR THE MENU*/

ul {
list-style-type: none;
font-family: gill sans, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
margin: 0;
margin-bottom: 0;
padding: 0;
text-align: left;
}

ul#nav2 {
font-size: 11px;
}

ul a {
color: #333333;
text-decoration: none;
}

ul a:hover {
color: #999999;
text-decoration: none;
}

/*___________________________________settings for the LEFT MENU -- TAPE*/

#tape {
float: left;
background-image: url("http://homepage.mac.com/lunchpail/bsf/wow/images/menu-tape.jpg");
background-repeat: no-repeat;
background-position: 15px 20px;
width: 450px;
height: 380px;
margin-left: 15px;
border: 1px solid #ffffff;
}

/*___________________________________settings for the MENU TEXT on the TAPE*/

#tape ul#nav1 {
padding: 0;
margin: 0;
margin-top: 236px;
margin-left: 205px;
}

#tape ul#nav1 li {
margin-top: 5px;
margin-bottom: 0;
}

#tape ul#nav2 {
padding: 0;
margin-top: 5px;
margin-bottom: 0;
margin-left: 205px;
}

#tape ul#nav2 li {
margin: 0;
}

/*___________________________________settings for the RIGHT MENU -- DAVID WITH RECORDS*/

#david {
float: right;
background-image: url("http://homepage.mac.com/lunchpail/bsf/wow/images/menu-david.jpg");
background-repeat: no-repeat;
background-position: 50% 25px;
margin: 0;
padding: 0;
width: 300px;
height: 380px;
border: 1px solid #ffffff;
}

/*___________________________________settings for the MENU TEXT on the DAVID'S RECORDS*/

#david ul#nav1 {
padding: 0;
margin-top: 238px;
margin-left: 117px;
text-align: left;
}

#david ul#nav1 li {
margin-top: 5px;
}

#david ul#nav2 {
padding: 0;
margin-top: 5px;
margin-left: 117px;
}

/*=====================================================SETTINGS FOR THE MIDDLE ROW -- RIGHT CONTENT*/

#contentRight {
float: left;
padding-top: 100px;
text-align: left;
}

#contentRight h3 {
font-size: 1em;
}

/*___________________________________settings for the "home" page*/

.short, .mm {
margin: 0;
color: #333333;
font-size: .9em;
font-family: gill sans, arial, helvetica, sans-serif;
font-weight: normal;
text-align: center;
margin-right: 70px;
}

.short {
padding-top: 0px;
}

.mm {
margin-bottom: 15px;
}

.festivals {
font-size: .9em;
width: 200px;
}

/*=====================================================SETTINGS FOR THE MIDDLE ROW -- LEFT CONTENT*/

#contentLeft {
float: left;
position: absolute;
margin-left: 60px;
margin-top: 20px;
width: 320px;
text-align: left;
border: 0px solid #333;
}

#contentLeft h3 {
font-size: 1em;
margin-top: 0;
}


/*___________________________________settings for TABLE OF CREDITS on "about the film" page*/

#tableCredits {
background-image: none; /*so that the header background image is not repeated*/
width: auto; /*so is doesn't inherity the main table properties*/
height: auto; /*so is doesn't inherity the main table properties*/
margin: 0;
font-size: .9em;
}

#tdTitles {
}

#tdNames {
padding-left: 15px;
}

.titles {
font-weight: bold;
}

/*___________________________________settings for SLIDESHOW on "stills" page*/

.capHidden {
position: absolute;
visibility: hidden;
padding-top: 20px;
width: 250px;
text-align: left;
}

#cap1 {
visibility: visible;
}

/*hide this caption to fix Opera 6 bug */
html>body #cap1 {
visibility: hidden;
}

/*show this caption to other other browsers. Hide from Opera 6*/
head:first-child+body #cap1 {
visibility: visible;
}

.caption {
visibility: visible;
}

/*hide this caption to fix Opera 6 bug */
html>body .caption {
visibility: hidden;
}

/*show this caption to other browsers. Hide from Opera 6 */
head:first-child+body .caption {
visibility: visible;
}

.captionOpera {
visibility: hidden;
}

/*create caption for Opera 6 */
html>body .captionOpera {
visibility: visible;
}

/*hide Opera 6 caption from other browsers. */
head:first-child+body .captionOpera {
visibility: hidden;
}

#contentLeft .captionOpera {
position: absolute;
margin-top: -20px;
margin-bottom: 20px;
font-size: 1em;
width: 250px;
text-align: center;
}

#contentLeft .caption {
font-size: .9em;
margin-top: 5px;
width: 250px;
text-align: center;
}

#contentLeft .caption a {
text-decoration: none;
}

#contentLeft img {
width: 250px;
height: 200px;
}

.imgNumber {
text-decoration: none;
font-size: 13px;
}

/*=====================================================SETTINGS FOR THE FOOTER ROW*/

#footer {
clear: both;
background-color: #667777;
width: 700px;
margin: auto;
margin-top: 4px;
text-align: center;
}

#footer a {
color: #99aaaa;
text-decoration: none;
}

#footer a:hover {
color: #eeffff;
}

.quicktime {
margin-top: 50px;
}