/**********************************review *********************************/
.review{
	
	/* Syling the comments and the comment form container */
	
	padding:12px;
	position:relative;
	background-color:#efefef;
	border:25px solid white;
	color:#888;
	margin-bottom:25px;
	
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.comment{
	
	/* Syling the comments and the comment form container */
	
	padding:15px;
	position:relative;
	color:#888;
	margin-bottom:10px;
	width: 96%;
	clear:both;
	
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	left:10px;
	border-top:1px solid rgb(228,228,226);
	margin-top:10px;
}
#comment- > div:nth-child(1) > div.comment {
border-top: 0px;
}

/*************************Reply box Design do here*****************/

.reply {
	
	/* Syling the comments and the comment form container */
	
	padding:12px;
	left:70px;
	position:relative;
	background-color:rgba(243,243,243,0.3);
	color:#888;
	margin-bottom:25px;
	width: 89%;
	clear:both;
	
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

form#addCommentForm {margin-top:20px;}
.addCommentContainer{
	
	/* Syling the comments and the comment form container */
	
	padding:12px;
	left:70px;
	position:relative;
	color:#888;
	margin-bottom:25px;
	width: 89%;
	
	/* CSS3 rounded corners and drop shadows */
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	background-color:rgba(228,228,226,0.2);
}

#respond #comments #wp-social-login-connect-with {display: none !important}
#content-comment .addCommentContainer{width: 96%; margin:0 2% 2% 2%;left:0}

#respond #comments #wp-social-login-connect-options a {}
#respond #comments #wp-social-login-connect-options img {}
/*****************************reply box end here*****************************/
.comment .avatar{
	height:50px;
	position:absolute;
	background:url('img/default_avatar.gif') no-repeat #ccc;
	width:50px;
	margin-left: 12px;
	
}
/*********Comment icon according to category******************************/
.avatar-7750{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Food_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
.avatar-2909{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Video_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
 .avatar-7247{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Food_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
 .avatar-7{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Life_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
 .avatar-8519{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Earth_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
.avatar-5{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Animal_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
 .avatar-2723{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Buzz_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;
	
}
 .avatar-2690{
	height:50px;
	position:absolute;
	background:url('../../images/monster-icons/Food_monster_comment-icon.png')no-repeat;
	width:50px;
	margin-left: 12px;	
}




.comment a.comment-reply {
color: rgb(77,77,73);
text-transform: none;
font-weight: bold;
font-size: 12px;
background: rgba(228,228,226,0.4);
padding: 10px 20px 8px 15px;
letter-spacing: 0px;
}
.comment a.comment-reply img {vertical-align: bottom;margin-right: 3px;}
.comment a.comment-reply:hover {background:#aaa; color:#333;}
.logged-in-details {height: 36px;
text-align: right;
padding: 0 20px;
font-size: 14px;
font-weight: bold;}
a.comment-add {font-size: 20px;
text-align: center;
width: 100%;
margin: 0 auto;
padding: 20px 32%;
height: 60px;
line-height: 50px;
text-transform: uppercase;
background: rgba(14,62,36,0.1);
color: rgb(14,62,36)}
/************************review***************************/

.review .avatar{

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

	height:50px;
	left:-70px;
	position:absolute;
	width:50px;
	background:url('img/default_avatar.gif') no-repeat #fcfcfc;
	
	/* 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;
}


.reply .avatar{
	height:50px;
	left:12px;
	position:absolute;
	width:50px;
	background:url('img/default_avatar.gif') no-repeat #fcfcfc;
	
	margin-top:16px;
	top:0%;
}

.comment .avatar img{
	display:block;
}

.comment .name,.reply .name,.review .name{
	font-size:17px;
	padding-bottom:0px;
	color:rgb(14,62,36);
	letter-spacing: -1px;
	font-weight: bold;
	margin-left: 60px;
	margin-top: 0px;
}

.comment .date,.reply .date,.review .date{
	font-size:12px;
	padding:1px 0;
	color:#777;
	margin-left:60px;
	letter-spacing:-1px;
}

.comment p, .reply p,
.addCommentContainer p{
	font-size:14px;
	line-height:1.5;
	overflow-x:hidden;
	color: #2d2d2a;
	clear: both;
	margin-top: 15px;
	padding-left: 5px;
	margin-bottom: 20px;
	padding-top:10px;
}

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

	/* Styling the inputs */

	display:block;
	border:1px solid #aaa;
	padding:3px;
	font-size:12px;
	color:#555;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
}

.addCommentContainer textarea{
	width:100%;
}
.addCommentContainer input[type="Submit"] {
	background: rgb(228,228,226) !important;
	color: rgb(77,77,73) !important;
	padding: 10px !important;
	text-transform: uppercase;
	font-size: 13px !important;
	width: 14% !important;
	border-radius: 0 !important;
	height: 38px !important;
	letter-spacing: -1px !important;
}

label{
	font-size:10px;
	font-weight:bold;
}

label span.error{
	color:#a00;
	position:relative;
	right:-10px;
	font-weight: bold;
}

#submit{
	
	/* The submit button */
	
	background-color:#58B9EB;
	border:1px solid #40A2D4;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	margin-top:5px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#submit:hover{
	background-color:#80cdf5;
	border-color:#52b1e2;
}

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

#main{
	position:relative;
	margin:0 auto;
}