body {

  background-color:	#d3d3d3;
  padding:		10px;
  min-width:		760px;
  color:		black;
  font-family: 		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight:		400;
  font-size:		15px;
  line-height:		160%;

}

.blocks {

  background-color:	white;
  border:		2px solid #c3c3c3;
  margin:		2px;
  padding:		10px;
  clear:		both;

}

#container {

  max-width:		1308px;

}

#header {

  margin-bottom:	0px;
  overflow:		hidden;
  text-align:		center;
  background:		#000000 url(images/title.png) repeat-x;
  color:		#EEEEEE;
  font-family:		"Palatino", "Palatino Linotype", "Palatino LT STD", "Book Antiqua", "Georgia", "serif";
  font-size:		24px;
  border:		2px black solid;
  max-width:		1280px;

}

#inner { 

  margin-right:		1px;

}

#inner2 { 

  margin-left:		1px;
  padding:		10px 20px 10px 20px;

}

#inner2 .navlinks {

  width:		100%;
  border:		2px solid #c3c3c3;
  padding:		5px;

}

#menu {

  float:		left;
  clear:		none;
  width:		22%;

}

#menu .menulist {

  margin:		0px;
  border:		0px;
  padding-left:		20px;

}

#menu .menulist li {

  margin:		2px 0px 2px 0px;

}

#menu .menulist li .menulist {

  padding-left:		8px;

}

.menulist li a {

  text-decoration:	none;

}

#main {

  clear:		none;
  float:		left;
  width:		78%;

}

#footer {

  overflow:		hidden;
  text-align:		center;
  margin-top:		0px;
  max-width:		1280px;

}

#footer p {

  margin:		8px 0px 0px 0px;

}

#validate {

  float:		right;
  margin-left:		5px;

}

#licence {

  float:		left;
  margin-right:		5px;

}

#generated {

  margin-top:		10px;
  text-align:		right;
  font-style:		italic;
  font-size:		small;

}

#validate a img {

  border:		0px;

}

pre, .chunk {

  font-family:		"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  margin-left:		10px;

}

#inner2 > pre, #inner2 > ul > li > pre, .source, .output, .message {

  background-color:	#f5f5f5;
  padding-left:		10px;
  white-space:		pre-wrap;
  word-break:		break-all;
  overflow-wrap:	break-word;
  display:		block;

}

.error, .warning {

  padding-left:		10px;
  white-space:		pre-wrap;
  word-break:		break-all;
  overflow-wrap:	break-word;
  display:		block;
  font-weight:		bold;

}

.error {

  color:		red;

}

.warning {

  color:		darkorange;

}

.knitr {

  margin:		4px;
  white-space:          pre-wrap;
  word-break:           break-all;
  overflow-wrap:        break-word;

}

code {

  font-family:		"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-style:		normal;
  background-color:	#f5f5f5;
  padding:		2px;

}

li .chunk {

  margin-top:		5px;
  margin-bottom:	5px;

}

#inner2 > img, .rimage {

  margin-left:		25px;
  max-width:		90%;

}

#release {

  width:		30%;
  margin-left:		5px;
  padding:		2px;
  float:		right;

}

#release table {

  width:		100%;

}

#release .release-right {

  text-align:		right;

}

.about-box {

  margin-top:		5px;
  width:		100%;
  display:		inline-table;
  clear:		both;

}

.about-left {

  float:		left;
  width:		44%;

}

.about-right {

  float:		left;
  width:		53%;

}

.about-right .photo,.book-right .photo {

  float:		right;
  margin-right:		10px;

}

.about-left .photo,.about-left #picture {

  margin-left:		0px;
  border:		0px;
  width:		95%;
  max-width:		250px;

}

.book-left {

  float:                left;
  width:                69%;

}

.book-right {

  float:                right;
  width:                29%;

}

.bnrep-left {

  float:                left;
  display:		block;
  width:                69%;

}

.bnrep-left img {

  max-width:		90%;

}

.bnrep-right {

  float:                right;
  display:		block;
  width:                29%;


}

#menu .photo {

  width:		120px;
  margin-top:		20px;
  border:		0px;

}

.booklink {

  margin-left:		10px;

}

.booklink a {

  text-decoration:	none;

}

.bnrep {

  width:		50%;
  margin-bottom:	10px;
  margin-left:		auto;
  margin-right:		auto;

}

.bnrep th {

  padding-left:		5px;
  padding-right:	5px;
  border:		1px solid #c3c3c3;
  font-size:            1.17em;
  font-weight:          bold;
}

.bnrep td {

  vertical-align:	top;
  padding:		5px 5px 5px 10px;
  border-bottom:	1px solid #c3c3c3;
  border-left:		1px solid #c3c3c3;
  border-right:		1px solid #c3c3c3;

}

.toc {

  padding-left:		20px;
  counter-reset:	item;
  list-style-type:	none;

}

.toc > li {

  padding-bottom:	20px;

}

.toc li h3 {

  display:		inline;

}

.toc li:before { 

  content:		counters(item, ".") " ";
  counter-increment: 	item;

}

.toc2 {

  padding-left:		20px;
  counter-reset:	item;
  list-style-type:	none;

}

.toc3 {

  padding-left:		20px;
  counter-reset:	item;
  list-style-type:	none;

}

.toc4 {

  padding-left:		20px;
  counter-reset:	item;
  list-style-type:	none;

}

.app {

  padding-left:		20px;
  counter-reset: 	letter;
  list-style-type:	none;

}

.app > li {

  padding-bottom:	20px;

}

.app li h3 {

  display:		inline;

}

.app li:before {

  content:		counter(letter, upper-alpha);
  counter-increment:	letter;
  margin-right:		5px;

}

.app2 {

  padding-left:		20px;
  counter-reset:	subitem;
  list-style-type:	none;

}

.app2 li:before {

  content:              counter(letter, upper-alpha) "." counter(subitem, decimal);
  counter-increment:    subitem;
  margin-right:         5px;

}

.rcode .error pre {

  word-break:		normal;
  white-space:		normal;

}

/* iPad-specific hacks. */  
@media only screen and (min-device-width : 600px) and (max-device-width : 768px) {

  body {

    min-width:		initial;
    padding-left:	1px;
    padding-right:	3px;

  }

  .booklink {

    margin:		auto;
    text-align:		center;

  }

  .bnrep-left,.bnrep-right {

    margin:             auto;
    clear:              left;
    width:              100%;
    display:            block;

  }

}

/* mobile-specific hacks */
@media only screen and (min-device-width : 320px) and (max-device-width : 599px) {

  body {

    min-width:		320px;
    padding:		0px;
    margin:		0px;

  }

  #inner2 {

    margin:		2px;
    margin-right:	1px;
    display:		block;

  }

  #menu,#main,.about-left,.about-right,.book-left,.book-right,.bnrep-left,.bnrep-right {

    margin:		auto;
    clear:		left;
    width:		100%;
    display:		block;

  }

  .bnrep-left{

    margin-top:		10px;
    padding-top:	10px;
    border-top:		2px solid black;

  }

  .about-left,.about-right,.bnrep-left,.bnrep-right { 

     float:		center;

  }

  .about-left #picture,.bnrep-left img {

    width:		90%;
    margin-left:	0px;

  }

  .book-right .photo {

    margin-top:		10px;

  }

  #menu .menulist li {

    margin:		10px 0px 10px 0px;

  }

  #release {

    position:		relative;
    float:		center;
    width:		90%;

  }

  #header,#footer { 

    display:		block;

  }

  #inner2 ul, #inner2 ol {

    padding-left:	5px;

  }

  .toc,.toc2,.toc3 {

    margin-left:	0px;
    padding-left:	0px;

  }

  #inner2 pre {

    margin-left:	5px;
    font-size:		x-small;

  }

  .rimage img {

    width:		90%;

  }

  .bnrep {

    width:		100%;

  }

  .bnrep tr th:nth-child(4), .bnrep tr td:nth-child(4) {

    display:            none;

  } 

}