/* Body Document Defaults */
BODY                {
                     background-color: #000000;
                     color: #000000;
                     background-image: url('https://dl.winehq.org/share/images/bg.jpg');
                     background-repeat: no-repeat;
                     font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
                     margin: 0;
                     font-size: 10pt;
                    }

/* wine logo image */
#logo_glass_big     {
                     position: absolute;
                     z-index: 2;
                     top: 0px;
                     left: 0px;
                     width: 200px;
                     height: 313px;
                    }
#logo_glass         {
                     position: absolute;
                     z-index: 2;
                     top: 20px;
                     left: 50px;
                     width: 100px;
                     height: 157px;
                    }
#logo_text          {
                     position: absolute;
                     z-index: 3;
                     top: 40px;
                     left: 110px;
                     width: 186px;
                     height: 58px;
                    }
#logo_blurb         {
                     position: absolute;
                     z-index: 4;
                     top: 92px;
                     left: 130px;
                     font-size: 12px;
                     color: #999999;
                    }

/* search box */
#search_box         {
                     text-align: right;
                     position: absolute;
                     z-index: 5;
                     top: 50px;
                     right: 20px;
                     width: 250px;
                     margin: 0;
                     padding: 0;
                     font-size: 10px;
                    }
#search_box INPUT   { font-size: 12px; width: 175px; margin: 0; padding: 2px; border: 1px inset red; }

/* top tabs */
#tabs               {
                     float: right;
                     margin-right: 1em;
                    }
#tabs .tabs-menu    { display: none; }
#tabs UL            {
                     list-style: none;
                     padding: 0;
                     margin: 0;
                    }
#tabs LI            {
                     float: left;
                     height: 28px;
                     margin: 0px 2px 0px 2px;
                     padding: 0;
                     text-align: center;
                     background-color: #848484;
                     border-bottom-right-radius: 6px;
                     border-bottom-left-radius: 6px;
                    }
#tabs LI.s          { background-color: #cf3939; }
#tabs LI.s A        { font-weight: bold; }
#tabs LI:hover      { background-color: #832c2c; }
#tabs LI A          {
                     display: block;
                     min-width: 110px;
                     height: 23px;
                     padding: 3px 5px 3px 5px;
                     font-size: 16px; color: white; text-decoration: none;
                    }

/* sidebar navigation */
#sidebar            {
                     position: absolute;
                     z-index: 6;
                     top: 200px;
                     left: 0px;
                    }
#sidebar UL         {
                     line-height: 1.5em;
                     list-style: none;
                     padding: 0;
                     margin: 0;
                    }
#sidebar LI         {
                     font-size: 10px;
                     color: white;
                     margin: 0;
                     padding: 0;
                    }
#sidebar p          { margin: 5px 5px 5px 10px; }
#sidebar > ul       {
                     border: none;
                     margin: 0 0 1em 0 !important;
                     padding: 0;
                     float: none;
                     width: 160px;
                     overflow: hidden;
                     background: rgba(149,73,58,0.98);
                     background: linear-gradient(to right, rgba(149,73,58,0.7) 0%,
                                 rgba(149,73,58,0.95) 10%,
                                 rgba(149,73,58,1) 80%,
                                 rgba(126,44,29,1) 97%,
                                 rgba(110,29,14,1) 99%,
                                 rgba(110,29,14,1) 100%);
                     border: 2px solid #6e1d0e;
                     border-left: none;
                     border-top-right-radius: 5px;
                     border-bottom-right-radius: 5px;
                    }
#sidebar > ul > li.top {
                     background: #732010;
                     margin: 0;
                     padding: 0.3em 1em 0.3em 0;
                     font-size: 91%;
                     font-weight: bold;
                     white-space: nowrap;
                     border-top-right-radius: 5px;
                    }
#sidebar A          { font-size: 10px; color: white; text-decoration: none; }
#sidebar A:hover    { font-size: 10px; text-decoration: underline; }

/* main content well */
#main_content       {
                     padding: 85px 10px 10px 100px;
                    }

/* main content well front page left column */
#main_left          {
                     width: 58%;
                     width: expression("55%"); /* For IE */
                     margin: 0 10px 0 0;
                     float: left;
                     display: inline;
                    }

/* main content well front page right column */
#main_right         {
                     width: 40%;
                     width: expression("30%");  /* For IE */
                     margin: 0;
                     float: right;
                     display: inline;
                    }

/* footer */
#cwfooter           {
                     clear: both;
                     color: #ffffff;
                     text-align: right;
                     padding-right: 20px;
                    }
#cwfooter IMG       { vertical-align: middle; width: 150px; }

/* header text */
H1.title            { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
H3.title            { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
P.newsdate          { color: #4e4e4e; font-size: 10pt; text-align: right; margin: 0 5px 10px 0;}
P.newstitle         { color: #4e4e4e; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #C0C0C0; margin-bottom: 5px; }
P.newstitle A       { color: #4e4e4e; text-decoration: none; }
P.newstitle A:hover { color: #FF6666; text-decoration: none; }
DIV.newsblock       { margin: 0 5px 25px 10px; padding: 0; }

/* stuff */
img                 { border: 0; }

/* Link Colors */
A                   { color: #A50D0D; }
A:visited           { color: #FF0000; }
A:hover             { color: #FF6666; text-decoration: underline; }
A:active            { color: #FF0000; }
A.hidden            { text-decoration: none; color: #000000; }

/* General fonts and sizes */
OL,UL,P             { font-size: 10pt; }
TD,TR,TH            { font-size: 10pt; }
INPUT               { font-size: 10pt; }
PRE                 {
                     font-family: monospace; font-size: 10pt;
                     white-space: pre-wrap;
                     white-space: -moz-pre-wrap !important;
                    }
.small              { font-size: 8pt; }

/* Hn Sizes */
H1                  { font-size: 20pt; }
H2                  { font-size: 18pt; }
H3                  { font-size: 14pt; }
H4                  { font-size: 12pt; }
H5                  { font-size: 10pt; }

/* HR */
hr
{
    border: 0;
    color: #A50D0D;
    background-color: #A50D0D;
    height: 1px;
    width: 100%;
    text-align: left;
}

/* Rounded Corner Box */
div.rbox                              { display:block; margin: 0px; }
div.rbox b.rtop, b.rbottom            { display:block; margin: 0px;  }
div.rbox b.rtop b, b.rbottom b        { display:block; height: 1px; overflow: hidden; background: #FFFFFF; }
div.rbox b.r1                         { margin: 0 5px; }
div.rbox b.r2                         { margin: 0 3px; }
div.rbox b.r3                         { margin: 0 2px; }
div.rbox b.rtop b.r4, b.rbottom b.r4  { margin: 0 1px; height: 2px}
div.rbox div.content                  { margin: 0; background-color: #FFFFFF; }

/* template navigation links */
.link-container     { position: relative; height: 1.2em; }
.link-container p   { position: absolute; width: 50%; margin: 0; }
.left-link          { left: 0; }
.right-link         { right: 0; text-align: right; }

/* Status colors */
.hdr                { background-color: #000000; color: #ffffff; }
.pct0               { background-color: #ff5050; }
.pct5               { background-color: #ff5d4f; }
.pct10              { background-color: #ff694e; }
.pct15              { background-color: #ff764d; }
.pct20              { background-color: #ff824b; }
.pct25              { background-color: #ff8f4a; }
.pct30              { background-color: #ff9b49; }
.pct35              { background-color: #ffa848; }
.pct40              { background-color: #ffb447; }
.pct45              { background-color: #ffc146; }
.pct50              { background-color: #ffcd45; }
.pct55              { background-color: #ffda43; }
.pct60              { background-color: #ffe642; }
.pct65              { background-color: #fff341; }
.pct70              { background-color: #ffff40; }
.pct75              { background-color: #dcff48; }
.pct80              { background-color: #c8ff50; }
.pct85              { background-color: #b4ff58; }
.pct90              { background-color: #a0ff60; }
.pct95              { background-color: #8cff60; }
.pct100             { background-color: #60ff60; }
.nonexistent        { background-color: #ff5050; }
.poor               { background-color: #ff8f4a; }
.outdated           { background-color: #ffcd45; }
.outdadeq           { background-color: #ffff40; }
.adequate           { background-color: #dcff48; }
.adeqgood           { background-color: #c0ff54; }
.good               { background-color: #60ff60; }

/* ToDo colors */
.todo               { background-color: red; }
.inprogress         { background-color: yellow; }
.done               { background-color: limegreen; }
.invalid            { color: gray; text-decoration: line-through; }

/* Fun Projects */
.works              { background-color: lightblue; }
.abandoned          { background-color: gray; }
.modified           { font-weight: bold; }
.submitted          { font-style: italic; }
.committed          { font-style: italic; color: gray; }

/* App Support status */
.gold               { background-color: wheat; }
.silver             { background-color: silver; }