body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-family: Verdana;
	font-size: 11px;
	color: #DFF6D9;
}

a:link {
	color: #DDDDFF;
    text-decoration: none
}
a:visited {
	color: #999999;
    text-decoration: none
}

a:hover {
	color: #F0F0FF;
	font-weight: bold;
    text-decoration: none;
}

a:active {
	color: #F1F1FF;
}

@keyframes darkenbg {
	0% {
		background-image: url(images/opacity_0.png);
	}
	10% {
		background-image: url(images/opacity_10.png);
	}
	20% {
		background-image: url(images/opacity_20.png);
	}
	30% {
		background-image: url(images/opacity_30.png);
	}
	40% {
		background-image: url(images/opacity_40.png);
	}
	50% {
		background-image: url(images/opacity_50.png);
	}
	60% {
		background-image: url(images/opacity_60.png);
	}
	70% {
		background-image: url(images/opacity_70.png);
	}
	80% {
		background-image: url(images/opacity_80.png);
	}
	90% {
		background-image: url(images/opacity_100.png);
	}
	100% {
		background-image: url(images/opacity_100.png);
	}
}

.daslink {
	height: 40px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 20px;
	line-height: 40px;
	transition: all .5s;
	color: #848484;
	background-image: url(images/opacity_0.png);
	text-align: center;
}

.daslink:hover {
	animation-name: darkenbg;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	scale: 1.1 1.1;
	color: rgb(68, 255, 0);
	
}

.plain {
	height: 40px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 20px;
	line-height: 40px;
	color: #848484;
	background-image: url(images/opacity_0.png);
	text-align: center;
}

div {
	border-radius: 10px;
	margin: 0px;
	padding: 0px;
}

#dynbg {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(bg_images/debian-green.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%
}

#infobox {
	position: absolute;
	top: 0px;
	left: 330px;
	right: 40px;
	height: 35px;
	background: #202020;
	color: #d5ffd2;
}

#title {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 310px;
	height: 110px;
	text-align: left;
	font-family: Tahoma;
	color: #DFF6D9;
	font-size: 24px;
	overflow: auto;
}

#musicplayer {
	position: absolute;
	bottom: 40px;
	left: 10px;
	width: 300px;
}

.musicdropbtn {
	background: #212425;
	color: #f2ffd9;
	border: 0px;
	font-family: Tahoma;
	width: 100%;
}

#musicplayer:hover .musiclist {
	display: block;
	background: #590e0e;
}

.musiclist {
	display: none;
	background: #101010;
	color: #55ff00;
	border: 0px;
	font-family: Tahoma;
	width: 100%;
}

#slider1 {
	position: absolute;
	width: 100%;
	background: #101010;
	accent-color: #55ff00;
}

#audio1 {
	accent-color: #55ff00;
}

.playerbutton {
	background: #101010;
	color: #55ff00;
	border: 0px;
	font-family: Tahoma;
	width: 100%;
}

.playerbutton:hover {
	background: #202020;
	color: #deffca;
	border: 1px;
	border-color: greenyellow;
}

#menu {
	position: absolute;
	top: 200px;
	left: 5px;
	width: 310px;
	height: 740px;
	overflow: hidden;
	background-image: url(images/opacity_40.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#content {
	position: absolute;
	top: 40px;
	left: 330px;
	right: 40px;
	bottom: 50px;
	text-align: left;
	font-family: Tahoma;
	color: #DFF6D9;
	font-size: 14px;
	overflow: auto;
	background-image: url(images/opacity_40.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: auto;
}

#welcome {
	position: relative;
	top: 100px;
	left: 100px;
	width: 90%;
	height: 90%;
	font-family: Apple Chancery;
	font-size: 32px;
}

#footer {
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 500px;
	height: 30px;
	background-image: url(images/opacity_40.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: auto;
	font-size: 10px;
	color: #DFF6D9;
	text-align: center;
	margin-left: -150px;
}

#fatsquirrel {
	font-size: 16pt;
    background-color: #101010;
    color: #caffbd;
    word-wrap: normal;
}

pre {
	text-wrap: wrap;
}

#txt {
	font-size: 16pt;
    background-color: #101010;
    color: #caffbd;
    word-wrap: normal;
}

#ip {
	position: absolute;
	width: 100%;
	font-size: 16pt;
	color: #caffbd;
	text-align: center;
}