body{
   font-size:100%;
   color:#444;
   background:#fff;
}


/* All other devices over smart phone landscape*/
@media only screen and (min-width: 481px){
    body{
       width:80%;
       margin:0 auto;
    }
    
    h1,h2,h3,h4{
        text-shadow: 0.5px 0.5px 0.5px #777;
    }

}

/* For print only */
@media only print{

    body{
       background:#fff;
       color:#000
    }
    figure{
      border-top: 1pt #000 solid;
      border-bottom: 1pt #000 solid;
      padding: 5pt;
      text-align:center;
      margin:0 auto;
    }
    
    pre{
    orphans:10;
    font-size:0.8em;
    color:#c00;
    font-family:Courier, monospace;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    padding:1em;
    white-space: pre;
    overflow:auto
    }
    
    nav,.page-nav{
      display:none;
    }
    
	a {
	  text-decoration:none;	
	  color: #000;
	}
	a:after{content:" <" attr(href) "> ";font-size:0.8em;font-weight:normal;color:blue}
	
	
}

/* For screen only */
@media only screen{
    figure{
      border: 1px #0a0 solid;
      padding: 5px;
      min-width:381px;
      max-width:400px;
      text-align:center;
      margin-left:0;
    }

    pre{
    font-size:1.2em;
    color:#333;
    font-family:Hack,Courier, monospace;
    border: 1px #333 inset;
    padding:1em 1em 1em 1em;
    background:#fee;
    white-space: pre;
    overflow:auto
    } 
    
    #content ul li{
       color:#030;
       list-style-type:square
    }
 
    #content ol li{
       color:#030;
    }

 
    #content a{
      color:#006
    }
    
    #content a:hover{
      color:#002;
      background:#ddd
    }
 
    nav{
		display:flex;
		flex-flow: row wrap;

 	}

    
	
    nav a:hover{
      color:#002;
      background:#ddd;
    }
	
    nav a{
      text-decoration:none;
      padding:0.5em;
	  color:#006;

    }
  
     
    nav span{
		padding:0.5em;
	}
	
	nav div{
		padding:0.5em;		
	}
    .current{
		color:#f00;
    }
	
	.top{
		border-bottom: 1px dashed #000;		
	}
  
	.bottom{
		border-top: 1px dashed #000;		
	}

	/* This is JS page-menu created by submenu_maker.js */
    .page-nav{
		list-style:none;
		/*float:right;*/
		background:#eee;
		line-height:1.6;
		padding:1em 0.5em 1em 1em;
	}
	
	.page-nav a{
		text-decoration:none;
		
	}
	
}

blockquote{
   font-style:italic;
   color:#033
}

figure{
 /*transform:rotate(5deg);*/
}

figure img{
  margin-bottom: 0.5em;
}

figcaption{
  font-style: italic;
  color:#0a0;
  border-top: 1px #0a0 solid;
  padding:1em;
}

p{
font-size: 1.1em;
line-height:1.6em;
}

nav, p, footer,.page-nav{
font-family: "Noto Sans",Arial,Helvetica,sans-serif;
margin-top: 1em;
}

footer{
  border-top: 1px outset #000;
  font-size:0.5em;
  text-align:right
}

footer ul{
  margin-top: 1em;
  padding-left:0
}

footer li{
  list-style-type:none;

}

footer a{
  display:block;
  color: #444;
}


h1,h2,h3{
font-family: "Noto Serif","Times New Roman",serif;
}

h1{
   font-size: 1.9em;
   text-transform:uppercase;

}

h2{
  font-size:1.5em;
}

h3{
 font-size:1em;
}
.exception{
 color:red
}
.comment,.docstring{
  color:#006600
}

.markup{
  color:#000066
}

.css{
  color:#060;
}

.prompt{
  color:#fff;
  background:#000;
}

.command{
  color:#d00
}

.annotation{
	color:#f0f;	
}


/****** codelines JS *****/
/* Text color if plugin doesn't set one */ 
.codeblock .line{
  padding:0.3em 0.3em 0.3em 0;
  color:#F00;
  font-size:1.2em
}

/* only control for this */
pre button{
   margin:2em 0 0 0;
}

/* Only control for this*/
.codeblock .num{
    color:#fff;
    background:#777;
    padding:0.2em;
    text-align:center;
    
}

/* Only control for this*/
.codeblock .codeline{
    margin-left: 1em;
}

/* Only control for this*/
.codeblock .line{
  /*padding:0.5em;*/
  /*color:#777;*/
} 


/* Class even color if plugin doesn't set one */ 
.codeblock .odd{
    background: #FF0;
}

/* Class even color if plugin doesn't set one */ 
.codeblock .even{
    background: #0FF;
}

/* Text color if plugin doesn't set one or a user <span class=comment> exists*/ 
.codeblock .comment{
  color:#0A0;
}

.codeblock .doctring{
  color:#0A0;
}

/****** end of codelines ****/

table{
 border: 2px solid #600;
 border-spacing: 0;
 border-collapse: collapse;
}

td,th{
 padding: 1em;
 border: 1px solid #600;
}

table caption{
   border: 2px solid #600;
   padding:1em;
   background: #cc0
}

td
{
 text-align:center
}

td.rowhead{
  background: #999;
  font-weight:700;
  color:#fff;
  font-size:1.2em
}