.titleBar {
width:512px;
height:32px;
border:2px solid;
float:right;
clear:both;
font:caption;
}



.thumbnail {
width: 50px;
height: 50px;
background-color: #c1a283;
border: solid 1px #ffffee;
padding:0px;
position:relative;
top:6px; left:6px;
}

.thumbnail img {
border: dashed 0px #ffffee;
}

.thumbnailFrame {
width: 64px;
height: 64px;
border: solid 0px #ff0;
background-color: #c1a283;
padding: 0px;
margin:0px;
}

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

.filmstripVertical {
width: 128px;
height: 272px;
border: solid 1px #ffffee;
padding:0px;
}

.filmstripVerticalColumn {
width: 64px;
height: 256px;
float:both;
padding:0px; 
}

.picture {
width: 480px;
height: 480px;
border: dashed 1px #f22;
margin:16px;
}

.pictureFrame {
width: 512px;
height: 512px;
background-color: #bbb;
padding:0px;
margin:0px;
}

.categoryLabel {
width: 128px;
height: 16px;
border: solid 2px #bbb;
font:menu;
color:#ffe;
padding-top:2px;
padding-left:4px;
padding-right:4px;
padding-bottom:0px;
margin-bottom: 2px;
margin-top:0px; margin-left:0px; margin-right:0px;
}

a:hover categoryLabel,categoryLabelSel {
border: solid 2px #fc2;
}

.categoryLabelSel {
width: 128px;
height: 16px;
border: solid 2px #bbb;
background-color: #c1a283;
font:menu;
color:#ffe;
padding-top:2px;
padding-left:4px;
padding-right:4px;
padding-bottom:0px;
margin-bottom: 2px;
margin-top:0px; margin-left:0px; margin-right:0px;
}

.clearBoth{
clear:both;
}

.frame{
float:left;
margin: 4px;
border: 0px dashed #ff0;
}
.frame div{
float:left;
}

<!--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

-->