/* general */
body {
    font-family: sans-serif;
}

h1 {
  font-size: 1.3em;
}

h2 {
   font-size: 1.1em;
}

/* menu styling */

#menu {
    font-size: 20px;
    clear: both;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 1em;
}

#menu li {
    display: inline;
    background: black;
    padding: 4px 10px 5px 10px;
    color: white;
}

#menu li a {
    color: #82cafa;
    text-decoration: none;
}
/* banner */

#banner {
    background: url(banner.png);
    height: 150px;
    width: 100%;
}

#banner img {
    float: left;
    margin: 0;
    border: medium none;
}

#banner .title {
    display: block;
    font-size: 16px;
    position: absolute;
    text-align: center;
    top: 135px;
    width: 178px;
}

#logout {
    display: block;
    position: absolute;
    top: 20px;
    left: 220px;
}

/* feedback panel */

ul.feedbackPanel {
    color: red;
}
/* the contents on the main page */

#content {
    clear: both;
    margin-top: 1em;
}

#navigation h1 {
    font-size: 1.3em;
    font-weight: bold;
}

#navigation h1 .path {
    font-style: oblique;
}

#navigation em, #navigation a {
    margin-bottom: 0px;
    font-style: normal;
    font-size: small;
    font-family: sans-serif;
}

#photos th, #content td {
    vertical-align: top;
    padding: 1px;
}

#photos table {
    font-size: small;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0px;
}

#photoentry {
    padding: 0.2em;
    border: 1px;
    border-style: solid;
    border-bottom-color: gray;
}

#photos img {
    display: block;
}


#admin table {
    font-size: small;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0px;
}

#admin table tr td {
    padding: 0.2em;
    border: 1px;
    border-style: solid;
}