Die Lösung ist an dieser Stelle sehr simpel. Wichtig ist der grüne Teil:
Html:
<style type='text/css'>
body{
background-color: #6c71ba;
}
<!-- <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/> -->
</style>

Das darf nicht zwischen innerhalb des style-Tags stehen, die richtige Version sieht also so aus:
Html:
<!-- [...] -->
<style type="text/css">
body{
background-color: #6c71ba;
}
</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<!-- [...] -->

Das ist getestet und funktioniert. Bezüglich der Thumbnails kann ich dir gerade nicht weiterhelfen, da ich das selber (noch) nicht verwendet habe, aber für die grundsätzliche Funktionalität ist das ja auch nicht wichtig.


Gruß
_________________________
And without you is how I disappear.