/* This CSS file will mainly focis on font - using rem, will only use em when required*/

/*
 * PRINT-SPECIFIC STUFF
 */


/* MICRO SPECIFIC
 ***************
 */

.block-comment {
	display: none;
}


 .wdoc-unfinished {
 	color: red;
 }

.top-info {
	font-size: 1.5rem;
}

 .author-block  {
	/*width: 70%;*/
	min-height: 70px;
}

.author-block img {
	margin: 0px;
	margin-left:20px;
	padding: 0px;
	float:right;
	width:80px;	
	display: block;
}

.footer-item {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

footer {
	padding: 10px;
	background-color: rgb(49,55,59);
	max-width: 100%;
}

footer p {
/*border-top: 2px dotted rgb(60,60,60);*/
/*clear: both;*/
color: rgb(255,255,255);
font-size: 0.8rem;
text-align: center;
/*font-size: 0.01rem;*/

}

body {
	margin: 0%;
	padding: 0%;
	max-width: 100%;
}

#container {
	/*background-color: aqua;*/
	margin: 0% 0%;
	padding: 0%;
	background-color: rgb(49,55,59);
}


#main {
	/*background-color: silver;*/
	padding: 0;
}


#page {
	background-color: white;
	margin: 0% 0%;
	padding: 3%;
	padding-top: 10px;

}

header {
	position: fixed;
	width: 100%;
	/*z-index: 1;*/
	height: 40px;
	background: rgb(49,55,59);
	/*font-weight: bold;*/
	max-width: 100%;
}


/*The solution is somewhere in here*/

/*The solution is over*/

a {
	color: rgb(98,110,118);
} 

footer a {
	color:rgb(255,255,255);
	text-decoration: none;
}

footer a:hover {
	color:rgb(255,255,255);
	text-decoration: underline;
}

footer a:active {
	color:rgb(80,80,80);
	text-decoration: underline;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

nav {
	max-width: 100%;
	overflow-x: hidden;
}


nav ul {
	list-style-type: none;
	padding-left: 0;
}


wdoc-elem-toc ol {
	list-style-type: none;
	padding-left: 0;
}



nav li {
	max-width: 100%;
}

#menu-button {
	padding: 8px;
	padding-left: 12px;
}

#close-button {
	padding: 8px;
	padding-left: 12px;
	/*float: right;*/
}

#sidebar {
	position: fixed;
	overflow-y: hidden;
	overflow-x: hidden;
	left: -30%;
	top: 0;
	bottom: 0;
	width: 30%;
	background-color: rgb(49,55,59);
	display: block;
	transition: left 0.5s;
	-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.34);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.34);
    z-index: 200;
    max-width: 100%;
}

/*
#sidebar-scroll-div {
	overflow-y: scroll;
	background-color: blue;
	height: 100%;
	margin-bottom: 500px;
	
}
*/




#container {
	position: absolute;
	left:0px; top:0px; right:0; bottom:0;
	transition: left 0.5s;
	z-index: 1;
	max-width: 100%;
	/*overflow-x: hidden;*/


}



/*sidbar buttons*/

nav {
	padding: 0px;
	max-width: 100%;
	margin: 0;
	border: 0;
}

nav h2 {
	color: #ccc;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 30px;
	font-size: 1.3rem;
	padding-left: 5px;
	padding-top: 10px;
	max-width: 100%;
}




nav li {
  display: block;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:12px;
  border-bottom: 1px solid rgb(98,110,118);
  /*border-top: 1px solid rgb(98,110,118);*/
  /*max-width: 100%;*/
}

nav li:first-child {
	border-top: 1px solid rgb(98,110,118);
}

nav li a {
	margin: 0;
  display: block;
  color: #ccc;
  font-size: 0.9rem;
  line-height: 1.28571em;
  font-weight: normal;
  outline: none;
  /*max-width: 100%;*/
}

nav li:hover  {
	color: #fff;
  /*background-color: rgb(255, 0, 0);*/
  background: rgba(255, 255, 255, 0.1);
}


/*
nav li a:focus, nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
nav li.is-active a {
  color: #fff;
}
*/



/* MICRO SPECIFIC - end
 ***************
 */
	
.shadow {
	-moz-box-shadow: 3px 3px 7px #000;
	-webkit-box-shadow: 3px 3px 7px #000;
	box-shadow: 3px 3px 7px #000;
}

@page {
	size: A4;
	font-family: "Computer Modern Serif", "Myriad Pro", "Palatino Linotype", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

h2 {
	page-break-before: right;
}

h1, h2, h3, h4, h5, h5 {
	page-break-after: avoid;
}

figure {
	page-break-inside: avoid;
}


/*
 * Table of contents
 */
.wdoc-elem-toc a::after {
	content: leader('.') target-counter(attr(href), page);
}


/* 
 * CSS CHAPTER STUFF
 */
/*
h1:not(.wdl-nonumber) {
	counter-reset: chaptercount sectioncount subsectioncount subsubsectioncount figurecount;
}

h2:not(.wdl-nonumber) {
	counter-reset: sectioncount subsectioncount subsubsectioncount;
}


h3:not(.wdl-nonumber) {
	counter-reset: subsectioncount subsubsectioncount;
}

h4:not(.wdl-nonumber) {
 	counter-reset: subsubsectioncount;
 }

h2:not(.wdl-nonumber):before {
	counter-increment: chaptercount;
	content: counter(chaptercount) ". ";
}


h3:not(.wdl-nonumber):before {
	counter-increment: sectioncount;
	content: counter(chaptercount) "." counter(sectioncount) ". ";
}


h4:not(.wdl-nonumber):before {
	counter-increment: subsectioncount;
	content: counter(chaptercount) "." counter(sectioncount)  "."  counter(subsectioncount)  ". ";
}

h5:not(.wdl-nonumber):before {
	counter-increment: subsubsectioncount;
	content: counter(chaptercount) "." counter(sectioncount)  "."  counter(subsectioncount) "." counter(subsubsectioncount) ". ";
}
*/

@page :left {
	margin-left: 1cm;
	margin-right: 2cm;


	@bottom-left {
		content: "Page " counter(page) " of " counter(pages);
	}

	@top-right {
		content: string(doctitle);
		margin: 30t 0 10pt 0;
		font-size: 8pt;
	}	
}


@page :right {
	margin-left: 2cm;
	margin-right: 1cm;

	/*
	@bottom-left {
		margin:10pt 0 30pt 0;
		border-top: 0.25 solid #666;
		content: "My Book";
		font-size: 9pt;
		color: #333;
	}
	*/

	@top-left {
		content: string(chaptitle);
		margin: 30pt 0 10pt 0;
		font-size: 8pt;
	}

	@bottom-right {
		content: "Page " counter(page) " of " counter(pages);
	}
}


@page :first {
	margin-left: 1cm;
	margin-right: 1cm;
}


@page :blank {
	@top-center {content: "This page is intentionally left blank."}
}




/*
 * CSS FIGURE STUFF
 */
 /*
 figcaption:not(.wdl-nonumber):before {
 	counter-increment: figurecount;
 	content: counter(chaptercount) "-" counter(figurecount) ". ";
 }
*/

/*
 * Names in header and footer
 */
h1 {
 	string-set: doctitle content();
}

h2 { string-set: chaptitle content();
}

/*
 * Cross referencing
 */

a.wdoc-ref-num:after {
 	content: " (page " target-counter(attr(href), page) ")";
 }

/* NORMAL, NON-PRINTING, STUFF

/* Notes and todos */
.wdoc-elem-notes {
	font-size: 0.4rem;
	color: rgb(0,0,255);
	/*display: none;*/
}

.wdoc-elem-todo {
	font-size: 0.4rem;
	color: rgb(255,0,0);
	/*display: none;*/
}


/*FONT*/
@font-face {
	font-family: 'Computer Modern Serif';
	src: url('CM-Serif/cmunrm.eot');
	src: url('CM-Serif/cmunrm.eot?#iefix') format('embedded-opentype'),
		 url('CM-Serif/cmunrm.woff') format('woff'),
		 url('CM-Serif/cmunrm.ttf') format('truetype'),
		 url('CM-Serif/cmunrm.svg#cmunrm') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Computer Modern Serif';
	src: url('CM-Serif/cmunbx.eot');
	src: url('CM-Serif/cmunbx.eot?#iefix') format('embedded-opentype'),
		 url('CM-Serif/cmunbx.woff') format('woff'),
		 url('CM-Serif/cmunbx.ttf') format('truetype'),
		 url('CM-Serif/cmunbx.svg#cmunbx') format('svg');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Computer Modern Serif';
	src: url('CM-Serif/cmunti.eot');
	src: url('CM-Serif/cmunti.eot?#iefix') format('embedded-opentype'),
		 url('CM-Serif/cmunti.woff') format('woff'),
		 url('CM-Serif/cmunti.ttf') format('truetype'),
		 url('CM-Serif/cmunti.svg#cmunti') format('svg');
	font-weight: normal;
	font-style: italic;
}


@font-face {
	font-family: 'Computer Modern Serif';
	src: url('CM-Serif/cmunbi.eot');
	src: url('CM-Serif/cmunbi.eot?#iefix') format('embedded-opentype'),
		 url('CM-Serif/cmunbi.woff') format('woff'),
		 url('CM-Serif/cmunbi.ttf') format('truetype'),
		 url('CM-Serif/cmunbi.svg#cmunbi') format('svg');
	font-weight: bold;
	font-style: italic;
}


/*
html {
	font-size: 100%;
	font-family: "Myriad Pro", "Computer Modern Serif", "Palatino Linotype",  "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	padding-left: 5rem;
	padding-right: 5rem;
}
*/


html {
	font-size: 100%; /* 16 px */
	/*font-family: "Palatino Linotype";*/
	font-family: 'Open Sans', sans-serif;	
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-family:  "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color: rgb(49,55,59);
	/*font-weight: 100;*/
	/*background-color: rgb(0,0,255);*/
	overflow-x: hidden; /*stops horizontal scrolling */
	margin: 0%;
	padding: 0%;
	max-width: 100%;

}

.wdl-hnum {
	margin-right: 1rem;
	/* maybe need separate ones for each heading - see how it looks*/
}

.wdl-contents-level-0 {
	font-weight: bold;
}

.wdl-toc-num {
	margin-right: 1rem;
}

.wdoc-elem-toc ol {
	list-style-type: none;
	padding-left: 0;
}

.wdoc-elem-doc-hierarchy ol {
	list-style-type: none;
}

.wdoc-elem-doc-hierarchy {
	/*display: none;*/
}

h1 {
	padding: 0rem;
	font-size: 3rem;
	/*text-align: center;*/
	margin-bottom: 1rem;
}

h2 {
	padding: 0rem;
	margin-top: 2.2rem;
	margin-bottom: 0.2rem;
	font-size: 2.1rem;
}

h3 {
	padding: 0rem;
	font-size: 1.4rem;
	margin-top: 1.3rem;
	margin-bottom: 0.2rem;
}

h4 {
	padding: 0rem;
	font-size: 1.1rem;
	margin-top: 1.0rem;
	margin-bottom: 0.2rem;
}

h5 {
	padding: 0rem;
	font-size: 1.0rem;
}

h6 {
	padding: 0rem;
	font-size: 1.0rem;
}

p {
	margin-top: 0.7rem;
	padding: 0rem;
	font-size: 1rem;
	text-align: justify;
	margin-bottom: 0.2rem;
}

ul, ol {
	/*padding: 0rem;*/
	font-size: 1rem;
	text-align: justify;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

li {
	margin-top: 0.1rem;
}



/*WDOC Element styling*/
.wdoc-elem-abstract p {
	/*color: rgb(255,0,0);*/
	/*padding-left: 7rem;*/
	/*padding-right: 7rem;*/
	font-size: 1.8rem;
	font-weight: lighter;
	text-align: left;
	color: rgb(80,80,80);

}

.wdoc-elem-abstract h2 {
	font-size:1.15rem;
	text-align: center;
}


img {
	max-width: 70%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


table, th, td {
	border: 1px solid black;
	padding: 5px;
}

table {
	border-collapse: collapse;
	margin: 20px;
}

td {
}


pre {
	max-width: 100%;
	/*word-wrap: break-word;*/

}

pre.prettyprint{
    width: auto;
    overflow: auto;
    /*max-height: 600px*/
    margin-top: 0.2rem;
    margin-bottom: 1.2rem;
    color: rgb(255,255,255);
    
}

/* desert scheme ported from vim to google prettify */
pre.prettyprint { display: block; background-color: rgb(69,75,79) }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}