/* INDEX */
body{
	background:url(../img/bg01.jpg) fixed no-repeat #000;
	background-size:cover;
	background-position:bottom right;
}
#main{
	position:fixed;
	left:290px;
	top:35%;
}
@-webkit-keyframes CopyArea {
	0% {
		-webkit-opacity:0;
		-webkit-transform: translateY(-15px);
	}
	100% {
		-webkit-opacity:1;
		-webkit-transform: translateY(0px);
	}
}
#copy{
	-webkit-animation-name: CopyArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	width:620px;
	height:120px;
	background:url(../img/index_copy.png) no-repeat;
	text-indent:-9999px;
}
@-webkit-keyframes TopicsArea {
	0% {
		-webkit-opacity:0;
	}
	100% {
		-webkit-opacity:1;
	}
}
#topics{
	-webkit-animation-name: TopicsArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	width:600x;
	margin-top:40px;
	padding:6px 10px 10px 10px;
	background-color:rgba(0,0,0,0.4);
	background-color:#000\9;
	border:1px solid #666;
}
#topics:not(:target){
	background-color:rgba(0,0,0,0.4);
}
#topics p{
	margin-top:6px;
}
#topics a{
	color:#fff;
	text-decoration:none;
}
#topics a:hover{
	color:#f09;
}

/* CSS HACK */
#menu{
	top:0;
	margin-top:0;
	height:auto;
}