html, body {
	margin:0;
	background:#191820;
	color:white;
}

a{ 
        color:#AAAAFF;
}

#header {
    margin:0;
	height:48px;
	width:100%;
	position:fixed;
    background:#191820;
    padding-top:5px;
    padding-bottom:5px;
}

#title img{
    height:42px;
	padding-top:2px;
	margin-left: 20%;
}

#content{
	margin-left: 20%;
	margin-right:20%;
	padding-top:50px;
	font-family: 'Bitter',Helvetica,Arial,sans-serif;
    color:white;
	margin-bottom:10%;
}

#toc-img{
    padding-left: 10px;
}

#toc-img:hover{
        cursor:pointer;
}

.topnav {
	float:right;
	margin-right:10px;
}


.v{
color: #AAAAFF;
font-weight: bold;
font-family:'PT Mono',sans-serif;
overflow:auto;
}

.iv{
color: #AAAAFF;
font-weight: bold;
font-family:'PT Mono',sans-serif;
display:inline;
}

.equation{
color: black;
background: rgb(240,240,240);
padding: 1em;
border: 1px dashed gray;
margin-top: 2em;
margin-bottom: 2em;
}

table{
	padding-top:15px;
	padding-bottom:15px;
}

table th{
	text-align:center;
	font-weight:bold;
	color:white;
	background:#444444;
	padding:1em;
}

table td{
	border:1px solid #AAAAAA;
	padding:1em;
}

.toc li{
 background:#444444;
 display: inline;
 list-style: none;
 padding:8px;
 padding-right:0;
 padding-left:0;
}

.toc li a{
 color:white;
}

.tocs a{
 background:orange;
}

.toc li a{
 text-decoration:none;
 padding:8px;
}

.tocd a{
 background:#AAAAAA;
}

.tab{
        color: #222222;
        text-decoration:none;
        font-size:10pt;
        background: #ebedff;
        padding:8px;
        border: 2px solid #ebedff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        margin:0;
        margin-right:8px;
        margin-top:8px;
        white-space: nowrap;
        float:left;
}

.tab:hover {
        background: #f9f08d;
        border: 2px solid #f9f08d;
}

.stab{
        color:white;
        text-decoration:none;
        font-size:10pt;
        background: #ffb400;
        padding:8px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        margin:0;
        margin-right:8px;
        margin-top:8px;
        white-space: nowrap;
        float:left;
}

.stab:hover {
        background: #ffb912 ;
}

.ntab, .ansbtn{
        font-size:12pt;
        color: white;
        text-decoration:none;
        background:#4444EE;
        padding:7px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        margin:0;
        margin-right:8px;
        margin-top:8px;
        float:left;
		font-family: verdana, arial, sans-serif;
		border:none;
}

.ntab:hover, .ansbtn:hover{
        background:orange;
}

.qna{
	padding:48px;
	float:left;
	width:80%;
	border:1px solid white;
	margin-top:15px;
	margin-bottom:15px;
	text-decoration:none;
	padding-left:88px;
	border-radius:10px;
}

.qna a {
    color: #AAAAFF;
}

.w {
	color: #af2b0e;
}

.o {
	color: #ed9212;
}

.s {
	color: #41af0e;
}

.c {
	color: #7742f4;
}

.n {
	color: #a0b285;

}

.ans {
        border: 1px solid white;
        border-radius: 10px;
        margin-top:10px;
        padding: 20px;
}

.ans a {
    color: #AAAAFF;
}

#toc-inside {
        background: #e4eff0;
}

#toc-inside table {
        width: 100%;
        padding-bottom: 100%;
        border: none;
}

#toc-inside li {
        padding-bottom:8px;
}

#toc-inside table, #toc-inside table a {
        color: rgb(24, 88, 99);
        font-family:'Bitter', serif;
}

#toc-inside table td {
        vertical-align: top;
        border: none;
}