@import 'base.css';

#header_wrap { border-bottom: none; }

#top_logo {
	position: absolute;
	top: 0;
	left: 45px;
	width: 517px;
	height: 86px;
	background: #404040 url('/img/top_logo_all.jpg');
}

#page_wrapper {
	width: 5100px;
}

#righter {
	height: 10px;
	width: 4000px;
}

.timeline_wrapper {
	position: absolute;
	top: 85px;
	width: 864px;
	text-align: left;
}
#wrapper_first { left: 45px; }
#wrapper_second { left: 1048px; }
#wrapper_third { left: 2051px; }
#wrapper_fourth { left: 3054px; }

.arrow {
	position: absolute;
	width: 25px;
	height: 29px;
	top: 270px;
	cursor: pointer;
}
#arrow_right_first { left: 929px; }
#arrow_left_second { left: 1003px; }
#arrow_right_second { left: 1932px; }
#arrow_left_third { left: 2006px; }
#arrow_right_third { left: 2935px; }
#arrow_left_fourth { left: 3009px; }

#righter {
	position: absolute;
	top: 300px;
	left: 3918px;
	width: 900px;
	height: 100px;
	z-index: -1;
}

.date {
	float: left;
	width: 160px;
	height: 370px;
	border: 8px solid #100f0e;

}

.date div {
	width: 160px;
	height: 370px;
}

.thumbs {
	float: left;
	width: 688px;
	height: 370px;
	border-top: 8px solid #100f0e;
}

.thumbs div {
	width: 164px;
	height: 118px;
	float: left;
	border-right: 8px solid #100f0e;
	border-bottom: 8px solid #100f0e;
}

.thumb { cursor: pointer; }

.show {
	margin-top: 398px;
	_margin-top: 8px;
	height: 256px;
	background: #100f0d;
}

.content {
	padding: 8px;
}

.loading {
	background: #333;
	color: #fff;
	float: right;
}

.close {
	float: right;
	width: 23px;
	height: 20px;
	margin: 228px 8px 0 0;
	cursor: pointer;
}

.video {
	float: left;
	width: 320px;
	height: 240px;
	margin-right: 20px;
}

.content h2, .content h3, .content h4 { margin: 0; }

.content h3 {
	font-size: 18px;
	color: #cfc6b7;
}

.content h4 {
	font-size: 14px;
}

.timeline_disco {
	float: left;
	margin: 40px;
}

.timeline_disco ul {
	padding: 0;
}
.timeline_disco li {
	list-style: none;
}