/*
 Copyright (C) 2007,2008,2009,2010,2011 Daniele de Rigo 
 
 This file is part of Mastrave.
 
 Mastrave is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.
 
 Mastrave is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.
 
 You should have received a copy of the GNU General Public License
 along with Mastrave.  If not, see <http://www.gnu.org/licenses/>.
*/

   * {
      font-family: verdana,arial,tahoma,helvetica,"sans serif";
   }
   body {
      background:      #f0f0f0 url("images/background_f0f0f0.jpg") 0 0 no-repeat fixed;
      margin:          0;
      /* padding:         80px 0px 0px 0px; */
      padding:         0;
      color:           #555;
      font-size:       15px;
      height:          100%; /* enable 100% height children */
   }
   h2 {
      /* color:           #888; */
      color:           #72602a;
      text-align:      center;
      font-weight:     bold;
      margin-top:      0px;
      text-shadow:     2px 2px 3px #aaa;
      behavior: url(htc/ie-css3.htc);
   }
   span {
      display:         none;
      visibility:      hidden;
   }
   a {
      color:           black;
      text-decoration: none;
      text-shadow:     1px 1px 1px #aaa;
      padding:         0px 3px 0px 3px;
      border-radius:          5px;
      -moz-border-radius:     5px;
      -webkit-border-radius:  5px;
      -khtml-border-radius:   5px;
   }
   a:hover {
      color:           white;
      background:      #aaa;
   }
   a.selected {
      background:         #eee url("images/background_eee.jpg") 0 0 no-repeat fixed;
      box-shadow:             2px  2px  5px #999;
      -moz-box-shadow:        2px  2px  5px #999;
      -webkit-box-shadow:     2px  2px  5px #999;
      -khtml-box-shadow:      2px  2px  5px #999;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
      behavior: url(htc/ie-css3.htc);
   }
   div.containerVert {
      /* background:      #f0f0f0 url("images/background_f0f0f0.jpg") 0 0 no-repeat fixed; */
      margin:  0 ; padding:   0 ;
      top:     0 ;    left:   0 ;
      width: 100%;  height: 100%;
      /*position: fixed;*/
      display: table;
   }
   div.containerInner {
      display:         table-cell;
      vertical-align:  middle;
      height:          100%; /* enable 100% height children */
   }   
   div#header {
      background:       #846d27 url("images/background_846d27.jpg") 0 0 no-repeat fixed;
      color:                 gold; /* #ffc700; /*e0af00;  */
      text-shadow:     1px 1px 1px #423613;
      height:                74px;
      margin-left:           40px;
      margin-right:          40px;
      padding:               40px;
      box-shadow:             0px  0px 30px #862;
      -moz-box-shadow:        0px  0px 30px #862;
      -webkit-box-shadow:     0px  0px 30px #862;
      -khtml-box-shadow:      0px  0px 30px #862;
      border-radius:         40px;
      -moz-border-radius:    40px;
      -webkit-border-radius: 40px;
      -khtml-border-radius:  40px;
   }
   div#header img , div#header span {
      float:                   left;
      margin-right:          40px;
   }
   div#content {
      margin-top:            40px;
      margin-left:             auto;
      margin-right:            auto;
      width:                900px; /* mutable via js */
      height:               100%; /* enable 100% height children */
   }
   div#left {
      clear:                   left;
      float:                   left;
   }
   div.menu {
      /*clear:                   left;
      float:                   left;*/
      width:                150px;
      text-align:              left;
   }
   div#index {
      width:                170px;
      text-align:              left;
      padding:               30px;
      font-size:             90%;
   }
   div#related {
      height:                70%; /* enable 100% height children */
      /*height: mutable via js */
   }
   div.body {
      margin-left:          270px;
   }
   div.menu , div.body {
      position:                relative;
      background:         white url("images/background.jpg") 0 0 no-repeat fixed;
      padding:               40px;
      box-shadow:             0px  0px 10px #d1ad3e;
      -moz-box-shadow:        0px  0px 10px #d1ad3e;
      -webkit-box-shadow:     0px  0px 10px #d1ad3e;
      -khtml-box-shadow:      0px  0px 10px #d1ad3e;
      border-radius:         40px;
      -moz-border-radius:    40px;
      -webkit-border-radius: 40px;
      -khtml-border-radius:  40px;
      text-align:              justify;
      margin-bottom:         40px;
   }
   div.menu a {
      display:                 block;
      padding:                5px;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   .body div.chapter {
      padding-top:           20px;
      column-width:         500px;
      -moz-column-width:    500px;
      -webkit-column-width: 500px;
      -khtml-column-width:  500px;
      column-gap:            40px;
      -moz-column-gap:       40px;
      -webkit-column-gap:    40px;
      -khtml-column-gap:     40px;
      column-rule:            1px solid #c4c8cc;
      -moz-column-rule:       1px solid #c4c8cc;
      -webkit-column-rule:    1px solid #c4c8cc;
      -khtml-column-rule:     1px solid #c4c8cc;  
   }
   .body h4 {
      float:                   left;
      display:                 inline;
      /*display:                 inline-block;*/
      background:      #e8e8e8 url("images/background_e8e8e8.jpg") 0 0 no-repeat fixed;
      margin:                 0px 10px 5px 0px;
      padding:               10px;
      font-weight:             normal;
      box-shadow:             2px  2px  5px #999;
      -moz-box-shadow:        2px  2px  5px #999;
      -webkit-box-shadow:     2px  2px  5px #999;
      -khtml-box-shadow:      2px  2px  5px #999;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   .body h4 a {
      position:                relative;
      padding-top:           20px;  /* fixing anchor position in mozilla */
   }
   .body h4 a:hover {
      color:                   #999 !important;
      display:                 inline;
      background:              transparent;
   }
   div.copying {
      font-size:             70%;
   }
   pre.quote {
      text-align:              right;
   }
   pre {
      overflow:                auto;
      background:      #e8e8e8 url("images/background_e8e8e8.jpg") 0 0 no-repeat fixed;
      padding:               10px;
      box-shadow:             2px  2px  5px #999;
      -moz-box-shadow:        2px  2px  5px #999;
      -webkit-box-shadow:     2px  2px  5px #999;
      -khtml-box-shadow:      2px  2px  5px #999;
      border-radius:         10px;
      -moz-border-radius:    10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius:  10px;
   }
   pre i {
      color: #f88;
   }
   div.center {
      display:      table;
      margin-right: auto;
      margin-left:  auto;
      text-align:   center;
   }
   tr.odd {
      background:   #f0f0f0 url("images/background_f0f0f0.jpg") 0 0 no-repeat fixed;
   }
   a img {
      border:       0;
   }
   img.right {
      float:        right;
      padding:     20px 0px 20px 20px;
   }
   .validator {
      margin:       0;
      display:      inline;
      float:        right;
   }
   iframe {
      border:       0;
      padding:      0;
      margin:       0;
      overflow:     hidden;
   }