body{
	background: #32333b;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
}

td, th {
  text-align: left;
  /*border: 1px solid #C0C0C0;*/
}

/* This is for the title links*/
div.links > ul{
	list-style-type: none;
	font-size: 16px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.links > ul > li{
	display: inline-block;
	padding-bottom: 0px;
}

div.links > ul > li a{
	display: block;
	text-align: center;
	padding: 5px 16px;
	text-decoration: none;
}

div.links > ul > li a:hover{
	text-decoration: underline;
}

/* This is for the page section links */
div.page-links > ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.page-links > ul > li{
	display: inline-block;
}

div.page-links > ul > li a{
	display: block;
	font-size: 16px;
	text-align: center;
	padding-left: 5px;
	padding-top: 5px;
	text-decoration: none;
	color: #C0C0C0;
}

div.page-links > ul > li a:hover{
	text-decoration: underline;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

ul > p{
	padding: 1px;
	padding-bottom: 5px;
	margin: 0px;
}

li{
	padding-bottom: 5px;
}

li.tab{
	list-style-type: circle;
	margin-left: 20px;
}

h1 a:hover{
	text-decoration: underline;
}

h1{
	padding-bottom: 1px;
	margin-bottom: 1px;
	margin-top: 0px;
	font-size: 40px;
	text-decoration: none;
}

h2{
	padding-bottom: 1px;
	margin-bottom: 1px;
	margin-top: 0px;
	font-size: 26px;
	text-decoration: none;
}

h3{
	padding-bottom: 1px;
	margin-bottom: 1px;
	margin-top: 5px;
	font-size: 18px;
	text-decoration: none;
}

tr.resume-title > td{
	padding-bottom: 1px;
	padding-top: 1px;
}

tr.resume-title > th{
	padding-bottom: 2px;
}

tr.resume-body > td{
	padding-top: 1px;
}

/* CSS For basic text manupulation*/
.ta-right{
	text-align:right;
}


/*Advanced CSS for doing stuff*/
.page{
	position: relative;
	height: 95vh;
  	/*border: 3px solid grey;*/
}

.homepage{
	margin: 0;
	position: absolute;
  	top: 50%;
 	left: 50%;
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
}

.box{
	text-align: center;
	margin: 0;
	border: 3px solid #C0C0C0;
	border-radius: 20px;
	width: 100%;
	padding: 5px;
}

.box-spacer{
	margin: 25px;
}

.box h1{
	font-size: 36px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	margin: 0;
}

.box h2{
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}

.links{
	padding-top: 5px;
	padding-bottom: 5px;

}

.page-links{
	text-align: left;
}

.home{
	color: #C0C0C0;
	text-decoration: none;
}

.lighting{
	color: #FF6666;
}

.homelab{
	color: #6666FF;

}

.about{
	color: #FFCC66;
}

.nolink{
	text-decoration: none;
}

.nolink:hover{
	text-decoration: none;
}

.subtlelink {
	text-decoration: none;
	font-style: none;
	color: #C0C0C0;
}

.subtlelink:hover{
	text-decoration: underline;
	color: #C0C0C0;
}

.reallink{
	text-decoration: none;
	color: #00d4d4;
}

.reallink:hover{
	text-decoration: underline;
	color: #00d4d4;
}

.reallink:visited{
	text-decoration: none;
	color: #027d99;
}

.side-bar{
	text-align: center;
	float: left;
	margin-left: 5%;
	width: 20%;
	/*border: 3px solid #C0C0C0;
	border-radius: 20px;*/
}


.content{
	float: right;
	margin-right: 5%;
	margin-bottom: 10px;
	padding: 10px;
	width: 65%;
	border: 3px solid #696969;
	border-radius: 20px;
}

.content-noborder{
	float: right;
	margin-right: 5%;
	margin-bottom: 10px;
	padding: 10px;
	width: 65%;
}

.align-top{
	vertical-align: top;
}

.align-mid{
	vertical-align: middle;
}

.align-bottom{
	vertical-align: bottom;
}

.homelab-infobox{
	color: #A3A3A3;
	/*font-style: italic;*/
}

p.homelab-infobox{
	margin-top: 4px;
	margin-bottom: 4px;
}

.tt-desc{
	vertical-align: top;
  text-align: left;
  padding-left: 8px;
  width: 100%;
}

.tt-row{
	height: 30px;
}

.tt-col{
	padding-left: 8px;
}

.tt-date{
	text-align: right;
	width: 25%;
}