*{
	margin:0;
	padding:0;
}

.comment,
#addCommentContainer{
	
	/* Syling the comments and the comment form container */
	
	padding:12px;
	width:440px;
	position:relative;
	background-color:#B4DCEB;
	border:1px solid white;
	color:#555;
	margin-bottom:25px;
	
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
}

.comment .avatar{

	/*
	/	The avatar is positioned absolutely, 
	/	and offset outside the comment div
	/*/

	height:70px;
	left:-90px;
	position:absolute;
	width:70px;
	background:url('../images/default_avatar.gif') no-repeat #B4DCEB;
	
	/* Centering it vertically: */
	
	margin-top:-25px;
	top:50%;

	-moz-box-shadow:1px 1px 0 #c2c2c2;
	-webkit-box-shadow:1px 1px 0 #c2c2c2;
	box-shadow:1px 1px 0 #c2c2c2;
}

.comment .avatar img{
	display:block;
}

.comment .name{
	font-size:16px;
	padding-bottom:10px;
	color:#000;
}

.comment .date{
	font-size:11px;
	padding:6px 0;
	position:absolute;
	right:15px;
	top:10px;
	color:#333;
}
.comment .like{
	padding:6px 0;
	position:absolute;
	right:0px;
	bottom:0px;
}

.comment p,
#addCommentContainer p{
	font-size:14px;
	line-height:1.5;
	overflow-x:hidden;
}

#addCommentContainer input[type=text],
#addCommentContainer textarea{

	/* Styling the inputs */

	display:block;
	border:1px solid #aaa;
	margin:5px 0 5px;
	padding:3px;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#addCommentContainer textarea{
	width:300px;
}

label{
	font-size:10px;
}

label span.error{
	color: #AD1E23;
	position:relative;
	right:-10px;
}


/* The styles below are only necessary for the styling of the demo page: */

#main{
	position:relative;
	margin:0 auto;
	width:467px;
}
#submit{
	height: 30px;
	font-size: 13px;
}

.comment h1{
	color:#000;
	font-size:30px;
	margin:50px 0 20px;
}

.comment h2{
	font-size:18px;
	margin-bottom:50px;
}

.comment h1,.comment h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	text-align:center;
	font-weight:normal;
	text-shadow:0 1px 1px #FFFFFF;
}

.comment a, .comment a:visited {
	color:#000;
	text-decoration:none;
	outline:none;
}

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

.comment a img{
	border:none;
}