body * { outline:none; }
body { background-color:#505050;text-align:center;font:small/1.2em arial,helvetica,clean,sans-serif;font:x-small; margin:0; }
table {font:x-small;font-size:inherit; }
html>body { font:83% arial,helvetica,clean,sans-serif; }
a { color:#00ffff; }
a:hover{ text-decoration:underline;}

#maincontainer { width:750px;margin:10px auto;text-align:left;margin-top: 8px; }
html>body #maincontainer { min-width:750px;width:56.3em }

.photocontainer { padding:0 6px; }
.photocontainer div { border-style:solid; border-width:1px; margin:-2px -6px; height:1em; }
html>body .photocontainer div { height:auto; }
.photocontainer div div { border-style:none; border-width:0; margin:0; }

div.sidebar div { border-width:0 1px;border-color:#00ffff; }

/* main layout */
.photosection { width:500px;float:left;margin-top:10px;color:#4b4b4b;border-top:2px solid #00ffff;border-bottom:2px solid #00ffff; }
html>body .photosection { min-width:500px;width:37.5em; }
.menusection {  width:240px;float:right;margin-top:10px; }
html>body .menusection { min-width:240px;width:18em; }

.photosection div em { display:block;font:78% Verdana;margin:5px 0 0 10px; }
.thumbnail { display:table-cell;width:0;padding:2px 2px 2px 2px;border:0; }

.menuitems { background-color:#505050;padding-top:20px; }
.menuitems div { border:0;font:78% Verdana;line-height:1.4em;margin-bottom:30px;margin-left:5px; }
.menuitems div h4 { font:125% arial,sans-serif;margin:0 0 5px 0;line-height:1.3em; }
.menuitems div h4 a { color:#00FFFF;font-weight:900;text-decoration:none;margin:0; }
.menuitems div img { margin:0 0 30px 10px;float:right; }

span.collection { display:block;float:left;font:78% Verdana;line-height:2.5em;margin-left:5px;border-bottom:1px solid #00ffff; }
html>body span.collection { margin-left:6px; }
span.collection strong { font-size:1.2em;color:#00ffff; }

/* thumbnails */
table { margin:0 auto }
table.photorow { margin:0 0 15px 0; }
table.photorow td { font:78% Verdana;padding:0 0 0 15px; }