#doc {
	width: 600px;
	min-height: 500px;
	background: aqua;
	margin: auto;
	padding: 10px;
}
body{
 
}
#sidebar {
	padding:0px;
	position: fixed;
	top: 0px;
	width: 220px;
	height: 100%;
	background: #456789;
}

#content {
	font-size:16px;
	width:1000px;
	padding:10px;
	margin-left: 220px;
	min-height: 100px;
}
p{
	font-weight:bold;
}
h1 {font-size-adjust+2px;
	color:black;
}
.sidedl{
	background-color:#e7e7e7;
	border:1px solid #0b0a07;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:16px;
	padding:2px 16px;
	margin:20px 10px 0px 15px;
	text-decoration:none;
	transition: background-color 1s;
}
.sidedl:hover {
	background-color:#beebf5;
	transition-timing-function: ease;
}
.steve{
	font-size:20px;

}
#index {
	color:#EEEEEE;
	font-family:verdana;
	margin:0;
}
#index ul {
	padding:2px;
	margin-top:5px;
	margin-left:25px;
	margin-right:20px;
}
#index ul li{
	padding:2px;
		margin-bottom:2px;
}
#index ul p{
	
}
	
#index ul li a{
	text-decoration: none;
	color:#FFFFFF;
	font-family:inherit;	
}
#index ul li a:hover{
	text-decoration: none;
	color:#EEEEFF;
	font:inherit;	
}
.codeblock {
	margin:10px 0px;
	width:1200px;
	border:1px solid black;
}

.codeblock pre{
	margin:0px;
	border:none;
	background-color:#f5f5f5; 
	font-family:consolas,monospace;
	padding:5px 0px;
	font-size-adjust:-2px;
}

.codeblock button {
	background-color:white;
	color:#456789;
	border:none;
	border-top:1px solid black;
	margin-top:0px;
	height:25px;
	width:100%;
	font-family:consolas,monospace;
	
	transition: color 1s, background-color 1s;
}
.codeblock button:hover {
	background-color:#456789;
	color:white;
	
	
}