/*
$LastChangedBy: krejzi $
$Date: 2013-12-11 00:37:38 +0100 (mer 11 déc 2013) $
*/
/* Global settings */
body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  text-align: left;
  background: #fff;
  color: #222;
  margin: 1em;
  padding: 0;
  font-size: 1em;
  line-height: 1.2em;
  margin-top:0;
}



/* Links */
a:link { color: #4183C4; text-decoration: none;}
a:visited { color: #4183C4 ! important; text-decoration: none;}
a:hover, a:focus { color: #4183C4 ! important; text-decoration: underline;}
a:active { color: #4183C4 ! important; text-decoration: none;}

div.navfooter a:link {color: #2AAA42 !important;}
div.navfooter a:visited { color: #2AAA42 ! important; text-decoration: none;}
div.navfooter a:hover, div.navfooter a:focus { color: #2AAA42 ! important; text-decoration: underline;}
div.navfooter a:active { color: #2AAA42 ! important; text-decoration: none;}

h3 a:link, h4 a:link {color: #043D77 !important;}
h3 a:visited, h4 a:visited { color: #043D77 ! important; text-decoration: none;}
h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus { color: #043D77 ! important; text-decoration: underline;}
h3 a:active, h4 a:active {color:#043D77;}

/* Book titlepage */

.book .titlepage {
  text-align: center;
  width: 92%;
  max-width: 800px;
  background: #dbddec;
  margin: 0px auto;
  padding: 0 1em;
}


.book hr {
  background: #dbddec;
  height: 2px;
  border: 0px;
  margin: 0 -1em;
  padding: 0;
}

/*div.dedication {
  padding-left: 1em;
}*/


/* Sections */
div.sect1, div.appendix, div.wrap, div.chapter, div.part,div.preface,div.toc,div.dedication {
  padding-left: .3em;
  max-width: 800px;
  margin: 0px auto;
}
@media(max-width: 1220px) and (min-height: 550px){
    div.sect1, div.appendix, div.wrap, div.chapter, div.part,div.preface,.book .toc,div.dedication {
      margin: 0px auto;
    }
}

@media(max-width:1050px),(max-width:1050px) and (min-width: 800px) and (max-height: 550px){

    div.sect1, div.appendix, div.wrap, div.chapter, div.part,div.preface,.book .toc, div.dedication {
      margin-left: 120px;
    }
}

@media(max-width:550px),(max-width: 800px) and (max-height: 550px){
    div.sect1, div.appendix, div.wrap, div.chapter, div.part,div.preface,.book .toc, div.dedication {
      margin: auto;
      margin-left: 7vmin;
    }
}



div.important ul {
  padding-left: 1.5em;
  list-style-type: disc;
}

div.important ul li p {
  margin: 0px;
  padding: 0px 0.6em;
}

.package, .kernel, .installation, .commands, .testing, .configuration, .content {
  padding: 0 .5em .2em 0;
  margin: 0;
}

.lfs .package {
    margin: 1em;
    padding: 0.2em 0.5em 0.75em 1.5em;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
    border-radius: 4px;
    position: relative;
    line-height: 1.4;
}

.lfs .configuration {
  background:   #fefefe;
  border-top: 0.2em solid #dbddec;
}

.lfs .content {
    margin: 1em;
    padding: 0.2em 0.5em 0.75em 1em;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
    border-left: 0.5em solid #444;
    border-radius: 4px;
    position: relative;
    line-height: 1.4;
}


/* Headers */
h1, h2, h3, h4, h5, h6, b, .strong {
  color: #000;
  font-weight: bold;
  line-height: 1em;
}

h1 {
  font-size: 173%;
  text-align: left;
}

.book h1 {
  text-align: center;
  margin: 0;
  padding: 0.7em;
}

.preface h1, .part h1, .chapter h1, .appendix h1, .index h1, .sect1 h1, .wrap h1 {
  background: none; /*#f5f6f7;*/
  border-bottom: 1px solid #EEE; /*1em solid #dbddec;*/
  margin-bottom: 1em;
  margin-top: 0;
  padding: .4em;
}

h1.title sup {
  font-size: small;
}

h2 {
  font-size: 144%;
  border-bottom: 1px solid #EEE;
  padding: .3em;
}
.titlepage h2, div.navheader  h2 {
  font-size: 120%;
  border-bottom: none;
  padding: .25em;
}

.book h2.subtitle {
  margin: 0;
  padding: 0.2em;
}

.appendix h2 {
  font-size: 133%;
  margin-top: .8em;
  margin-bottom: 0.2em;
}

h3 {
  font-size: 120%;
  border-bottom: 1px solid #EEE;
  padding: .25em;
}

h4 {
  font-size: 110%;
  border-bottom: 1px solid #EEE;
  padding: .2em;
}

.titlepage h3, div.navheader  h3 {
  font-size: 120%;
  border-bottom: none;
  padding: .25em;
}

.titlepage h4, div.navheader h4 {
  font-size: 110%;
  border-bottom: none;
  padding: .2em;
}

@media(max-width:550px){
    .titlepage h2, div.navheader  h2 {
      font-size: 4.7vmin;
      border-bottom: none;
      padding: .25em;
    }
    .titlepage h3, div.navheader  h3 {
      font-size: 4.5vmin;
      border-bottom: none;
      padding: .25em;
    }
    .titlepage h4, div.navheader h4 {
      font-size: 4.3vmin;
      border-bottom: none;
      padding: .2em;
    }
}


.package h4, h5, h6 {
  font-size: 100%;
  font-style: italic;
}


/* Navigation */
div.navheader {
  background: #dbddec;
  padding: 0.1em .5em;
  margin: 0px auto;
  border-bottom: 2px solid #dbddec;
  width: 100%;
  max-width: 800px;
  max-height: 85px;
  z-index: 1000;
}

div.navheader ul {
  display: none;
}

div.navfooter{}


@media(max-width: 1220px) and (min-height: 550px){
    
    div.navheader {
      border-bottom: 1px solid #dbddec;
      max-width: 800px;
      max-height: 150px;
      z-index: 1000;
      min-height: 50px;
      height: auto;
      width: auto;
      margin: 0px auto;
    }
    
}

@media(max-width:1050px),(max-width:1050px) and (min-width: 800px) and (max-height: 550px){
    div.navheader{
        margin-left: 120px;
        height: auto;
        width: auto;
    }
}

@media(max-width:550px),(max-width: 800px) and (max-height: 550px){
    
    div.navheader{
        height: auto;
        width: auto;
        margin-left: 0;
    }
}


div.navheader h4 {
  margin-top: .4em;
  margin-bottom: 0;
  text-align: center;
}

div.navheader h3 {
  margin-top: .2em;
  margin-bottom: 0;
  text-align: center;
}

div.navfooter ul{
    position: relative;
    margin: 0;
    padding: 0;
    height: 0;
    width:0;
}

div.navheader ul li, div.navfooter ul li {
/*  display: inline;*/
}

div.navheader ul li.prev, div.navfooter ul li.prev {
  position: fixed;
  display: block;
  left: 0;
  text-align: left;
  padding: 0.2em 1em;
  margin-left: 6px;
  top: 50%;
  max-width: 170px;
}

div.navheader ul li.next, div.navfooter ul li.next {
  position: fixed;
  display: block;
  text-align: right;
  right: 5px;
  padding: 0.2em 1em;
  margin-right: 7px;
  top: 50%;
  max-width: 170px;
}

div.navheader ul li.prev p, div.navfooter ul li.prev p,
div.navheader ul li.next p, div.navfooter ul li.next p {
  padding: 0;
  margin: 1px 0px;
  max-width: 170px;
  font-size: 90%;
}

div.navheader ul li.home, div.navfooter ul li.home {
  position: fixed;
  text-align: left;
  left: 0px;
  padding: 0.2em 1em;
  margin: 0px auto;
  display: block;
  color: #dbddec;
  top: 110px;
  margin-left: 6px;
  max-width: 200px;
}

div.navheader ul li.up, div.navfooter ul li.up {
  position: fixed;
  text-align: left;
  left: 0px;
  padding: 0.2em 1em;
  margin: 0px auto;
  display: block;
  color: #dbddec;
  top: 70px;
  margin-left: 6px;
  max-width: 200px;
}

div.navheader ul li.up a, div.navfooter ul li.up a {
  display: block;
  padding: 10px 5px 10px 28px;
  background: url(../images/chevron-top.png) no-repeat left center;
  background-size: 20px 20px; 
}

div.navheader ul li.home a, div.navfooter ul li.home a {
  display: block;
  padding: 10px 5px  10px 28px;
  background: url(../images/grid-three-up.png) no-repeat left center;
  background-size: 20px 20px; 
}

div.navheader ul li.prev a, div.navfooter ul li.prev a {
  display: block;
  padding: 10px 5px  10px 35px;
  background: url(../images/chevron-left.png) no-repeat left center;
  background-size: 28px 28px; 
}

div.navheader ul li.next a, div.navfooter ul li.next a{
  display: block;
  padding: 10px 35px 10px 5px;
  background: url(../images/chevron-right.png) no-repeat right center;
  background-size: 28px 28px; 
}

@media(max-width: 1220px) and (min-height: 550px){
    div.navheader ul li, div.navfooter ul li{
        width: 120px;
    }
    
    div.navheader ul li.prev p, div.navheader ul li.next p,
    div.navfooter ul li.prev p, div.navfooter ul li.next p{
        text-align: center;
        height: 10vh;
/*        white-space: nowrap;*/
        overflow: hidden;
/*        text-overflow: ellipsis;*/
    }
    
            div.navheader ul li.prev p:after, div.navheader ul li.next p:after, div.navfooter ul li.prev p:after, div.navfooter ul li.next p:after{
      content: "";
      text-align: right;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 2.8em;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
    }
    
    
    div.navheader ul li.prev, div.navfooter ul li.prev {
      position: fixed;
      display: block;
      left: 0;
      top: 45vh;
      padding: 0;
      margin: 0;
    }
    
    div.navheader ul li.prev a, div.navfooter ul li.prev a{
      display: block;
      text-align: center;
      left: 0;
      padding: 10vh 0 0 0;
      background: url(../images/chevron-left.png) no-repeat center 5vh;
      background-size: 25px 25px; 
    }


    div.navheader ul li.next, div.navfooter ul li.next {
      position: fixed;
      display: block;
      left: 0;
      top: 70vh;
      padding: 0;
      margin: 0;
    }
    
    div.navheader ul li.next a, div.navfooter ul li.next a {
      display: block;
      text-align: center;
      left: 0;
      padding: 10vh 0 0 0;
      background: url(../images/chevron-right.png) no-repeat center 5vh;
      background-size: 25px 25px; 
    }

    div.navheader ul li.home, div.navheader ul li.up,
    div.navfooter ul li.home, div.navfooter ul li.up {
      position: fixed;
      padding: 0;
      display: block;
      color: #dbddec;
      left: 0;
      margin: 0;
    }


    div.navheader ul li.home, div.navfooter ul li.home{
      top: 25vh;
    }
    div.navheader ul li.up, div.navfooter ul li.up{
      top: 5vh;
    }
    
    div.navheader ul li.home a, div.navfooter ul li.home a{
      display: block;
      text-align: center;
      left: 0;
      padding: 10vh 0 0 0;
/*      height: 10vmin; */
      background: url(../images/grid-three-up.png) no-repeat center 5vh;
      background-size: 25px 25px; 
    }
    
    div.navheader ul li.up a, div.navfooter ul li.up a{
      display: block;
      text-align: center;
      left: 0;
      padding: 10vh 0 0 0;
      background: url(../images/chevron-top.png) no-repeat center 5vh;
      background-size: 25px 25px; 
    }
  
}

@media(max-width:550px),(max-width: 1220px) and (max-height: 550px){
    
    div.navheader ul li.prev p, div.navfooter ul li.prev p,
    div.navheader ul li.next p, div.navfooter ul li.next p
    {
      display: none;
    }
    
    
    div.navheader ul li.prev, div.navfooter ul li.prev {
      position: fixed;
      display: block;
      left: 0;
      top: 60vmin;
      padding: 0;
      margin:0;
    }
    
    div.navheader ul li.prev a, div.navfooter ul li.prev a{
      display: block;
      width: 0; 
      left: 0;
      padding: 5vmin 0 5vmin 8vmin;
      text-indent: 15vmin;
      height: 10vmin; 
      background: url(../images/chevron-left.png) no-repeat center center;
      background-size: 6vmin 6vmin; 
      overflow: hidden;
    }


    div.navheader ul li.next, div.navfooter ul li.next {
      position: fixed;
      display: block;
      left: 0;
      top: 80vmin;
      padding: 0;
      margin:0;
    }
    
    div.navheader ul li.next a, div.navfooter ul li.next a{
      display: block;
      width: 0; 
      left: 0;
      padding: 5vmin 0 5vmin 8vmin;
      text-indent: 15vmin;
      height: 10vmin; 
      background: url(../images/chevron-right.png) no-repeat center center;
      background-size: 6vmin 6vmin; 
      overflow: hidden;
    }

    div.navheader ul li.home, div.navheader ul li.up,
    div.navfooter ul li.home, div.navfooter ul li.up {
      position: fixed;
      padding: 0;
      margin:0;
      display: block;
      color: #dbddec;
      left: 0;
    }


    div.navheader ul li.home, div.navfooter ul li.home{
      top: 40vmin;
    }
    div.navheader ul li.up, div.navfooter ul li.up{
      top: 20vmin;
    }
    
    div.navheader ul li.home a, div.navfooter ul li.home a{
      display: block;
      width: 0; 
      padding: 5vmin 0 5vmin 8vmin;
      text-indent: 15vmin;
      height: 10vmin; 
      background: url(../images/grid-three-up.png) no-repeat center center;
      background-size: 6vmin 6vmin; 
      overflow: hidden;
    }
    
    div.navheader ul li.up a, div.navfooter ul li.up a{
      display: block;
      width: 0; 
      padding: 5vmin 0 5vmin 8vmin;
      text-indent: 15vmin;
      height: 10vmin; 
      background: url(../images/chevron-top.png) no-repeat center center;
      background-size: 6vmin 6vmin; 
      overflow: hidden;
    }
    
}

/* TOC */
div.toc ul, div.index ul, div.navheader ul, div.navfooter ul {
  list-style: none;
}

li.preface, .part li.appendix {
  margin-left: 1em;
}

div.toc h3 {
  margin: 1em 0 .3em 0;
}

li.appendix h3, li.glossary h3, li.index h3 {
  margin: .5em
}

div.toc h4 {
  margin: .6em 0 .2em 0;
}

li.chapter h4 a {
  display: block;
  margin-bottom: .4em
}

.dummy {
  display: block;
  font-weight: bold;
  font-size: 110%;
  margin: .6em 0 .2em 0;
}


/* Index */
.item {
    float: left;
    margin-right: 1em
}

.secitem {
    font-weight: normal;
    float: left;
    margin-right: 1em
}

.indexref {
    display: block;
}

.item + .indexref {
    margin-left: 20em;
}

.secitem + .indexref {
    margin-left: 19em;
}


/* Admonitions */
div.admon img {
  padding-top: 10px;
  margin-left: 1.1em;
}

div.admon h3 {
  display: inline;
/*  margin-left: 2em;*/
 margin-bottom: 50px;
}

div.admon p {
  margin-left: .5em;
  padding-bottom: .4em;
}

div.admon pre {
  margin: 0.5em 3em;
}

div.note, div.tip {
    margin: 1em;
    padding: 0.2em 0.5em 0.75em 0.75em;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
    border-left: 0.5em solid #F9FF00;
    border-radius: 4px;
    position: relative;
    line-height: 1.4;
  
}

div.important, div.warning, div.caution {
    margin: 1em;
    padding: 0.2em 0.5em 0.75em 0.75em;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
    border-left: 0.5em solid #dc322f;
    border-radius: 4px;
    position: relative;
    line-height: 1.4;
}

div.important h3, div.warning h3, div.caution h3 {
  color: #900;
}

div.important em, div.warning em, div.caution em {
  color: #000;
  font-weight: bold;
}


/* table */
.table p.title {
  text-align: center;
  margin-top: 0;
  margin-bottom: .3em;
}

.table table {
  margin-left: auto;
  margin-right: auto;
}

.table table th, .table table td {
  padding: 0.2em 2em 0.2em 2em;
  text-align: left;
}

.revhistory {
  padding-left: 1em;
}

.revhistory th {
  line-height: 2em;
  text-align: left;
}

.revhistory td {
  padding-right: 1em;
}


/* variablelist as table */
.variablelist table {
  width: auto;
  margin: 0 1em 0 1em;
}

.variablelist td {
  vertical-align: top;
  min-width: 100px;
  padding: 0;
}

@media(max-width:700px){
    .variablelist td {
      display: inline;
    }
    
    .variablelist td:nth-child(2) p{
      margin-left: 2em;
    }
}

.variablelist td span, td p {
  margin: 0.25em;
  padding:0;
}


/* variablelist as list */
dl {
  padding-left: 1em
}

dt {
  font-weight: bold;
  margin-left: 1em;
}

dd {
  margin-bottom: .6em;
  margin-left: 1em;
}

dd p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

div.materials dt {
  display: list-item;
}

div.materials dd {
  margin-left: 0;
  padding-left: 0;
}


/* segmentedlist */
.appendix .segmentedlist {
  padding-left: 1em;
}

.package .seg {
  margin-bottom: 0em;
  margin-top: 0em;
  clear: left;
}

.content .seg {
  margin-bottom: .4em;
  margin-top: .4em;
  clear: left;
}

.segtitle {
  float: left;
  padding-right: 1em;
}

.package .segbody, .appendix .segbody {
  display: block;
  padding-left: 14em;
}

.content .segbody {
  display: block;
  padding-left: 12em;
}

@media(max-width:700px){
    .segtitle {
      display: block;
      width: 100%;
    }
    .package .segbody, .content .segbody {
      display: inline;
      padding-left: 0em;
      margin-left: 1em;
    }
}

/* itemizedlist */
ul {
  padding-left: 1em
}

.itemizedlist ul {
  margin-left: 1em
}

.itemizedlist li ul {
  margin-bottom: 1.2em;
}

.itemizedlist li ul li p {
  margin-top: .5em;
  margin-bottom: .5em;
}

.itemizedlist li ul li:first-child p:first-child {
  margin-top: -.6em;
}

ul.compact {
  list-style: none;
}

.blfs ul.compact {
  list-style: disc;
}

ul.compact li {
  margin: 0em;
  padding: 0em;
}

ul.compact li p {
  padding: 0.3em;
  margin: 0em;
}

.blfs ul.compact li p {
  background-color: #f0fff0;
}

/* orderedlist */
ol {
  list-style: decimal;
}

ol ol {
  list-style: lower-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol.compact li {
  margin: 0em;
  padding: 0em;
}

ol.compact li p {
  padding: 0.3em;
  margin: 0em;
}


/* Indented blocks */
p, blockquote {
  padding-left: 1em;
  padding-right: 1em;
}


/* Monospaced elements */
tt, code, kbd, pre, .command {
  font-family: monospace;
}

.systemitem {
  font-style: italic;
}

pre {
    background-color: #e9e9e9;
    color: #333;
    margin: 1em;
    padding: 0.2em 0.5em 0.5em 2em;
    border-radius: 4px;
    position: relative;
    line-height: 1.4;
    overflow: auto;
    font-weight: bold;
}

/*pre.userinput {*/
/*}*/

/*pre.root {*/
/*}*/

pre.screen {
  font-weight: normal;
}

.literal, .prompt {
  font-weight: normal;
}


/* Mixed tags */
p.usernotes {
  margin-left: -1em;
  font-size: small;
  font-weight: bold;
  font-style: italic;
}

.underlined {
  text-decoration: underline;
}


/* Last edited info */
p.updated {
  font-size: small;
  font-weight: bold;
  font-style: italic;
}


/* Special colored blocks */
  /* OrangeRed4 */
.feature-ssp {
  color: #8B2500;
}

  /* RoyalBlue3 */
.feature-aslr {
  color: #3A5FCD;
}

  /* NavyBlue */
.feature-pax {
  color: #000080;
}

  /* VioletRed */
.feature-hardened_tmp {
  color: #d02090;
}

  /* PaleTurquoise4 */
.feature-warnings {
  color: #668b8b;
}

  /* RosyBrown */
.feature-misc {
  color: #bc8f8f;
}

  /* Sienna*/
.feature-blowfish {
  color: #8E6B23
}