* { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1em; }

h1 { margin-bottom: 0.3em; margin-top: 0.3em; }

a img { border: none; }

a:hover { color: red; }

#header { border: 1px solid #999; background: #eee; padding: 0.3em; }
#header .path { width: 77%; float: left; }
#header .path .home a { padding-left: 18px; background: url(.pics/home.png) no-repeat; }
#header .path .dir span { display: none; }
#header .path .dir a { padding-left: 18px; margin-left: 5px; background: url(.pics/forward.png) no-repeat; }
#header .links { width: 20%; list-style: none; text-align: right; margin-left: 80%; }
#header .links li { display: inline; }
#header .edit a,#footer .edit a { padding-left: 16px; background: url(.pics/edit.png) no-repeat; }
#header .keywords a { padding: 1px; padding-left: 18px; background: url(.pics/keyword.png) no-repeat; margin-right: 1em; }

table.dirs td { border: 1px solid #ccc; width: 110px; text-align: center; padding: 1em; }
table.dirs .normal a { background: url(.pics/folder.png) no-repeat top center; padding-top: 50px; margin-top: 5px; display: block; text-align: center; text-decoration: underline; }
table.dirs .normal a:hover { background-image: url(.pics/folder_red.png); }

#footer { margin-top: 2em; padding: 0.5em; border: 1px solid #ccc; clear: both; }
#footer .edit {  width: 10%; display: block; float: left; }
#footer .links { text-align: right; margin-left: 60%; width: 40%; display: block; }
#footer form h4 { display: inline; border-right: 1px solid #999; padding-right: 5px; }
#footer form dl,#footer form dt,#footer form dd,#footer form p { display: inline; margin-left: 3px; }
#footer form input { border: 1px solid #999; background: #fff; font-size: 0.8em; padding: 1px; }
#footer form input[type=password] { width: 10em; font-family: Georgia; }
#footer form dt { background: url(.pics/locked.png) no-repeat 0 -2px; padding-left: 18px; margin: 0; }
#footer .login { display: block; width: 49%; float: left; }

fieldset { border: 1px solid #999; margin-bottom: 1em; }
legend { border: 1px solid #999; background: #eee; padding: 0.2em; }
#edit dl.edit { margin: 1em; }
#edit dl.edit dt { width: 20%; float: left; padding: 0.2em; padding-right: 0.5em; clear: left;  }
#edit dl.edit dd { width: 80%; clear: right; margin-bottom: 0.5em; margin-left: 21%; }
#edit dl.edit dd input[type=text],dl.edit dd textarea { width: 70%; border: 1px solid #999; }
label { font-weight: bold; cursor: pointer; }

#edit p { margin-bottom: 1em; }
.submit { text-align: right; margin: 1em; }

.editphoto td { vertical-align: top; }
.editphoto tr.photo .thumb { width: 100px; text-align: center; padding: 1em; }
.editphoto tr.photo .form { width: 90%; clear: right; padding: 0.5em; }
.editphoto tr.photo td { border: 1px solid #ccc; }

#edit .view { clear: both; text-align: right; }
#edit .view a { border: 1px solid #ccc; padding: 5px; }

.err { color: red; }

.photos td { border: 1px solid #999; background-color: #eee; width: 110px; text-align: center; padding: 1em; }
.photos .title { font-size: 0.9em; }
.photos a { color: #000; }

.dirs .photodir span { background: url(.pics/folder_image.png) no-repeat;  display: block; width: 32px; height: 32px; position: absolute; margin-top: -20px; }

#view dl.summary { border-left: 1px solid #999; margin: 1em; padding-left: 1em;  width: 40em; margin-left: auto; margin-right: auto; }
.summary dt { font-weight: bold; margin-bottom: 0.5em; }
.summary dd { margin-bottom: 0.3em; }
.summary .desc { font-style: italic; }

#view .viewphoto { text-align: center; }
#view .desc { padding-left: 50px; background: url(.pics/note.png) no-repeat; padding-top: 10px; padding-bottom: 20px; margin-bottom: 1em; }