BODY {
  margin:0px auto;
  width:80%;
  font-family: "Luxi Sans", "Andale Sans", "Verdana", "Helvetica Neue", sans-serif;
  background: white;
}

#content {
   margin-right: 250px;
   padding-left: 50px;
   padding-right: 10px;
}

#sidebar {
   position: absolute;
   top: 0px;
   right: 5px;
   width: 200px;
   padding: 20px;
}

#header {
   padding: 20px;
   padding-top: 50px;
}
#name { font-size: x-large }


#headlines { padding: 20px; margin-bottom: 20px }
.tasks_explanation { font-size: xx-small; color: gray }

.taskA { color: red }
.taskB { color: green }
.taskC { color: navy }
.taskX { text-decoration: line-through; color: black }
.task_cancelled { color: gray; text-decoration: line-through; }

A { text-decoration: none }

#wikitext pre { overflow: auto }

A { color: brown }
A :visited { color: #660000 }
A :hover { text-decoration: underline }

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

td { vertical-align: top; }

blockquote {
    border-left: 1pt solid gray;
    padding: 10pt 10pt 10pt 10pt;
}

a img { border: none }

.comment input { border: 1pt solid #d1e0ee; width: 300px }

.comment textarea { border: 1pt solid #d1e0ee; width: 300px }

#calendar {
    padding: 5pt;
    font-size: xx-small
}
    
#content h1  {
    margin: 10pt 0pt 0pt 0pt;
    border-bottom: 1px solid gray;
}

#content h2  {
    margin: 10pt 0pt 0pt 0pt;
    border-bottom: 1px dotted gray;
}

#content h3 { font-weight: bold }

.toplink A { text-decoration: none }
.toplink A:hover { text-decoration: underline }
.toplink A:visited { color: rgb(20, 20, 20); text-decoration: none }

.toplink { font-size: x-small; float: right; }

.quicklinks { float: right }

#sidebar H2 {
   font-weight: bold;
}

#sidebar H2 A:hover {
   text-decoration: underline;
}

#banner {
    padding-left: 0px;
    padding-top: 10px;
    font-size: x-large;
    font-weight: bold;
    border-bottom: 1pt solid black;
    min-height: 120px;
}


FORM { margin-top: 0px }
.form_label {  width: 100px }
.submit { width: 300px; color: black; background: #d1e0ee; border: 1pt solid black; padding: 5pt }

span.doc { color: rgb(0, 205, 0) }
span.doc a { color: rgb(0, 205, 0) }
span.builtin { color: rgb(186,85,211) }
span.builtin a { color: rgb(186,85,211) }
span.type { color: rgb(0,139,139) }
span.type a { color: rgb(0,139,139) }
span.keyword { color: navy }
span.keyword a { color: navy }
span.comment { color: rgb(0,205,0) }
span.comment a { color: rgb(0,205,0) }
span.constant { color: rgb(0,170,170) }
span.constant a { color: rgb(0,170,170) }
span.warning { color: rgb(255,0,0) }
span.warning a { color: rgb(255,0,0) }
span.function-name { color: rgb(0,0,205) }
span.function-name a { color: rgb(0,0,205) }
span.variable-name { color: rgb(145,145,0) }
span.variable-name a { color: rgb(145,145,0) }
span.string { color: rgb(200,90,90) }
span.string a { color: rgb(200,90,90) }

.taskA { color: red }
.taskB { color: green }
.taskC { color: navy }
.taskX { text-decoration: line-through; color: black }
.task_cancelled { color: gray; text-decoration: line-through; }
.example { border: 1pt solid black; padding: 10pt; background: rgb(240, 240, 255); overflow: auto }

.note { padding-top: 10px; }
note .h3 { padding: 0px; margin: 0px }
.note_info { font-size: small; border-bottom: 1px dotted gray }

.month_details { font-size: xx-small; }

.commentlink { font-size: larger; font-weight: bold }


.week_calendar TD A { display: block; position: absolute; width: 100%; overflow: hidden }
.week_calendar .timed TD { position: relative; height: 375px; width: 100px }
.week_calendar TD { width: 100px; }
.week_calendar TD DIV { position: relative; font-size: x-small }
.week_calendar LI { overflow: hidden; }
.q1 { background-color: red }
.q2 { background-color: yellow }
.unknown { background-color: gray }

.tasks_explanation { font-size: xx-small; color: gray }

.month_details A { text-decoration: none }
OL.month_details  { padding: 0pt; margin: 0pt;  list-style-type: none;}
.month_details LI { border-bottom: 1pt solid pink }