html {
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(../img/bg.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html, body {
	/*background-color: #000;*/
	color: #aaa;
	font-weight: bold;
	font-family: Arial;
	/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
	/*height:100%;*/
	margin:0;
	padding:0;
}

/*
	Specify the position and layering for the content that needs to appear in front of the background image.
	Must have a higher z-index value than the background image.
	Also add some padding to compensate for removing the margin from the 'html' and 'body' tags.
*/
#content {
	/*position:relative;*/
	/*z-index:1;*/
	padding:10px;
}

#b {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
}


#t {
	width: 100%;
}

h1 {
	letter-spacing: 20px;
	font-size: 45pt;
	color: #ddd;
}

.small {
	font-size: 10px;
}

.medium {
	font-size: 13px;
}

#links {
	padding-left: 25%;
	padding-top: 1%;
}

a {
	color: #aaa;
	font-weight: bold;
	font-family: Arial;
}

.padded {
	padding-left: 10px;
}
