/*
  Initial properties are defined only to support the "sticky" footer.
  (The method for said footer is taken from Matthew James Taylor's article on the topic,
   plus Dustin Diaz's min-height hack to get IE to behave without too much work.)
  Site styling properties will follow, where needed, in separate declarations.
*/

html,body {
  height: 100%; margin: 0; padding: 0;
}

div#container {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
}

div#header {
  margin: 0px;
}

div#content {
  padding-bottom: 1.2em;   /* footer height, match in #footer */
}

div#footer {
  position: absolute;  bottom: 0;  width: 100%;
  height: 1.2em;  /* footer height, match in #content */
}


/* brand colours:
 100%: #877514
  70%: #AB9F5B
  50%: #C3BA8A
  30%: #EAE4BB
  20%: #E8E4D1
  10%: #F4F2E8
 */


/* site styling declarations; be sure not to break the footer supporting props. */


html,body {
  color: #202020; background: #F4F2E8; font-family: Verdana, Arial, Helvetica, sans-serif;
}

a       { color: #66590F; text-decoration: none; }
a:hover { color: #B8AB21; text-decoration: underline; }

div#banner {
  background: black; color: white;
  font-weight: bold; font-size: 150%;
  padding-bottom: 1px;
}

div#banner img {
  vertical-align: middle;
}
div#banner span {
  margin: 0px; text-align: left;
}

div#loginnote {
  padding: 1px; background: #66590F;
  color: white; font-weight: normal; font-size: 75%;
}

#loginnote a {
  color: #FFEC80; font-weight: bold;
}


div#content {
  // beware, background changes here will not affect the spacer area.  Best to use body instead.
}

div#copyfoot {
  margin: 0 20%;
  border-top: 1px solid #AB9F5B;
  text-align: center; font-size: 70%;
}

table.dirlist { border-collapse: collapse; margin: 0.1em; border: 1px solid white; }
.dirlist td { border: 1px solid white; vertical-align: top; }

tr.dirhead  { background: #877514; }
.dirhead td { color: white; font-weight: bold; padding-left: 20px; }

.filedesc { background: #E8E4D1; font-size: 80%; color: #404040; }

span.filesize { text-align: right; font-size: 80%; }

tr.filename { background: #E8E4D1; }
.filename td { border-bottom: 0px; }
.filename a { display: block; padding: 1px; }
.filename a:hover { 
  background: #C3BA8A; color: white; font-weight: bold;
  border: 1px solid #66590F; padding: 0px;
}
.filename img {
  border: none; display: block;
  xmargin-left: auto; xmargin-right: auto;
  margin: auto;
  text-align: center;
}

a.namelink { 
  display: inline; padding: 0px;
  color: #66590F; text-decoration: none;
}
a.namelink:hover {
  font-weight: normal; border: 0px; background: none;
  color: #B8AB21; text-decoration: underline;
}

.editform {
  background: #C3BA8A; border: 1px solid #AB9F5B;
  padding: 0px 2px;
}
.editform label {
  font-size: 90%;
}

a.adminctl:hover { background: #FFBA8A; }

td.admin {
  background: #C3BA8A; border: 1px solid #AB9F5B;
  font-size: 80%; color: black;
}

div.errorbox {
  background: #A02020; color: #e8e8e8;
  padding: 0.5em; margin: 0.2em; border: 2px solid #FF0000;
  display: inline-block;
}

div.errorbox * {
  margin: 0.1em;
}

div.errorbox p {
  margin-top: 0.4em;
}

div.errorbox h4 {
  font-weight: bold; font-size:110%; color: white;
  margin-bottom: 0.5em;
}

#dirtabs a {
  font-weight: bold;
}

#dirtabs a:hover {
  text-decoration: underline;
}

hr.separator {
  width: 70%;  color: #AB9F5B;
}


tr.username, tr.usergroups { background: #E8E4D1; }
tr.username td { border-bottom: none; }
tr.usergroups td { 
  font-size: 80%;
  color: #404040;
  border-top: none;
}
td.label { text-align: right; }
.warning {
  color: darkred; font-weight: bold;
  /* color: white; background: darkred;
}