/* css-style for web-pages of Workshop on Algorithms on Words */
/* Petri Salmela - 01.09.2006 */

body { font-family: arial;
       background: #fff0d0; }

html>body { font-family: sans-serif; }


div#outerpagebox
            { max-width: 50em;
              margin: 2em;
              margin-right: 10em;
              padding: 0;
              border: 2px solid;
              border-top-color: #f3a434;
              border-left-color: #f3a434;
              border-right-color: #3b552e;
              border-bottom-color: #3b552e;
              float: left; }

body>div#outerpagebox { margin: 2em;}

div#pagebox { border: 2px solid;
              /*border-color: #3b552e;*/
              margin: 0em;
              padding: 1em;
              border-top-color: #3b552e;
              border-left-color: #3b552e;
              border-right-color: #f3a434;
              border-bottom-color: #f3a434;
              background: #fbe29c;
              position: relative;
              float: left; }

div>div#pagebox { float: none; }

div#top-left { position: absolute;
                 float: none;
                 top: -4px;
                 left: -4px;}

div#top-right { position: absolute;
                 float: none;
                 top: -4px;
                 right: -4px; }

div>div#top-right { position: absolute;
                 float: none;
                 top: -4px;
                 right: -4px; }

div#bottom-left { position: absolute;
                 float: none;
                 bottom: -5px;
                 left: -4px; }

div>div#bottom-left { position: absolute;
                 float: none;
                 bottom: -4px;
                 left: -4px; }

div#bottom-right { position: absolute;
                 float: none;
                 bottom: -5px;
                 right: -4px; }

div>div#bottom-right { position: absolute;
                 float: none;
                 bottom: -4px;
                 right: -4px; }

div#header { color: #3b552e;
             text-align: center;
             margin-bottom: 2em; }

h1, h2
        { color: #3b552e;
          background-color: transparent;
          text-shadow: #f3a434 0.2em 0.2em 3px; }

div#menu { margin: 1.5em;
           padding: 0; }

div#menu ul { text-align: center;
              margin: 0em;
              padding: 0em;
              white-space: nowrap; }

div#menu ul li { background: #3b552e;
                 color: #fbe29c;
                 display: inline;
                 margin: auto;
                 padding: 0.5em;
                 border: 2px solid;
                 border-color: #f3a434;
                 font-weight: bold;
                 /*width: 8em;*/ }

div#menu ul li:hover { background: #5a7f47; }

div#menu ul li a { color: #fbe29c;
                   text-decoration: none; }

div#main { margin: 1.5em;
           height: 250px;
           position: relative; }

div>div#main { height: auto;
               min-height: 250px; }

div#main h2 { border-bottom: 3px dashed #f3a434;
              clear: right; }

div#main a { color: #3b552e; }

div#main a:visited { color: #a47637; }

div#main a:hover { color: #3b552e;
                   background-color: #f3a434; }

div#main p { margin-right: 230px; }
div>div#main p { margin-right: auto;}

div#footer { background-color: #3b552e;
             color: #fbe29c;
             border: 2px solid;
             border-color: #f3a434;
             font-weight: bold;
             text-align: right;
             padding-left: 1em;
             padding-right: 1em;
             margin-left: 1.5em;
             margin-right: 1.5em;
             margin-bottom: 2em;
             clear: right; }

div#footer a { text-decoration: none;
               color: #fbe29c;
                }

div#footer a:hover { color: #f3a434; }

div#sidepicture { margin: 0.5em;
                  float: right;
                  height: 200px;
                  width: 145px;
                  position: absolute;
                  right: 1em;
                  background: transparent url(img/stairs.jpg) top left no-repeat;
                   }

div>div#sidepicture { margin: 0.5em;
                  float: right;
                  height: 200px;
                  width:145px;
                  position: static;
                  background: transparent url(img/stairs.jpg) top left no-repeat;
                   }

/*img#sidepicture { margin: 2px;
                  margin-left: 28em;
                  float: right; }

div>img#sidepicture { margin: 2px; float: none; }
*/

table.nonbullist { width: 100%; }

table.nonbullist td.logo { text-align: right; }

table.ohjelma td { background-color: #fbe29c; padding: .1em .3em .1em .3em; }

table.ohjelma td.left { color: #f3a434; background-color: #3b552e;}

table.ohjelma th { color: #f3a434; background-color: #3b552e;}