/* TinyMega Style sheet */

body
{  counter-reset     : Level1;
   margin-left  :  2%;
   margin-right :  2%;
   max-width    : 60em;
   padding-left :  3em;
}

H1:before
{  content: counter(Level1) ". ";
   counter-increment : Level1;
}

H1
{  counter-reset     : Level2;
   font-size         : 1.9em;
}

H2:before
{  content: counter(Level1) "." counter(Level2) ". ";
   counter-increment : Level2;
}

H2
{  counter-reset     : Level3;
   padding-top       : 20px;
   font-size         : 1.6em;
}

H3:before
{  content: counter(Level1) "." counter(Level2) "." counter(Level3) ". ";
   counter-increment : Level3;
}

H3
{  padding-top       : 30px;
   font-size         : 1.3em;
}

p
{  margin-bottom : 0px;
}

div.columns
{
   /* Chrome, Safari, Opera */
   -webkit-column-count   : 3;
   -webkit-column-gap     : 4em;
   -webkit-column-rule    : 1px solid blue;
   -webkit-column-width   : 15em;

    /* Firefox */
   -moz-column-count : 3;
   -moz-column-gap   : 4em;
   -moz-column-rule  : 1px solid blue;
   -moz-column-width : 15em;

   /* Others */
   column-count : 3;
   column-gap   : 4em;
   column-rule  : 4px solid blue;
   column-width : 15em;

   text-align   : justify;
}

div.center
{  display      : block;
   text-align   : center;
}

div.NavBar
{  position    : fixed;
   top         :    0%;
   left        :    0%;
   width       :   20%;
   height      :  100%;
   overflow    : hidden;
   background-color :  rgb(240,255,240);
}

div.Content
{  position    : fixed;
   top         :    0%;
   left        :   20%;
   width       :   80%;
   height      :  100%;
   overflow    : hidden;
   background-color :  rgb(240,255,240);
}

iframe
{  width      : 100%;
   height     : 100%;
}

pre
{  border      : 1px solid;
   font-family : "courier new", monospace;
   font-size   : 1 em;
   background  : rgb(230,230,255);   // blue-ish
   margin      : 5px 5px 5px 5px;
   padding     : 0px 5px 0px 5px;
}

pre.code
{  overflow-x  : auto;
}

table
{  background      : rgb(255,255,230);   // yellow-ish
   border          : none;
   border-collapse : collapse;
}

tr
{  border          : none;
}

td
{  border          : solid 1px;
   padding         : 0px 5px 0px 5px;
   vertical-align  : top;
   text-align      : left;
}

td.header,th
{  background      : rgb(225,225,225);
   border          : solid 1px;
   padding         : 0px 5px 0px 5px;
   text-align      : center;
}

td.Numeric
{  text-align      : right;
}

td.center
{  text-align      : center;
}

td.blank
{  background      : rgb(255,255,255);
   border          : none;
}

img.logo
{  display      : block;
   margin-left  : auto;
   margin-right : auto;
}

img.left
{  float : left;
}

img.foto
{  width   : 300px;
   display : inline-block;
   margin  : 10px;
}

img.svg
{  border  : solid 1px black;
}

thead
{  font-weight      : bold;
   background-color :  rgb(200,200,255);
}

div.ArticleName
{  font-size   : 18pt;
   font-weight : bold;
}

div.ProjectName
{  font-size   : 24pt;
   font-weight : bold;
}

label
{  vertical-align   : top;
   width            : 120px;
   background-color : rgb(255,200,255);
   margin           : 0px;
   padding          : 0px;
}

button
{  width         : 120px;
   border-radius : 5px;
   height        : 22px;
}

ul
{  margin-left : 0px;
   padding     : 0px;
}

li
{  margin-left : 30px;
   padding     : 0px;
}

dt
{  padding-top : 10px;
   font-weight : bold;
}

dd
{  padding-top : 5px;
   margin-left : 20px;
}

.right
{  width   : 300px;
   display : block;
   margin  : 10px;
   float   : right;
}

div.clear
{  clear:left;
   clear:right;
}

figure
{  display     : inline-block;
   text-align  : center;
}

figcaption
{  text-align  : center;
}