@charset "UTF-8";
/* CSS Document */

body{background:url(images/irongrip.png);
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper{
	width:940px;
	height:auto;
	background:url(images/dot.png);
	box-shadow:0 0 10px #000;
	padding:10px;
	border-radius:10px;
	float:left;

}
#page{
	width:960px;
	height:auto;
	margin:20px auto;
	
}
#video-wrapper{
	width:420px;

	margin:10px;
	float:left;
}
#video{
	width:420px;
	height:420px;
	float:left;
}
#comentarios{
	width:480px;
	height:600px;
	margin:10px;
	background:url(images/dot.png);
	float:left;
	overflow:scroll;
}

#comentarios h3{
	background:#FC0;
	padding:5px;
	color:#FFF;
	margin: 0 0 10px 0;
}

.comentario{
	width:450px;
	padding:5px;
	float:left;
	border-bottom:1px solid #efefef;
}

.comment_name{
	width:250px;
	float:left;
	overflow:hidden;
	color:#069;
}
.comment_date{
	width:140px;
	text-align:right;
	color:#999;
	float:left;
}


.profile_pict{
	width:50px;
	height:50px;
	overflow:hidden;
	border-radius:25px;
	float:left;
	margin:0 5px;
}

.user_post{
	width:410px;
	height:50px;
	float:left;
	background:#FFF;
	padding:5px;
	border-radius:5px;
	margin-bottom:10px;
	
}
.user_name{
	font-weight:bold;
	color:#069;
	font-size:18px;
	width:350px;
	float:left;
}

.upload_date{
	color:#666;
	font-size:12px;
}

.video_comment{
	width:320px;
	margin:10px 0 0 0;
	padding:0 0 0 40px;
	min-height:70px;
	float:left;
	background:url(images/comments.png) top left no-repeat;
}

.stats{
	width:240px;
	height:20px;
	float:left;
	padding:5px;
	border-radius:5px;
	background:#FFF;
}

.likes{
	width:90px;
	height:20px;
	float:left;
	padding:0 0 0 30px;
	font-weight:bold;
	color:#333333;
	background: url(images/cubeta_not.png) left top no-repeat;
	
}

.comments{
	width:90px;
	height:20px;
	float:left;
	padding:0 0 0 30px;
	font-weight:bold;
	color:#333333;
	background:url(images/CommentIcon.png) left top no-repeat;
}

