/* the pre markup was derived from rubyStyle.css, the rest is from previous
iterations of my website http://repose.cx/. help yourself to bits you like. */

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Arial, sans-serif;
}

A :hover { text-decoration: underline }

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

td { vertical-align: top; }

blockquote {
    background-color: rgb(240, 240, 240);
    border: 1pt solid black;
    padding-left: 15pt;
    padding-right: 15pt
}

a img { border: none }

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

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

#content {
    background: white;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

#content h1  {
    margin: 10pt 0pt 0pt 0pt;
    border-bottom: 5px solid #000;
}

#content h2  {
    margin: 10pt 0pt 0pt 0pt;
    border-bottom: 2px solid #000;
}

#content h3  {
    margin: 10pt 0pt 0pt 0pt;
    border-bottom: 1px solid #d1e0ee;
    border-top: 1px solid #d1e0ee;
}

.quicklinks { float: right }

#sidebar {
   float: right;
   border: 1pt solid black;
   font-size: x-small;
   color: black;
   margin-left: 20px;
   padding: 5pt;
   margin-right: 20px;
   margin-top: 20px; 
   background: rgb(250, 250, 255);
}

#sidebar H2 {
   font-size: small;
   font-weight: bold;
}

#sidebar H2 {
   color: blue;
   text-decoration: none;
}

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

#banner {
    color: #FFFFFF;
    background-color: #4a88be;
    text-align: left;
    vertical-align: bottom;
    padding: 15px;
    padding-left: 50px;
    padding-top: 50px;
    border-bottom: 1px dotted #6699CC;
}

#banner a {
    color: #FFFFFF;
    text-decoration: none;
}

#banner h1 {
    font-size: large;
    font-weight: bold;
}

#banner_links {
    font-size: small;
}


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

.toplink { font-size: x-small; float: right }
.toplink A { text-decoration: none }
.toplink A:hover { text-decoration: underline }
.toplink A:visited { color: darkgray; text-decoration: none }

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: gray }
.example { border: 1pt solid black; padding: 10pt; background: rgb(240, 240, 255) }

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