body
{
	font-family:	'Roboto', sans-serif;
	background: 	#ddd url("../images/stripes.png");
}

div#wrapper
{	
	margin:			auto;
	display:		block;
	width:			90%;
	
	border-radius:	30px;
	
	background:		#ECF3E3;
}

h1
{
	display:		block;
	padding:		1em;
	font-family:	'Oswald', sans-serif;
	background:		#689fd7;
	margin:			auto 0em 0em 0em;
	
	text-align:		center;
	
	border-radius:	30px 30px 0px 0px;
	
	color:			#000033;
	
}

#wrapper h2
{
	color:			#000033;
	border-bottom:	.3em double #BBB;
}

#wrapper h2:not(:first-child)
{
	margin-top:		2em;
}

#wrapper h3
{
	margin-top:		2em;
	
	display:		block;
	width:			70%;
	
	color:			#000033;
	border-bottom:	.2em solid #BBB;
}

div#nav_bar
{
	display:		block;
	padding:		.3em 1em;
	font-family:	'Oswald', sans-serif;
	background:		#000033;
	margin:			auto 0em 0em 0em;
}

#nav_bar ul
{
	list-style-type: none;
    margin:			0;
    padding:		0;
}

#nav_bar li
{
	display:		inline-block;
}

#nav_bar li a
{
	display:		block;
	padding:		.7em 1em;
	margin-right:	.5em;
	
	text-decoration:	none;
	
	border:			2px solid #E3EECC;
	color:			#E3EECC;
	
	border-radius:	.5em;
}

#nav_bar li a:hover
{
	background:		rgba(227, 238, 204, 0.4);
}

div#content_wrapper
{
	padding:		1.5em 1.2em 1.2em 1.2em;
}

div.content
{
	display:		none;
	padding:		.5em;
	
	text-align:		left;
}

div.content#content1
{
	display:		block;
}

#footer
{
	display:			block;
	border-radius:		0px 0px 30px 30px;
	padding:			1em 2em;
	background:			#000033;
	
	color:				#F0F0F0;

}

a
{
	color:			#000033;
	font-weight:	bold;
}

a:hover
{
	color:			#75ae34;
	font-weight:	bold;
}

/* Misc styles */
.content li
{
	margin-bottom:	.7em;
}

.liTitle
{
	display:			block;
	margin-bottom:		.4em;
	font-weight:		bold;
	text-decoration:	underline;
}

.code
{
	font-family:	monospace;
}

.important
{
	background:		#FFF;
	text-align:		center;

	width:			60%;

	margin:			.5em auto;
	padding:		.8em;

	border-radius:	10px;
	
	border:			1px solid #335;
}

.terminal
{
	background:		#111;
	color:			#FFF;

	font-family:	monospace;

	width:			80%;
	margin:			.5em auto;
	padding:		.8em;

	border-radius:			10px;

	border:			1px solid #335;
}

