
body {
background-color:#000;
color:#FFF;
margin:0;
}

h1, h2 {
color:#FFF;
}
h3, h4 {
color:#996;
}

video {
width:100%;
object-position:center top;
border:#900 solid 2px;
object-fit:contain;
}

#ny-universal-navigation {
display:none;
}

.container {
position:relative;
width:100%;
min-width:640px;
height:100%;
padding:0;
}

#leftdiv {
position:absolute;
left:0;
top:45px;
bottom:30px;
width:40%;
padding:3px;
margin:0;
}
#centerdiv {
position:absolute;
top:45px;
right:0;
bottom:30px;
padding:3px;
margin:0;
width:60%;
}
.container.noshadow #centerdiv {
border-left:#333 solid 1px;
}

.srchdiv {
font-size:16px;
background-color:#FDA;
color:#592;
padding:3px 5px;
text-align:center;
font-weight:bold;
white-space:nowrap;
}
.srchdiv a, .srchdiv a:visited {
padding:3px 5px;
color:#33A;
font-size:14px;
}
.srchdiv a:hover {
color:#006;
background-color:#AD9;
}

a, a:visited {
color:#099;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#090;
}

#vid a:visited {
color:#3030DD;
}
#vid a:active {
color:#6F9;
}
#vid a:hover {
color:#F90;
}

.playing {
background-color:#665;
}
.playing a, .playing a:visited {
color:#301F1F;
}
.playing a:hover {
color:#009;
text-decoration:underline;
}

.missing {
background-color:#930;
}

#list {
position:absolute;
top:55px;
right:0;
bottom:0;
left:0;
list-style:none;
padding:0;
margin:0;
overflow:auto;
}
#list li {
margin:0;
padding:5px 0;
border:#CCC solid;
border-width:1px 0 0 0;
overflow:auto;
}
#list a img {
width:75px;
max-height:75px;
float:left;
padding:0 5px 2px 0;
}
#list span {
font-size:12px;
}
#list li:hover {
background-color:#333;
}


.dllink {
float:right;
padding:5px;
}
.dllink:hover {
background-color:#CCC;
}


#bottom {
position:absolute;
bottom:0;
left:0;
right:0;
margin:0;
min-width:0;
height:30px;
border-width:1px 0 0 0;
background-color:#000;
}
#bottom address {
background-color:#000;
color:#FFF;
}



@media (max-width:400px) {

.container, .container.noshadow {
min-width:0;
}

#leftdiv, .container #leftdiv, .container.noshadow #leftdiv {
position:static;
float:none;
display:block;
width:100%;
height:auto;
}

#centerdiv, .container.noshadow #centerdiv, .container #centerdiv {
position:static;
float:none;
display:block;
width:100%;
height:auto;
overflow:visible;
}

#list {
position:static;
width:100%;
}

}
