@CHARSET "UTF-8";

body {
 margin: 0;
 background-color: #000;
 color: #777;
}

a {
 color: #778;	
}

.wrap {
 width: 800px;
 margin: auto;	
}

.menu {
 color: #888;	
 float: left;
 position: absolute;
 top: 0px;
 right: 60%;
}

.menu a {
 color: #888;
 text-decoration: none;	
}

.menu a:hover {
 text-decoration: underline;	
}

.el {
 padding: 10px;
 margin: 2px;
 background-color: #333; 
 float: right;
 clear: both;
}

.logo {
 float: right;
 margin: 10px 10px 20px 0px;	
}

.logo a {
 text-decoration: none;
 font-size: 200%;	
}

.content {
 width: 500px;
 height: 500px;
 position: absolute;
 top: 0px;
 left: 40%; 
}

.content h1 {
 padding: 10px;
 margin: 2px;
 background-color: #333; 
 font-weight: normal;
 float: left;
 font-size: 100%;
 margin: 113px 0px 0px 1px; 
}

.player {
 margin-left: 1px;
 margin-top: 0px;
}

p {
 padding: 10px;
 margin: 1px;
 margin-top: 3px;
 background-color: #333; 
 font-weight: normal;
 float: left;
 font-size: 100%;
}

p.f {
 margin-top: 35px;
}

.videos {
 margin: 10px;	
 clear: both;
}

.preview {
 float: left;
 width: 100px;
 height: 100px;
 border: 1px solid #444;
 margin: 10px 15px 10px 0px;
}

.preview a {
  width: 100px;
 height: 100px;
 display: block;
 text-indent: -9999px;	
}


.footer {
 border-top: 1px solid #444;
 clear: both;
 text-align: right;
 padding: 20px 40px 40px 0px;
}

.raper {
 float: left;
 text-align: center;
 width: 200px;
 border: 1px solid #222;
 padding: 5px;
 margin: 5px;
}