body{
	background: #f4f4f4 url('bg.gif') repeat;
	text-align: center;
	margin-top: 200px;
}
:focus{
	outline: none;
}
.caja{
	width: 600px;
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}
.clear{
	clear: both;
}
h2{
	display: block;
	width: 460px;
	font-family: Arial;
	font-size: 13px;
	font-style: italic;
	color: #808080;
	text-shadow: 0 1px 0 #fefefe;
	text-align: left;
	letter-spacing: 1px;
	margin: auto;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #cccccc;
	box-shadow: 0 1px 0 #fefefe;
}
/* comment ***************/
.comment{
	width: 460px !important;
}
.comment:hover .avatar img{
	opacity: .9;
}
.avatar{
	display: block;
	width: 64px;
	height: 64px;
	background: #efefef;
	border-radius: 4px 0 0 4px;
	float: left;
}
.avatar img{
	transition-duration: .2s;
	-o-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	max-width: 64px;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 1px 0 #fefefe;
	opacity: .6;
}
.com{
	display: block;
	width: 396px;
	float: left;
	background: #505050;
	background: -moz-linear-gradient(top,  #505050 0%, #202020 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#202020));
	background: -webkit-linear-gradient(top,  #505050 0%,#202020 100%);
	background: -o-linear-gradient(top,  #505050 0%,#202020 100%);
	background: -ms-linear-gradient(top,  #505050 0%,#202020 100%);
	background: linear-gradient(top,  #505050 0%,#202020 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#202020',GradientType=0 );
	border-radius: 0 4px 4px 4px;
	box-shadow: inset 0 1px 0 #656565;
	text-shadow: 0 -1px 0 #202020;
}
.name{
	display: block;
	width: 120px;
	float: left;
	text-align: left;
	padding: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #cccccc;
}
.date{
	display: block;
	width: 220px;
	float: right;
	text-align: right;
	padding: 5px;
	font-family: Arial;
	font-size: 10px;
	color: #aaaaaa;
}
.com p{
	display: block;
	font-family: Arial;
	font-size: 13px;
	color: #ababab;
	line-height: 15px;
	text-align: left;
	padding: 0 5px 5px 5px;
}
.comment a.reply{
	transition-duration: .2s;
	-o-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	display: block;
	float: right;
	width: 80px;
	height: 14px;
	margin-right: 10px;
	padding: 2px 0 3px 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ababab;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fefefe;
 	background: rgba(204,204,204,0.3);
	border-radius: 0 0 3px 3px;
	border-bottom: 1px solid #fefefe;
}
.comment a.reply:hover{
	color: #404040;
	background: rgba(204,204,204,0.8);
}
.reply_box{
	display: none;
	width: 395px;
	float: right;
	text-align: right;
	padding: 5px 0 0 0;
}
.reply_box textarea{
	display: block;
	width: 386px;
	height: 35px;
	float: right;
	background: #fdfdfd;
	border-radius: 4px;
	border: 0;
	padding: 5px;
	box-shadow: inset 0 1px 3px rgba(32,32,32,0.2);
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 1px;
	color: #808080;
	resize: vertical;
}
/* by OscarWeb ***************/
#by{
	width: 430px;
	text-align: right;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #ababab;
	text-shadow: 0 1px 1px #efefef;
	margin: auto;
	margin-top: 10px;
}
#by a{
	text-decoration: none;
	color: #ababab;
}
#by a:hover{
	color: #404040;
}