/*-- ==================================-=================================== --*/
/*-- ==                G L O B A L   P A R A M E T E R S                 == --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==                    M A I N   S E T T I N G S                     == --*/
/*-- ==================================-=================================== --*/
#tooplate_main_wrapper {
                                  clear: both;
                                  width: 940px;
                                 margin: 0 auto;
   }
/*-- ==================================-=================================== --*/
#tooplate_main {
                                  width: 930px;
                             background: #826641;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==                 C O N T E N T   S E T T I N G S                  == --*/
/*-- ==================================-=================================== --*/
#tooplate_content_wrapper {
                                  float: left;
                                  width: 620px;
   }
/*-- ==================================-=================================== --*/
#tooplate_content {
                                  width: 560px;
                                padding: 10px 20px 5px 40px;
                             background: url(../images/tooplate_content_body_2.png)
                                         repeat-y;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/


/*-- ==================================-=================================== --*/
/*-- ==  L I B R A R Y                                                   == --*/
/*-- ==================================-=================================== --*/
#library {
                                  clear: both;
   }
/*-- ==================================-=================================== --*/
#bookcase {
                                 height: 636px;

                                 margin: 50px 0px 0px 0px;
                       background-image: url('../images/bookcase 2x4.png');
                    background-position: top;
                      background-repeat: no-repeat;
   }
/*-- ==================================-=================================== --*/
#library h4 {
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #000;
                          border-radius: 7px;
                                 margin: 10px;
                                padding: 5px;
                            text-shadow: 1px 1px #333;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
#library .instructions {
                                  color: #efdfcf;
                            margin-left: 10px;
                           margin-right: 10px;
                         padding-bottom: 10px;
                            text-indent: 20px;
                             text-align: justify;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
.post_text {
                                  color: #E0E0E0;
                             max-height: 120px;
                            margin-left: 10px;
                           margin-right: 10px;
                            text-indent: 20px;
                             text-align: justify;
   }
/*-- ==================================-=================================== --*/
.sb_box {
                                  width: 240px;
                                padding: 0 20px 20px;
                          margin-bottom: 30px;
   }
/*-- ==================================-=================================== --*/
.shelf {

   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==  This is common formatting for the tooltip text                  == --*/
/*-- ==================================-=================================== --*/
      .shelf .cmmn {
                             visibility: hidden;
                                  width: 200px;
                       background-color: #FFF;
                              font-size: 12px;
                                  color: #33B;
                             text-align: center;
                          border-radius: 10px;
                                 border: 2px solid #0F8;
                                padding: 10px 5px 10px 5px;
                         padding-bottom: 20px;
                               position: absolute;
                                z-index: 1;
                                opacity: 0;
                             transition: opacity 0.5s;
      }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==  This is formatting for the 'north' oriented tooltip text        == --*/
/*-- ==================================-=================================== --*/
      .shelf .nrth {
                                 bottom: 110%;
                                   left: 30%;
                            margin-left: -60px;
      }
/*-- ==================================-=================================== --*/
      .shelf .nrth::after {
                                content: "";
                               position: absolute;
                                    top: 100%;
                                   left: 50%;
                            margin-left: -10px;
                           border-width: 10px;
                           border-style: solid;
                           border-color: #FFF transparent transparent transparent;
      }
/*-- ==================================-=================================== --*/
      .shelf:hover .nrth {
                             visibility: visible;
                                opacity: 1;
      }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==  This is formatting for the 'south' oreinted tooltip text        == --*/
/*-- ==================================-=================================== --*/
      .shelf .suth {
                                    top: 105%;
                                   left: 30%;
                            margin-left: -60px;
      }
/*-- ==================================-=================================== --*/
      .shelf .suth::after {
                                content: "";
                               position: absolute;
                                 bottom: 100%;
                                   left: 50%;
                            margin-left: -10px;
                           border-width: 10px;
                           border-style: solid;
                           border-color: transparent transparent #FFF transparent;
      }
/*-- ==================================-=================================== --*/
      .shelf:hover .suth {
                             visibility: visible;
                                opacity: 1;
      }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==  This is formatting for the 'east' oreinted tooltip text         == --*/
/*-- ==================================-=================================== --*/
      .shelf .east {
                                    top: -15%;
                                   left: 133%;
                            margin-left: -60px;
      }
/*-- ==================================-=================================== --*/
      .shelf .east::after {
                                content: "";
                               position: absolute;
                                    top: 40%;
                                  right: 100%;
                            margin-left: -10px;
                           border-width: 10px;
                           border-style: solid;
                           border-color: transparent #FFF transparent transparent;
      }
/*-- ==================================-=================================== --*/
      .shelf:hover .east {
                             visibility: visible;
                                opacity: 1;
      }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==  This is formatting for the 'west' oreinted tooltip text         == --*/
/*-- ==================================-=================================== --*/
      .shelf .west {
                                    top: -15%;
                                  right: 105%;
                            margin-left: -60px;
      }
/*-- ==================================-=================================== --*/
      .shelf .west::after {
                                content: "";
                               position: absolute;
                                    top: 40%;
                                   left: 104.5%;
                            margin-left: -10px;
                           border-width: 10px;
                           border-style: solid;
                           border-color: transparent transparent transparent #FFF;
      }
/*-- ==================================-=================================== --*/
      .shelf:hover .west {
                             visibility: visible;
                                opacity: 1;
      }
/*-- ==================================-=================================== --*/