body  { color:rgb(0,0,0); background-color:rgb(255,255,255); font-family:Helvetica}
em {  font-style:italic}
h1,h2,h3,h4,h5,h6 { color:rgb(0,0,0);  }
h1 { font-size: 140%;   margin-top:    0.9em;}
h2 { font-size: 140%;   margin-top:    0.3em;}
h3 { font-size: 100% }
a:link { color:rgb(0,0,255);  text-decoration:none;}
a:visited { color:rgb(0,0,192); text-decoration:none;}
a:active { color:rgb(255,255,255); }
a:hover { color:rgb(0,0,255); background-color:rgb(223,223,223);}

.bluebox {color:white; font-variant:small-caps; font-weight:bold; background-color:#0000A0; padding:0px; margin:0px; }

/* ************************************************************************* */
/* *** css formatting for static movie inclusion                         *** */

.movielist {
	border: 0px solid #999;
	padding: 0px 0px 0px 0px;
	margin: 0;
    list-style-type: none;
    text-align: left;
    overflow: hidden;
}

/* we need to clear the floating display */
.movielist:after {
   content: "";
   display: block;
   clear: both;
}


.movielist li {
	display: -moz-inline-box;    /* ensures horizontal alignment of boxes*/
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 3px 3px 3px 3px;
	border: 1px solid #bbb;
	padding: 0;
        float: left;     /* requires to clear the floating ...*/
        overflow: hidden;
}
.movielist li>div {
	/*\*/ display: table; /**/
	/*width: 300px;*/
}
.movielist a {
	text-decoration: none;
	color: #00f;
	background-color: #fff;
	cursor: pointer;
}
.movielist>li .movieimg {
	/*display: table-cell; */
	/*width: 300px;*/
}


.movielist img {
	border: solid 0px #fff;
	/*vertical-align: middle; */
}
.movielist a:hover {
       color:rgb(0,0,255);
       background-color:rgb(223,223,223);
}
.movielist a:active {
       outline: none;
       color:rgb(255,255,255);
}
.movielist a:focus {
       outline: none;
       color:rgb(255,255,255);
}


.movielist .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
        font-family: Helvetica;
	/*w\idth: 300px; */ /* Moz, IE6 */
	color: #000;
}

/* display no hover for link*/
@media all and (min-width: 0px) {
	html:first-child .movielist a {
		display: inline-block;
		vertical-align: top;
	}
	html:first-child .movielist {
		border-collapse: collapse;
		display: inline-block;
	}
}

</style>
<!--[if lt IE 8]><style>
.movielist li {
	width: 300px;
	w\idth: 300px;
	display: inline;
}
.movielist {
	_height: 0;
	zoom: 1;
	display: inline;
}
.movielist li .movieimg {
	display: block;
	width: auto;
	height: auto;
}
.movielist .movieimg span {
	vertical-align: middle;
	zoom: 1;
}
</style><![endif]-->