html { height:100% }
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;background:#fff;height:100%
}
p { margin-bottom:1em; }

/* Headers
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
h1 { font-size:32pt }
h2 { font-size:28pt }
h3 { font-size:24pt }
h4 { font-size:20pt }
h5 { font-size:16pt }
h6 { font-size:12pt }

/* Forms
----------------------------------------------- */
.form th, .form td, .newtodoform td { padding:0 10px 3px 10px;vertical-align:top }
.form th { text-align:center;border-bottom:1px solid #666 }
.form th.first, .form td.first, .newtodoform th.first, .newtodoform td.first {
    padding-left:0;vertical-align:top
}
.form th.todoheader { text-align:left;padding-left:0 }
.form td.first, .newtodoform td.first { text-align:right }
label { cursor:pointer;cursor:hand }
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12pt }
input.checkbox { width:13px; height:13px }
textarea { padding:0 }
input:focus, select:focus, textarea:focus { background:#ffc }
input.button:focus {}

ul, ol { margin-bottom:1em }
ul li { list-style-type:disc }
ol li { list-style-type:decimal }
li { margin:0 0 5px 25px }

table.smalltable { margin-bottom:7px !important }
.smalltable tr, .smalltable td { padding:0 4px 3px 4px !important;vertical-align:top !important }
.smalltable tr.first, .smalltable td.first { text-align:right !important }

/* Shortcut classes
----------------------------------------------- */

/* Alignment */
.left { text-align:left }
.center { margin-left:auto; margin-right:auto; text-align:center }
.right { text-align:right }
.top { vertical-align:top }
.middle { vertical-align:middle }
.bottom { vertical-align:bottom }

/* text appearance */
.error { color:red;font-weight:bold }
.nav, .nav li { display:inline }
.small { font-size:.75em }
.large { font-size:1.25em }
.bold, .bold a { font-weight:bold }
.italic, .italic a { font-style:italic }
.thin, .thin a { font-weight:normal }
.linethrough { text-decoration:line-through }
.inline { display:inline }
.category { color:#093 }

/* spacing */
.wrap { white-space:normal }
.nowrap { white-space:nowrap }
.nospace { padding:0;margin:0 }
.hide { display:none }

.tag { color:#093 }
a.tag { color:#093 }
.todocolor { background:#def }
.themecolor { background:#9cf }
.themeborder { border:2px solid #9cf }
.selected-todo {
    background:#c00;
    color:#fff;
    padding-bottom:1px;
    font-weight:bold
}
.todoform-row { background:#fc0;font-size:12pt }
.notes {
    padding:5px;
    border:1px dotted #666;
    margin:0 5px 5px 0
}

/* Common sections
----------------------------------------------- */
#wrapper { height:100%;width:100% }
#topsitelink { margin-right:10px;font-weight:bold }
#header { padding:0 10px 3px 10px;margin-bottom:5px;border-bottom:1px solid #999 }
#headernav { width:100% }
#header h4, #header h5, #header h6 { margin-right:1em;display:inline }
#content { margin:0 10px }
#footer {
    font-size:7pt;
    text-align:center;
    vertical-align:bottom;
    clear:both
}
#footer a { font-weight:normal }
#homepagedescription, #sales, #upcomingsales, #currentsales { margin:auto;width:500px }
#homepagedescription { border:1px solid #f90;background-color:#fc0;padding:10px;margin:20px auto }
#sales { margin-top:30px;width:820px;min-height:300px }
#currentsales { width:280px }
#upcomingsales { float:left }
#currentsales { float:right }
#upcomingsales h3, #currentsales h4 { border-bottom:1px solid #000 }
#currentsales { margin-top:5px }
.sale { margin-top:18px;text-align:left }
.sale .header { clear:both }
.sale .left { display:inline;font-size:20pt }
.sale .right { display:inline;font-weight:bold;font-style:italic;margin-bottom:10px;white-space:nowrap }
.sale .description { font-size:12pt;margin:3px 0 }
.sale .footer { font-size:8pt;color:#999 }
#currentsales .sale { margin-top:12px }
#currentsales .sale .header { clear:both }
#currentsales .sale .left { font-size:12pt }
#currentsales .sale .right  { font-size:8pt }
#currentsales .sale .description { font-size:10pt;margin:2px 0 }
#currentsales .sale .footer { font-size:7pt }