@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
}
a {
	outline: none;
}
.mw1000{
	max-width:1050px;
	margin:0 auto 0;
	text-align:center;
}
img{
	max-width:100%;
	border: 0;
}
/*=================HEADER=====================*/
.left-head{
	display:inline-block;
	width:40%;
	text-align:left;
	padding:5px;
}
.right-head{
	display:inline-block;
	width:55%;
	text-align:right;
	vertical-align:top;
	padding:5px;
}
.txt1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;	
}
.top-menu{
	display:block;
	width:100%;
	background:#c2c2c2;
}
.top-menu a{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.top-menu a:hover{
	color: #000;
}
.top-menu-lnk{
	display:inline-block;
	width:40%;
	text-align:left;
}
.top-menu-btn{
	display:inline-block;
	width:55%;
	text-align:right;	
}
.bullets{
	display:block;
	width:100%;
	padding:0;
	margin:7px 0 0 0;
}
.bullets a{
	display:inline-block;
	padding:0;
	margin:0;
}
.nav {
	border: 2px solid #666;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	padding: 10px;
	margin: 10px;
	text-align:center;
}
.nav2 {
	border: 2px solid #666;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	padding: 7px;
	margin: 7px;
	text-align:center;
}
/*===================BODY==========================*/
.radius {
	border: 2px solid #666;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	padding: 8px;
	margin:0 auto 0;
}
.icon{
	display:inline-block;
	width:30%;
	margin:10px 3px 3px 3px;
	text-align:center;
	vertical-align:top;
}
.txt3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
/*==================FOOTER==========================*/
.footer{
	width:100%;
	background:#666666;
	padding:15px;
	box-sizing:border-box;
}
.foot-logo{
	margin-top:20px;
	display:inline-block;
	width:40%;
	text-align:center;
	vertical-align:top;
}
.foot-text{
	display:inline-block;
	width:57%;
	text-align:left;
}
.txt5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.sides{
	display:block;
}
/*==================GENRES=====================*/
.genres_abs{
	position:absolute;
	bottom:0;
	text-align:center;
	padding:5px;
	box-sizing:border-box; 
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;	
}
/*===============UPDATE PAGE=====================*/
.pad20{
	padding:20px;
}
.txt7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.player{
	display:inline-block;
	width:50%;
	padding:0;
	margin:0;
}
.video-tag{
	width:100%;
	padding:0;
	margin:0;	
}
.join-block{
	display:inline-block;
	width:48%;
	padding:10px;
	box-sizing:border-box; 
	height:100%;
	background:#c15600;
	text-align:center;
	vertical-align:top;	
}
.txt4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #e66701;
	text-decoration: none;
}
.txt6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.update-desc{
	text-align:left;
	padding:15px;
}
.update-data{
	display:inline-block;
	width:40%;
	margin:10px;
	padding:0;
}
.update-thumbs{
	display:inline-block;
	width:55%;	
	margin:10px;
	text-align:center;
	vertical-align:top;
	padding:0;
}
.update-img{
	display:inline-block;
	width:30%;	
}
/*===================JOIN PAGE==========================*/
.join-reasons{
	display:inline-block;
	text-align:center;
	width:40%;
	background:#333333;
	height:100%;
	margin:0;
	padding:0;
}
.join-img{
	display:inline-block;
	text-align:center;
	width:58%;
	margin:0;
	padding:0;		
}
.join-left{
	text-align:center;
	vertical-align:top;
	display:inline-block;
	width:45%;
	margin:0;
	padding:0;			
}
.join-right{
	text-align:center;
	vertical-align:top;	
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;				
}
/*==============REVIEWS====================*/
.dark {
	color: #999;
}
@media screen and (max-width:940px){
.join-reasons{
	display:block;
	width:98%;
}
.join-img{
	display:block;
	width:98%;
}	
.sides{
	display:none;
}
}
@media screen and (max-width:800px){
.left-head{
	display:block;
	width:100%;
	text-align:center;
}
.right-head{
	display:block;
	width:100%;
	text-align:center;
}
.top-menu-lnk{
	display:block;
	width:100%;
	text-align:center;
}
.top-menu-btn{
	display:block;
	width:100%;
	text-align:center;
	padding-top: 7px;
	padding-bottom:10px;
}
.bullets{
	display:none;
}
.player{
	display:block;
	width:100%;
}
.join-block{
	display:block;
	width:100%;
}
.update-data{
	width:35%;
}
.update-thumbs{
	width:50%;	
}
.update-img{
	width:45%;		
}
}
@media screen and (max-width:700px){
.icon{
	width:47%;
}	
.foot-logo{
	width:98%;
}
.foot-text{
	margin-top:20px;
	width:90%;
	text-align:center;
}
}
@media screen and (max-width:650px){
.update-data{
	display:block;
	width:95%;
}
.update-thumbs{
	display:block;	
	width:95%;	
}
.join-left{
	display:block;
	width:98%;
}
.join-right{
	display:block;
	width:98%;
	padding-top:25px;
}
}
@media screen and (max-width:440px){
.icon{
	display:block;
	width:94%;
}	
}