.titleBar {
background-color:#e5fcff;
border:2px solid #16d9f7;
color:#b97596;
text-align:right;
clear:both;
background-image:url(w3cert.png);
}

a {
text-decoration:none;
}

a:hover div h2 {
color:#feeB51;
}

a div h2{
color:#b97596;
}

.thumbnail {

background-color: #e5fcff;
border: solid 1px #b97596;

}

.thumbnail img {
border: dashed 0px #ffffee;
opacity:0.77;filter:alpha(opacity=77);
}

.thumbnailFrame {
border: solid 0px #ff0;
background-color: #e5fcff;
opacity:0.4;filter:alpha(opacity=40);
}

.thumbnailFrameSel {
background-color: #16d9f7;
}

a:hover .thumbnailFrame{
background-color: #feeB51;
}

.filmstripVertical {
border: solid 2px #b97596;
padding:0px;
background-image:url(strz.png);
}

.filmstripVerticalColumn {
float:both;
padding:0px; 
}

.picture {
border: dashed 1px #feeB51;
margin:16px;
}

.pictureFrame {
border:solid 2px #b97596;
background-image:url(sunz.png);
}

.categoryLabel {
border: solid 2px #b97596;
font:menu;
color:#e5fcff;
text-decoration:none;
background-color:#2b2b29;
opacity:0.77;filter:alpha(opacity=77);
}

a:hover .categoryLabel {
border: solid 2px #feeB51;
color:#e5fcff;
}

a:hover .sel .categoryLabel {
border:solid 2px #feeB51;
color:#16d9f7;
font:menu;
}

.sel div {
color:#16d9f7;
font:menu;
}

.sel .thumbnailFrame {
background-color:#16d9f7;
}

.strip {
height:16px; width:100%; 
background-color:#2b2b29; 
margin:1px;
color:#16d9f7;
border:2px dashed #b97596;
}

.stripButton {
height:16px; width:24px;
background-color:#e5fcff;
color:#2b2b29;
}

.clearBoth {
clear:both;
}

<!--00 color codes from adobe kuler shit 00-->

<!-- 

#c1a283
#f3eeff
#6422ff
#07cc1f
#333333

#b97596
#e5fcff
#16d9f7
#feeB51
#2b2b29

#948b03
#c7c6c6
#f7164a
#00bbfe
#292a2b

#039491
#c7c7c6
#f7d116
#ecdbe8
#2b292b

-->