body {
	background-color: #1e1e1e;
	color: #d4d4d4;
}

a {
	color: #3794ff;
}

a:visited {
	color: #ff3750;
}

#header {
	text-align: center;
}

#wrapper {
	min-height: 100%;
	/*padding-bottom: 50px;*/
}
/*this is just a cluster fuck of a id*/
#footer {
	/*
	bottom: 0;
	width: 100%;
	height: 100px;
	margin-top: 100px;
	clear: both;
	position: relative;*/
	text-align: center;

	position: relative;
	width: 100%;
	margin-top: -80px; /* negative value of footer height */
	height: 50px;
	clear: both;
}

html, body {
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#menu {
	text-align: center;
	border-style: dashed;
	border-left: 0px;
	border-right: 0px;
}

#contentCode {
	border-style: solid;
	border-left: 1px;
	border-right: 1px;
}
/*I dont think I need one of these per page. idk why I did this please don't hate me*/
#content {
	margin-left: 8px;
	margin-right: 8px;
	padding-bottom: 50px;
	overflow:auto
}
/*Make sure the headdings is to the side a little on the nnnbot page*/
#contentHeading2 {
	margin-left: 8px;
	margin-right: 8px;
}

#contentHeading4 {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 4px;
}

#pContent {
	margin-left: 8px;
	margin-right: 8px;
}

#nnnbotList {
	margin-top: 8px;
}

/*Get all the todo tables off the side of the broswer window*/
#todo {
	margin-left: 8px;
	margin-right: 8px;
}
/*We want all tables to have a border*/
table, th, td {
   	border: 1px solid black;
}
td {
	padding: 2px;
}
/*Change the colour of the cell of a table when a todo item is not done*/
td.Done_No {
 	background-color: red;
 }

 /*Change the colour of the cell of a table when a todo item is done*/
td.Done_Yes {
 	background-color: green;
 }
/*Change the colour of the cell of a table when a todo item is currently been worked on the most*/
 td.In_Progress {
 	background-color: yellow;
 }

#content {
	margin-left: 8px;
	margin-right: 8px;
	overflow: auto;
}