/* common statements */
body,table,td { font-family: Lobster, cursive,"Short Stack",verdana,ubuntu,arial,sans-serif; color: white; background-color: #222;}
body {margin:0; padding: 0px; height:100%; overflow: hidden;}
#container {min-height: 100%; position: relative; }
#header {padding: 10px; padding-bottom: 0;}
#body {padding: 0 10px 0 10px; height: 100%;}
#copy {position: absolute; bottom: 90px;}
h1 {font-size: 30px;}
h1 b {color: #404040; position:relative; bottom:-1px;}

small {color: gray;}

/* menu */
#leftMenu {float: left; margin: 0 20px 20px 0;font-size: 18px;}
.menu { font-weight: bold;}
.menu p a {color: silver; text-decoration: none;}
.menu p.sel {color: white;}

/* preview image */
/*#previewOuter {text-align:center; vertical-align:top; width:100%; height:80%; overflow:show; border: 1px solid green;}*/
#preview {text-align: left; vertical-align: top; margin: auto; width:80%; height:300px; overflow:hidden;}
#previewImg img {padding: 0px; background-color: #333; border: 0px solid gray; border-radius: 30px; display:none;}

/* foto list */
#fotoList { overflow: auto; height:85px; width: 100%; white-space: nowrap; text-align: center;}
#fotoList img {height:40px; cursor: pointer; margin-right: 5px; border: 1px solid gray; border-radius: 8px;}
#fotoList img.sel {position: relative; bottom: -3px; border: 3px solid white; border-radius: 15px;}

/* page footer */
#footer{ position: absolute; bottom: 0; width: 100%; height:90px;}
#footer, #footer a {color: gray; text-decoration: none;}

/*
@-moz-document url-prefix(http) {
   #footlist {margin-top: -90px;}
}
*/