.item { color: blue;}
.item.menu { color: black;}
.item.image { color: green;}
.item.badimage { color: red;}
.item.movie { color: purple;}

.hide + ul {display: none; }
.hide.menu::before { content: "\25BA";}
.show.menu::before { content: "\25BC";}

#list li { list-style-type: none;}
#imagediv, #image { min-width: 512px; min-height:  512px;float: right; }
#imagetext { text-align: right }

.show.::before { content: "\25BC"}

#helpbox { float: right; width: 20%; border: solid 1px; margin: 10px; padding: 10px; }

#listholder { border: solid 1px; width: 40%; height: 500px; overflow-y:  auto;}