body {
	 font-family: Verdana, sans-serif;
	 font-size: 12px;
}

#layout-table {
	border-style: solid;
	border-width: 20px;
	border-image: url("res/border.png") 20 round;

	background-color: #ffaa00;
	
	color: white;
}

.button {
	border-style: solid;
	border-width: 30px;
	border-image: url("res/button.png") 30 fill;
	
	position: relative;
	
	height: 4px;
	
	line-height: 4px;
	
	/*box-sizing: border-box;*/
	
	margin-left: -49px;
	
	font-size: 16px;
	
	font-weight: 800;
	
	font-family: 'Audiowide', sans-serif;
}

.content {
	height: 260px;
	overflow-x: hidden;
	overflow-y: auto;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  text-decoration: underline; 
}

@font-face {
  font-family: 'Audiowide'; 
  src: url("res/audiowide.ttf") format("truetype");
  font-weight: normal; 
  font-style: normal; 
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Audiowide', sans-serif;
  
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
	font-size: 24px;
}



/**, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

td {
	color: white;
}

p, a, li, h1, h2, h3, h4 {
	background-color: black;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

table {
	margin: 10px auto 10px auto;
}

.project a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	white-space: nowrap;
}

.project img {
	vertical-align: middle;
}

.leftoffset1 { margin-left: 0px; }
.leftoffset2 { margin-left: 5px; }
.leftoffset3 { margin-left: 15px; }
.leftoffset4 { margin-left: 27px; }
.leftoffset5 { margin-left: 45px; }

.date {
	float: right;
	margin-right: 5px;
}

.content {
	height: 280px;
	overflow-x: hidden;
	overflow-y: auto;
}

ul, ul li {
	list-style: disc inside;
}

a {
  color: orange;
  text-decoration: underline;
}

a:hover {
  color: darkorange;
  text-decoration: none;
}

a:active {
  color: red;
  text-decoration: underline;
}*/