/* mokolo.css */

body                { margin: 0px; color: #443; background: #deddd2; font-family: sans-serif; }

.arabic-term        { font-family: sans-serif; font-size: 160%; text-align: right; }
.arabic-definition  { text-align: left; }

table               { border-collapse: collapse; background-color: #eeeee9; }
tr                  { border: 1px solid blue }
th                  { border: 1px solid blue; padding: 4px; text-align: left; font-weight: bold; }
th.table-header     { background-color: #ffc; }
th.pk-header        { background-color: #fdd; text-align: right; }
th.uk-header        { background-color: #ddf; text-align: right; }
th.fk-header        { background-color: #efe; text-align: right; }
td                  { border: 1px solid blue; padding: 4px; }
td.req              { text-align: center; }
td.cg-sequence      { text-align: right; }

#top                { width: 1000px; /* border: solid 1px #f00; */ }

#logo               { width: 240px; margin-left: 10px;
                      font-family: serif; font-size: 200%; font-style: italic;
                      letter-spacing: 1px;
                    }

#projects           { float: right; width: 720px; margin-top: 12px; white-space: nowrap; text-align: left;
                    }
#projects h2        { display: none; }
#projects ul        { margin: 0; padding: 0; }
#projects li        { display: inline; list-style-type: none; margin-right: 5px;
                      font-family: serif; font-weight: bold; padding: 2px 2px;
                      color: #443; background: #bba; border: solid 1px #443;
                    }
#projects li a      { color: #443; text-decoration: none; }
#projects li.active { background: #ebb; }
#projects a:hover   { color: #fff; }

#info               { width: 1000px; margin-top: 2px; }

#projectheader      { width: 240px; margin-left: 10px;
                      color: #fff; background: #bba; border: solid 1px #443; font-family: serif;
                      padding-left: 5px; padding-right: 0px; padding-top: 0px; padding-bottom: 1px;
                    }

#trail              { float: right; width: 714px; color: #fff; background: #bba; font-family: serif;
                      padding-left: 5px; padding-top: 0px; padding-bottom: 1px; border: solid 1px #443;
                    }

#meat               { width: 1000px; margin-top: 12px; }

#menu               { width: 240px; margin-left: 10px; color: #a44; padding: 0px; font-weight: normal; }
#menu h2            { display: none; }
#menu ul            { margin: 0px; padding: 0px; list-style-type: none; }
#menu li            { padding-left: 0px; padding-right: 0px; }
#menu a:link,
#menu a:visited     { text-decoration: none; color: #443; }
#menu a:hover,
#menu a:active      { text-decoration: underline; color: #a44; }
#menu li li         { padding-left: 20px; }
#menu li.active     { color: #a44; font-weight: bold; }
#menu li.inactive   { color: #443; }

#tour               { width: 720px; float: right; margin-bottom: 8px;
                      white-space: nowrap; text-align: left; height: 20px;
                    }
#tour h2            { display: none; }
#tour ul            { margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0; padding: 0; }
#tour li            { display: inline; list-style-type: none; margin-right: 5px;
                      font-family: serif; font-weight: bold;
                      padding: 2px 2px; background: #bba; border: solid 1px #443; color: #443;
                    }
#tour li.active     { background: #ebb; }
#tour li a:link,
#tour li a:visited  { text-decoration: none; color: #443; }
#tour li a:hover,
#tour li a:active   { text-decoration: none; color: #fff; }

#content            { width: 720px; float: right; }
#content h1         { font-family: serif; font-size: 200%; font-weight: normal; font-style: italic;
                      letter-spacing: 1px; margin-top: 0px; margin-bottom: 0px;
                    }
#content h2         { font-family: serif; font-size: 150%; font-weight: normal; font-style: italic;
                      margin-top: 15px; margin-bottom: 0px;
                    }
#content h3         { font-family: sans-serif; font-size: 100%; font-weight: bold;
                      margin-top: 6px; margin-bottom: 0px;
                    }
#content ul         { margin-top: 0px; margin-bottom: 2px; }
#content li         { margin-top: 0px; margin-bottom: 2px; }
#content p          { margin-top: 2px; margin-bottom: 10px; }
#content p.note     { background: #aba; }
#content p.browsernote { background: #aba; }
#content div.vocabulary { background: #eeeee9; border: 1px solid blue;
                          padding-top: 14px; padding-bottom: 14px; padding-left: 5px; padding-right: 5px; }
#content pre        { font-family: monospace; font-size: 80%; background: #f9f9f9;
                      border: solid 1px #443; margin-top: 2px; margin-bottom: 2px;
                    }
#content pre.terminal { border: none; color: #443; background: #deddd2; }
#content a:link,
#content a:visited  { text-decoration: none; color: #4b4; }
#content a:hover,
#content a:active   { text-decoration: underline; color: #4b4; }

#authors            { text-align: left; font-style: italic; }

#picture            { margin-bottom: 20px; }
#picturetitle       { margin-left: 0px; display: inline; }
#picturerawlink     { display: inline; }