a[href] {
    text-decoration: none;
    color: rgb(0,0,200);
}
a[href]:visited {
    color: rgb(0,0,200);
}
a[href]:hover {
    text-decoration: underline;
    color: rgb(0,0,255);
}


div#message {
 font-weight: bold;
 padding: 1em;
 text-align: center;
 margin: 1em;
 border: 1px solid #D5D7B6;
 color: green;
 background: #EBECDE;
}

table#global-nav {
    border-collapse: separate;
    border-spacing: 1em 0px;
}
table#global-nav th {
    padding: 5px 1em 2px 1em;
    border-left: thin solid green;
    border-top: thin solid green;
    border-right: thin solid green;
    margin: 0px;
}
table#global-nav td {
    padding: 0px;
}
table#global-nav hr {
    border: none;
    margin: 0px;
/*    padding 0px; */
    border-bottom: thick solid green;
}

table#local-nav {
   border-collapse: separate;
    border-spacing: 1em 0px;
}
table#local-nav th {
    padding: 2px 1em 5px 1em;
    border-left: thin solid green;
    border-bottom: thin solid green;
    border-right: thin solid green;
    margin: 0px;
}

/* main page styles */
body {
  margin: 1px;
  font-family: sans-serif, Helvetica, Arial;
  background-color: white;
  color: black;
}

a[href]:hover { color:blue; text-decoration: underline; }
a[href]:link { color:blue; text-decoration: none; }
a[href] { color:blue; text-decoration: none; }

#header {
  padding-left: 5em;
  border-bottom: 1px solid #444;
  margin: 0;
}

#header h1 {
  font-size: 120%;
  font-weight: bold;
}

#header a:after {
  content: ": ";
}
 

#sidebar {
  float: right;
  text-align: right;
  background-color: #eee;
  border-left: 1em solid white;
  border-bottom: 1em solid white;
  /* width: 10em; */
  padding-left: 1em;
  margin-left: 1em;
  margin-bottom: 1em;
}

#sidebar ul {
  padding: 0;
  margin: 0;
    border: 0;
  margin-bottom: 1em;
}

#sidebar li {
  padding: 1px 1em 1px 1em;
    margin: 0;
    list-style-type: none;
  text-align: right;
    white-space: nowrap;
}


#sidebar p {
  padding: 1em;
  margin: 0;
  border: 0;
  white-space: nowrap;
}

#sidebar p:first-line {
  font-weight: bold;
}

#content {
 margin-left: 1em;
 margin-right: 1em;
}

.datehead {
  margin-left: -10px;
  font-weight: bold;
  color: black;
  padding-left: 10px;
  background-color: #eeeeee;
  border-top: 1px solid #afafaf;
  border-bottom: none;
}


/*
** FORM STYING
*/
fieldset#form {
    background: rgb(241,244,214);
    margin: 1em;
    border: 1px solid gray;
}

fieldset#form legend {
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

fieldset#form form table {
    border-collapse: separate;
    border-spacing: 0px 0px;
}

.form-title {
    border-top: thin solid #E0E0B2;
    border-left: thin solid #E0E0B2;
    border-right: thin solid #E0E0B2;
    background: #F0F0C2;
    font-weight: bold;
    font-size: large; 
}

.form-label {
    width: 13em;
    vertical-align: top;
    text-align: right;
}

.form-agg-label {
    width: 13em;
    border-left: thin solid #E0E0B2;
    background: #F0F0C2;
    vertical-align: top;
    text-align: right;
}

.form-required {
    font-weight: bold;
}

.form-optional {
    font-style: italic;
    font-weight: normal;
}

.form-element {
    vertical-align: top;
    text-align: left;
}

.form-element p {
    margin-top: 2px;
}

.form-text {
    color: inherit;
}

.form-mono {
    text-decoration: none;
}

tr.form-error-field td {
    background: rgb(255,244,214);
}

.form-error {
    color: rgb(168,52,50);
    font-weight: bold;
    margin: 1px;
}

.form-help {
    margin-top: 0;
    color: #333333;
    text-align: justify;
    font-size: .8em;
    font-weight: normal;
}

fieldset#form fieldset.grouping {
    border: 1px solid rgb(221,224,194);
}

/* TIMETABLE TABLE STYLING */
#timetable {
    border-collapse: separate;
    border-spacing: 0px 0px;
}
#timetable td {
 text-align: left;
 padding-left: 1em;
 padding-right: 1em;
 margin: 0;
}
#timetable td:first-child {
 border-right: 1px solid #888;
 text-align: right;
 font-weight: bold;
}
#timetable tr.active td {
    font-weight: bold;
}
#timetable tr.done td {
    text-decoration: line-through;
}


/* FILES LIST TABLE STYLING */
#files {
    border: 1px solid #888;
    border-collapse: separate;
    border-spacing: 0px 0px;
}
#files th {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
}

/* PLEAS LIST TABLE STYLING */
#pleas {
    border-collapse: separate;
    border-spacing: 0px 0px;
}
#pleas th {
    text-align: center;
    vertical-align: bottom;
    padding-left: 1em;
    padding-right: 1em;
}

/* GENERIC ALTERNATE-ROW TABLE STYLING */
tr.alternate td {
    background: #ddd;
    vertical-align: top;
    margin: 0px;
    border: 0px;
/*    padding-left: 1em; */
    padding-right: 1em;
}

/* RESULTS TABLE STYLING */
.results {
    border-collapse: separate;
    border-spacing: 0px 0px;
}
.results th {
 border-bottom: 1px solid black;
 text-align: left;
 padding-right: 2em;
}
.results th:first-child {
 text-align: right;
}
.results td {
 border-bottom: 1px solid #888;
 text-align: left;
 padding-right: 2em;
 margin: 0;
}
.results td:first-child {
 text-align: right;
 font-weight: bold;
}


/* SCREENSHOT STYLING */
table.screenshot {
    width: 256px;
}

table.screenshot td.description {
    background: #eee;
    font-weight: bold;
    text-align: center;
}


/* DIARY ENTRY STYLING */
.entry .title {
  border-bottom: 1px solid #afafaf;
  font-weight: bold;
  text-align: left;
}

.entry .title a[href] {
    text-decoration: none;
    color: rgb(0,0,0);
}
.entry .title a[href]:visited {
    color: rgb(0,0,0);
}
.entry .title a[href]:hover {
    text-decoration: underline;
    color: rgb(0,0,255);
}

.entry  p,blockquote,li,dd {
  text-align: justify;
}

.entry .meta {
  font-size: small;
  padding-bottom: 20px;
}

.entry p.small {
  font-size: small;
}

.entry blockquote {
  font-style: italic;
  padding-bottom: 10px;
}

.entry pre.code {
  text-align: left;
  padding-left: 2;
  padding-right: 2 
  margin-left: 2;
  margin-right: 2;
  background-color: #eeeeee;
  font-family: monospace;
}

.entry code.code {
  background-color: #eeeeee;
}

/* COMMENT STYLING */
.comment {
  background: #eee;
  margin-bottom: 2em;
}

.comment .meta {
  border-bottom: 1px solid #afafaf;
}

.comment .meta .author {
  font-weight: bold;
  text-align: left;
}

.comment .meta .date-created {
  text-align: right;
}

.comment pre {
  font-family: monospace;
}

.comment form {
  font-size: 75%;
  float: right;
}

.comment-form td {
  vertical-align: top;
}

#preview {
  border: thin solid black;
  background: #eee;
  padding: 1em;
  margin: 1em;
}

div#footer {
    position: relative; /* Needed for Safari */
    /* background-color: #ffb200; */
    /* border: 1px dotted #aaa; */
    border-width: 1px 0;
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
    padding: 0.5em;
    letter-spacing: 0;
    font-variant: small-caps
}