/*
-- Typefaces --------------------------------------------------- */

@font-face
   {
   font-family               : "LucidaCasD";
   font-weight               : normal;
   src                       : url("Resources/Fonts/LucidaCasD.ttf");
   }

@font-face
   {
   font-family               : "Roboto Mono Medium";
   font-weight               : normal;
   src                       : url("Resources/Fonts/RobotoMono-Medium.ttf");
   }

/*
-- Body -------------------------------------------------------- */

body
   {
   /*
   font-family               : candara, verdana, 'sans serif'; */

   font-family               : verdana, 'sans serif';
   margin                    : 0;
   font-size                 : 1.0em;

   }

#BodyContent
   {
   width                     : 33.0rem;
   padding-top               :  2.6rem;
   margin-left               : 13.0rem;
   }

em { font-style : normal; }

/*
-- Master ToC -------------------------------------------------- */

#MasterToC
   {
   background                : url("Resources/00_CommonGraphics.svg") no-repeat;
   background-size           : 117% auto;
   background-color          : #FFFFFF;
   background-position       : 1em -48.4rem;

   font-family               : "LucidaCasD";

   width                     : 11.5rem;
   height                    : 100%;

   padding                   : 5.4rem 0.5rem 0 1rem;

   position                  : fixed;

   }

#MasterToC h1
   {
   color                     : #116f8f;

   font-size                 : 1.00rem;
   letter-spacing            : 0.05em;

   padding-left              : 0.2rem;
   margin                    : 0.4rem 0 0.2rem 0;

   }

#MasterToC a
   {
   color                     : #0d6f93;

   font-size                 : 0.80rem;

   padding                   : 0.10rem 0 0.1rem 0.3rem;
   margin-bottom             : 0.35rem;

   display                   : block;

   }

/*
-- Chapter ToCs ------------------------------------------------ */

div.ChapterToC
   {
   background-color          : #B0B0B0;

   text-overflow             : ellipsis;

   padding                   : 0.4rem 0.2rem 0 0.2rem;

   border                    : 0.1em solid #909090;
   border-bottom             : none;
   border-radius             : 0.35rem;

   }

div.ChapterToC:first-child  { margin-top : 0.5rem; }

div.Sidebar_Narrow div.ChapterToC:last-child,
div.Sidebar_Medium div.ChapterToC:last-child,
div.Sidebar_Wide   div.ChapterToC:last-child { border-bottom-color : #909090; }

div.ChapterToC a
   {
   background                : url("Resources/00_CommonGraphics.svg") no-repeat right bottom;
   background-size           : 6rem auto;
   background-position       : right -5.5rem top -9.75rem;
   background-repeat         : no-repeat;

   color                     : #373737;

   font-family               : LucidaCasD;
   font-size                 : 0.75rem;
   white-space               : nowrap;

   padding-right             : 0.6rem;

   border-bottom             : none;
   margin-bottom             : 0.6rem;

   display                   : inline-block;

   }

div.ChapterToC a:last-child { margin-bottom : 0.6rem;  }

/*
-- Headings ---------------------------------------------------- */

#MasterToC    h1,
#MasterToC    h2,
div.Section > h1,
div.Section > h2 { font-weight : normal; }

h1.ChapterTitle,
div.Section > h2
   {
   font-family               : "LucidaCasD";
   line-height               : 1.5;
   overflow                  : hidden;
   white-space               : nowrap;
   text-overflow             : ellipsis;
   padding                   : 0;
   }

h1.ChapterTitle
   {
   font-size                 : 1.5rem;
   color                     : #116f8f;
   letter-spacing            : 0.05rem;
   margin                    : 0 0 0.6rem 0;
   }

div.Section > h2
   {
   font-size                 : 0.95rem;
   color                     : #0c5d78;
   letter-spacing            : 0.03em;
   margin                    : 0 0 -0.15rem 0;
   }

div.DemoBox h1,
div.DemoBox h2 { font-family : inherit; }

/*
-- Sections ---------------------------------------------------- */

div.Section
   {
   clear                     : both;
   overflow                  : hidden;
   }

div.SectionDivider
   {
   background                : url("Resources/00_CommonGraphics.svg") no-repeat;
   background-position       : 0 -35rem;
   background-size           : 72em auto;

   width                     : 77%;
   height                    : 2rem;

   margin                    : 0 auto;

   }

div.EndOfChapter
   {
   background                : url("Resources/00_CommonGraphics.svg") no-repeat;
   background-position       : 0 -15rem;
   background-size           : 72em auto;

   width                     : 80%;
   height                    : 7rem;

   margin                    : 0 auto;
   clear                     : both;

   }

/*
-- Sidebars ---------------------------------------------------- */

div.Sidebar_Narrow
   {
   width                     : 12.1rem;
   margin                    : 0 0 1% 2%;
   float                     : right;
   }

div.Sidebar_Medium
   {
   width                     : 15.0rem;
   margin                    : 0 0 1% 2%;
   float                     : right;
   }

div.Sidebar_Wide
   {
   width                     : 18.05rem;
   margin                    : 0 0 1% 2%;
   float                     : right;
   }

div.Sidebar_Wide   img,
div.Sidebar_Wide   svg,
div.Sidebar_Medium img,
div.Sidebar_Medium svg,
div.Sidebar_Narrow img,
div.Sidebar_Narrow svg            { width : 100%; }

div.Sidebar_Medium svg.SideBySide,
div.Sidebar_Medium img.SideBySide,
div.Sidebar_Wide   svg.SideBySide,
div.Sidebar_Wide   img.SideBySide { width : 47%;  }

*.FullWidth
   {
   width                     : 100%;
   margin-bottom             :   3%;
   }

/*
-- Links ------------------------------------------------------- */

a:hover { text-decoration : underline; }

a
   {
   color           : #000000;
   text-decoration : none;
   }

a.Link_Forward_Kerned_0,
a.Link_Forward_Kerned_1,
a.Link_Forward,

a.Link_Back_Kerned,
a.Link_Back,

a.Link_Above,
a.Link_Below,

a.Link_External,
a.Link_External_Kerned
   {
   background      : url("Resources/00_CommonGraphics.svg") no-repeat;
   background-size : 6rem auto;
   }

a.Link_Forward_Kerned_0 { background-position : right -5.38rem top -09.19rem; padding-right : 0.45rem; }
a.Link_Forward_Kerned_1 { background-position : right -5.40rem top -09.19rem; padding-right : 0.25rem; }
a.Link_Forward          { background-position : right -5.43rem top -09.20rem; padding-right : 0.60rem; }

a.Link_Back_Kerned      { background-position : left   0.20em  top -11.75rem; padding-left  : 0.50rem; }
a.Link_Back             { background-position : left   0.00em  top -11.75rem; padding-left  : 0.60rem; }

a.Link_Above            { background-position : left   0.25rem top -06.30rem; padding-left  : 0.50rem; }
a.Link_Below            { background-position : right -5.55rem top -09.85rem; padding-right : 0.50rem; }

a.Link_External         { background-position : right -5.49rem top -07.80rem; padding-right : 0.50rem; }
a.Link_External_Kerned  { background-position : right -5.49rem top -07.80rem; padding-right : 0.50rem; }

/*
-- Body Copy --------------------------------------------------- */

div.Section > p
   {
   color                     : #404040;
   line-height               : 1.55;
   font-size                 : 0.7rem;
   }

p
   {
   margin-top                : 0;
   }

p.SearchTerms
   {
   font-style                : italic;
   margin-left               : 3%;
   }

span.Highlighted
   {
   background-color          : #404040;
   color                     : #E0E0E0;
   }

p.BlockQuote
   {
   font-style                : italic;

   margin-left               : 1rem;
   margin-right              : 1rem;

   }

/*
-- Code and Examples ------------------------------------------- */

*.CodeStr { font-family: "Roboto Mono Medium"; }

a span.CodeStr
   {
   text-decoration           : none;
   line-height               : 1.2;
   }

div.CodeBox pre
   {
   font-family               : "Roboto Mono Medium", monospace;
   line-height               : 1.3;

   word-wrap                 : normal;
   overflow                  : hidden;
   text-overflow             : ellipsis;

   margin                    : 0;

   }

div.Example
   {
   margin-bottom             :  2.5%;
   overflow                  : hidden;
   }

div.Example > div:first-child { border-top        : 0.1rem solid #A0A0A0; }
div.Example > div:last-child  { border-bottom     : 0.1rem solid #A0A0A0; }
div.DemoBox
   {
   font-size                 : 0.7rem;
   border-bottom             : 0.1rem solid #A0A0A0;
   overflow                  : hidden;
   }

div.Example   pre             { font-size         : 0.6rem;               }

div.Example   p
   {
   margin-top                : 0;
   margin-bottom             : 0.5rem;
   }

div.Example > div
   {
   background-color          : #B0B0B0;

   padding                   : 0.5rem 0.3rem 0.5rem 0.3rem;

   border-right              : 0.10rem solid #A0A0A0;
   border-bottom             : 0.10rem solid #707070;
   border-left               : 0.10rem solid #A0A0A0;
   border-radius             : 0.35rem;

   }

/*
-- Enumerations ------------------------------------------------ */

*.Enumerator
   {
   margin                    : 0 0 0.5rem 0;
   float                     : left;
   }

div.Enumeration                 { margin        : 0 0 1.0rem 0;      }
div.Enumeratee p
   {
   line-height               : 1.55;
   margin-bottom             : 0.8rem;
   }

*.SmallCaps,
span.PublishingRule,
div.Enumeratee p:first-child em { font-variant  : small-caps;        }
div.Enumeratee p:first-child em
   {
   font-style                : normal;
   font-size                 : 0.7rem;
   }

div.Enumeratee                  { margin        : 0 0 0.5rem 1.0rem; }

div.Enumeration,
*.Enumeration_Bulleted
   {
   font-size                 : 0.7rem;
   list-style-type           : none;

   margin-top                : -0.3rem;
   margin-bottom             :  0.8rem;

   }

*.Enumeration_Bulleted li
   {
   background                : url("Resources/00_CommonGraphics.svg") no-repeat;
   background-size           : 7rem auto;
   background-position       : 0 -4.2rem;
   background-repeat         : no-repeat;

   padding-left              : 0.8rem;
   margin-bottom             : 0.5rem;

   line-height               : 1.55;

   }

/*
-- Lists ------------------------------------------------------- */

ol,
ul
   {
   padding-left              : 0.1rem;
   margin-bottom             : 0.1rem;
   margin-top                : 0;
   }

/*
---------------------------------------------------------------- */

#CopyrightAssertion
   {
   width                     : 11.3rem;
   background                : linear-gradient(#FFFFFF00, 12%, #FFFFFFFF, #FFFFFFFF);
   font-size                 : 0.45rem;
   position                  : fixed;
   padding                   : 1.5rem 0 0.5rem 0.5em;
   bottom                    : 0%;
   }

#CopyrightAssertion a
   {
   background                : url("Resources/00_CommonGraphics.svg") no-repeat;
   background-size           : 6rem auto;
   background-position       : right -5.38rem top -07.80rem;

   color                     : #676767;
   font-size                 : 0.45rem;
   padding-right             : 0.70rem;

   display                   : inline;

   }