/**** Страница переписка ****/


#foodphoto
{
width: 820px;
margin: 0 0 0 20px;
}

#foodphoto h1{
font: 28px Tahoma;
text-transform: none;
color: #555;
margin: 30px 0 0 0;
text-transform: none;
color: #555;
}

#foodphoto .hr
{
width: 100%;
margin: 20px 0;
background: url('/images/recipe/hr-line.png') center center repeat-x;
height: 22px;
}

#foodphoto .hr img
{
display: block;
border: 0;
box-shadow: none;
width: 100px;
height: 22px;
margin: 0 auto;
}

#foodphoto .path
{
margin: 17px 0 20px 0;
color: #965114;
}

#foodphoto .path a
{
color: #965114;
}

#foodphoto .path .cont
{
position: absolute;
background: url('/images/text-hide.png') left center no-repeat;
right: 0;
top: 0;
width: 80px;
height: 20px;
z-index: 10;
}



#foodphoto h2
{
font: 20px Tahoma;
color: #555;
margin: 0;
}



#foodphoto p
{
margin: 10px 0;
}



#foodphoto .pagedescription
{
margin: 10px 0;
font: 14px Tahoma;
}



/*Шапка*/
#fpheader{
position: relative;
right: 0;
top: 0;
}

#fpheader #addfp{
position: absolute; bottom: 0; right: 0px; display: block; width: 120px; padding: 8px; line-height: 20px; color: #fff; background-color: #4086de; font: 12px Tahoma; border-radius: 3px; text-align: center; text-decoration: none; cursor: pointer; text-shadow: 0 0 1px #000;}

#fpheader #addfp:hover {background: #2067c0; transition: 0.3s;}

#fpheader #addfpnull{
position: absolute; bottom: 0; right: 0px; display: block; width: 180px; padding: 8px; line-height: 20px; color: #fff; background-color: #ccc; font: 12px Tahoma; border-radius: 3px; text-align: center; text-decoration: none; cursor: default; text-shadow: 0 0 1px #000;}




/*Контейнеры*/
#foodphoto .econtainer{
width: 870px;
min-height: 700px;
margin: 30px 0;
}

#foodphoto .econtainer .eobject{
position: relative;
width: 840px;
height: 225px;
margin: 0 10px 50px 0;
}

#foodphoto .econtainer .eobject .button {position: absolute; bottom: 0; right: 35px; display: block; width: 80px; padding: 10px; line-height: 30px; background-color: #f2f2f2; border-radius: 3px; margin: 0 auto; text-align: center; text-decoration: none; color: #999; font: 16px Tahoma;
}
#foodphoto .econtainer .eobject .button:hover {background: #4086de; color: #fff;}



#foodphoto .econtainer .eobject .ephoto{
position: absolute;
left: 0;
top: 0;
width: 300px;
height: 225px;
border-radius: 3px;
}

#foodphoto .econtainer .eobject .ephotofinish{
position: absolute;
left: 0;
top: 0;
width: 300px;
height: 225px;
border-radius: 3px;
opacity: 0.9;
}

#foodphoto .econtainer .eobject .econtent{
position: absolute;
left: 300px;
top: 0;
width: 530px;
height: 225px;
background: #fff;
}

#foodphoto .econtainer .eobject .efinish{
position: absolute;
right: 10px;
bottom: 65px;
font: 20px Tahoma;
background: url('/images/foodphoto/finish-flag.png') left 0px no-repeat;
padding: 2px 0 0 40px;
height: 35px;
}

#foodphoto .econtainer .eobject .elock{
position: absolute;
right: 10px;
bottom: 65px;
font: 20px Tahoma;
background: url('/images/foodphoto/lock-flag.png') left 0px no-repeat;
padding: 2px 0 0 40px;
height: 35px;
}

#foodphoto .econtainer .eobject .econtent .dt{
position: absolute;
left: 40px;
bottom: 0px;
font: 12px Tahoma;
color: #888;
line-height: 15px;
background: url('/images/foodphoto/dt-ico.png') left 5px no-repeat;
height: 40px;
padding: 0 0 0 25px;
}

#foodphoto .econtainer .eobject .econtent .reward{
position: absolute;
left: 220px;
bottom: 8px;
font: 10px Tahoma;
color: #888;
line-height: 11px;
background: url('/images/foodphoto/reward-ico.png') left 5px no-repeat;
padding: 0 0 0 25px;
}

#foodphoto .econtainer .eobject .econtent .workslimit{
position: absolute;
right: 0px;
bottom: 15px;
font: 12px Tahoma;
color: #888;
line-height: 11px;
width: 150px;
background: url('/images/foodphoto/limit-ico.png') left 2px no-repeat;
padding: 0 0 0 25px;
}


#foodphoto .econtainer .eobject .econtent .ename{
position: absolute;
top: 0px;
left: 40px;
font: 22px Tahoma;
text-decoration: none;
margin: 0 auto;
color: #b31414;
}

#foodphoto .econtainer .eobject .econtent .etext{
position: absolute;
top: 45px;
left: 40px;
font: 14px Tahoma;
line-height: 14px;
text-decoration: none;
margin: 0 auto;
width: 450px;
}


#foodphoto .econtainer .eobject .econtent .ebutton{
position: absolute;
top: 125px;
left: 40px;
font: 16px Tahoma;
line-height: 14px;
margin: 0 auto;
}







/*Внутри галереи*/

#foodphoto #galcounter{
	font: 16px Tahoma;
	text-align: center;
}

#foodphoto #galcounter span{
	font: 24px Tahoma;
}



#foodphoto .galcontainer{
	margin: 20px 0;
}

#foodphoto .galcontainer .galobj{
	position: relative;
	width: 400px;
	height: 305px;
	float: left;
	transition: opacity 1s;
	cursor: pointer;
}

#foodphoto .galcontainer .galobj:nth-child(2n+1){
margin: 20px 0 0 0;
}

#foodphoto .galcontainer .galobj:nth-child(2n){
margin: 20px 0 0 20px;
}


#foodphoto .galcontainer .galobj img{
	border-radius: 3px;
		width: 400px;
	height: 300px;
}

#foodphoto .galcontainer .galobj .goplace{
	position: absolute;
	right: -10px;
	top: 20px;
	padding: 10px 10px 10px 35px; background: #cf0000 url('/images/foodphoto/award-medal.png') 5px center no-repeat; color: #fff; border: 2px solid #fff;
}


#foodphoto .galcontainer .galobj .nm{
	color: #fff; font: 20px Tahoma; position: absolute; left: 15px; top: 15px; display: none; text-shadow: 0 0 25px #000;
}

#foodphoto .galcontainer .galobj .scontent{
	color: #fff; font: 14px Tahoma; position: absolute; width: 200px; left: 15px; top: 55px; display: none; text-shadow: 0 0 15px #000; text-align: left; line-height: 14px;
}

#foodphoto .galcontainer .galobj .user{
	color: #fff; font: 20px Tahoma; position: absolute; right: 15px; bottom: 15px; display: none; text-shadow: 0 0 15px #000;
}


#foodphoto .galcontainer .galobj .comments{
	color: #fff; font: 20px Tahoma; position: absolute; left: 15px; bottom: 15px; display: none; text-shadow: 0 0 2px #000; padding: 0 0 0 28px; background: url('/images/foodphoto/comment-ico.png') left 3px no-repeat;
}


#foodphoto .galcontainer .galobj .likes{
	color: #fff; font: 20px Tahoma; position: absolute; left: 15px; bottom: 15px; display: none; text-shadow: 0 0 2px #000; padding: 0 0 0 28px; background: url('/images/foodphoto/likes-ico.png') left 3px no-repeat;
}




/*Отдельная работа*/

#foodphoto .card{}



#foodphoto .card #cardheader{
margin: 50px 0 30px 0;
position: relative;
right: 0;
top: 0;
}


#uname{color: #555; font: normal 14px Tahoma; margin: 20px 0 0 0;}
#uname a{font: bold 16px Tahoma; color: #555;}







#foodphoto .card .photo{width: 835px;}

#foodphoto .card .recipe{font: 14px Tahoma; width: 835px; margin: 30px 0;}
#foodphoto .card .recipe h2{font: 22px Tahoma; color: #555; margin: 20px 0 10px 0;}



/*Добромет*/

#foodphoto .card .dobromet{font: 14px Tahoma; width: 835px; margin: 30px 0;}
#foodphoto .card .dobromet h2{font: 22px Tahoma; color: #555; margin: 20px 0 10px 0;}


#foodphoto .card .dobromet .criteriarating{float: left; margin: 20px 0 0 0; width: 300px;} 
#foodphoto .card .dobromet .criteriarating .dobrometitem{margin: 0 0 30px 0;}


#foodphoto .card .dobromet .criteriaresponse{float: left; width: 300px;} 
#foodphoto .card .dobromet .criteriaresponse textarea{margin: 0; width: 490px; height: 77px; font-size: 16px;padding: 10px;} 


#foodphoto .card .dobromet .criteriaresponsesubmit {margin: 10px 10px 10px 0; display: block; padding: 5px 10px; line-height: 30px; background-color: #f2f2f2; border-radius: 4px; text-align: center; text-decoration: none; cursor: pointer; float: left;}
#foodphoto .card .dobromet .criteriaresponsesubmit:hover {background: #4086de; color: #fff;}


/*Результат конкурса на странице работы*/

#foodphoto .card .dobrometresult{font: 14px Tahoma; width: 835px; margin: 30px 0;}
#foodphoto .card .dobrometresultitem{padding: 20px; background: #f2f2f2; margin: 0 0 30px 0;}
#foodphoto .card .dobrometresult h2{font: 22px Tahoma; color: #555; margin: 20px 0 10px 0;}
#foodphoto .card .dobrometresult h3{margin: 40px 0 10px 0;}


/*Комментарии*/


/*Комментарии*/ 

#rcomments
{

}




.addcommentarea{
position: absolute;
width: 235px;
height: 30px;
position: absolute;
right: 0; top: -15px;
}



.addcommentarea .addcomment{

font: 18px Tahoma;
width: 230px;
height: 40px;
border: 2px solid #eee;
text-align: center;
line-height: 40px;
cursor: pointer;
border-radius: 3px;
padding: 3px;
background: #f2f2f2;
text-shadow: 0 0 1px #fff;
}

.addcommentarea #rate{
position: absolute;
right: 0px; top: 10px;
width: 225px;
height: 50px;
}

.addcommentarea #rate .ratetitle{
position: absolute;
left: -15px; top: 13px;
font: 12px Tahoma;
text-align: right;
}

.addcommentarea #rate #likebutton{
position: absolute;
right: 0px; top: -15px;
cursor: pointer;
opacity: 0.8;
}

.addcommentarea #rate #likebutton:hover{
opacity: 1;
transition: 0.3s;
}

.addcommentarea #rate #likecount{
position: absolute;
right: 75px; top: 15px;
font: 20px Tahoma;
}

.addcommentarea .addcomment:hover{
background-color: #f2f2f2;
border: 2px solid #888;
transition: 0.3s;
}


.addcommentarea #count
{
position: absolute;
right: 0; top:35px;
font: 16px Tahoma;
text-align: right;
margin: 0 0 40px 0;
}



#listcomments
{
position: relative;
padding: 30px auto;
font: 16px Tahoma;
}



#listcomments #selector
{
position: absolute;
left: 0;
top: 0;
}

#listcomments #clist
{
list-style: none;
width: 835px;
}



#listcomments #clist .comment
{
position: relative;
float: left;
width: 100%;
font: 14px Tahoma;
padding: 22px 0 60px 0;
margin: 0 0 20px 0;
border-radius: 5px;
min-height: 40px;
}


#listcomments #clist .comment .avatar
{
position: absolute;
left: 0;
top: 8px;
width: 90px;
height: 90px;
border-radius: 3px;
}

#listcomments #clist .comment .emoji
{
width: 20px;
height: 20px;
}


#listcomments #clist .comment .commentauthor
{
position: absolute;
left: 120px;
top: 5px;
}

#listcomments #clist .comment .commentauthor a
{
font: 16px Verdana;
}

#listcomments #clist .comment .commenttext
{
margin: 5px 0 0 120px;
font: 14px Verdana;
}

#listcomments #clist .comment .votecomment
{
position: absolute;
right: 0px;
top: 5px;
width: 25px;
height: 18px;
color: #407402;
font: bold 11px Verdana;
line-height: 20px;
padding: 0 0 0 25px;

}

#listcomments #clist .comment .votecomment img
{
position: absolute;
left: 0;
top: 0;
cursor: pointer;
opacity: 0.5;
}

#listcomments #clist .comment .votecomment img:hover
{
opacity: 1;
}

#listcomments #clist .comment .fastanswer
{
position: absolute;
left: 230px;
bottom: 5px;
color: #fff;
font: 14px Verdana;
cursor: pointer;
display: none;
background: #0166a6;
padding: 5px;
border: 1px solid #ddd;
height: 22px;
width: 70px;
text-align: center;
line-height: 22px;
border-radius: 5px;
text-shadow: 0 0 3px #000;
}

#listcomments #clist .comment .subcomment .postedit
{
position: absolute;
right: 0px;
top: 0px;
color: #fff;
font: 11px Verdana;
cursor: pointer;
padding: 2px 3px;
width: 10px;
text-align: center;
display: none;
}

#listcomments #clist .comment .maincomment .mainpostedit
{
position: absolute;
right: 5px;
top: 25px;
color: #fff;
font: 11px Verdana;
cursor: pointer;
padding: 2px 3px;
width: 10px;
text-align: center;
display: none;
}

#listcomments #clist .comment .fastanswer:hover
{
background-color: #0879c1;
}

#listcomments #clist .separator
{
clear: both;
background: url('/images/hseparator.png') center center repeat-x; height: 20px; width: 90%;
}




#listcomments #clist a
{
color: #1a98d9;
font: 14px Arial;
}

#fblock{margin: 0 auto; width: 200px; border-radius: 2px; border: 0; background: #f3f3f3;}



 

#listcomments #clist .comment .subcomment
{
position: relative;
width: 100%;
margin: 80px 0 0 120px;
line-height: 12px;
min-height: 60px;
padding: 5px 0;
}

#listcomments #clist .comment .subcomment .subtext
{
margin: 0 0 0 80px;
width: 400px;
font: 12px Tahoma;
line-height: 14px;
}

#listcomments #clist .comment .subcomment .subname
{
margin: 0 0 0 80px;
width: 400px;
}

#listcomments #clist .comment .subcomment .subavatar
{
position: absolute;
width: 50px;
height: 50px;
top: 0px;
opacity: 0.8;
border-radius: 3px;
}

#listcomments #clist .comment .subcomment .emoji
{
width: 16px;
height: 16px;
}














/*Форма комментария*/

#commentform
{
position: relative;
padding: 20px;
text-align: left;
height: 170px;
width: 470px;
margin: 40px auto;
}

#commentform #ucname
{
position: absolute;
left: 40px;
top: 0px;
font-size: 12px;
}

#commentform #ucname #usrname
{
position: absolute;
left: 0px;
top: 13px;
width: 150px;
}

#commentform #ucname #description
{
position: absolute;
left: 170px;
top: 18px;
font-size: 11px;
width: 300px;
}

#commentform #ucname #description a
{
font-size: 11px;
}

#commentform #cbar
{
position: absolute;
left: 45px;
bottom: 10px;
list-style: none;
margin: 0;
padding: 0;
}





#commentform #cbar input[type=radio] {
    display:none; 
    margin:10px;
}
 

#commentform #cbar input[type=radio] + label {
 display:inline-block;
 margin:-2px;
 padding: 4px 12px 4px 25px;
 margin-bottom: 0;
 font-size: 14px;
 line-height: 20px;
 color: #333;
 text-align: center;
 text-shadow: 0 1px 1px rgba(255,255,255,0.75);
 vertical-align: middle;
 cursor: pointer;
 background-color: #f5f5f5;
 background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
 background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
 background-image: -o-linear-gradient(top,#fff,#e6e6e6);
 background-image: linear-gradient(to bottom,#fff,#e6e6e6);
 background-repeat: repeat-x;
 border: 1px solid #ccc;
 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 border-bottom-color: #b3b3b3;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}



#commentform #cbar input[type=radio]:checked + label { 
outline: 0;
-webkit-box-shadow: inset 0 2px 7px rgba(0,0,0,0.15),0 1px 7px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 2px 7px rgba(0,0,0,0.15),0 1px 7px rgba(0,0,0,0.05);
box-shadow: inset 0 2px 7px rgba(0,0,0,0.15),0 1px 7px rgba(0,0,0,0.05);
background-color:#ccc;
}

#commentform #cbar #good{
background: url('/images/recipe/good-ico.png') 5px center no-repeat;
}

#commentform #cbar #bad{
background: url('/images/recipe/bad-ico.png') 5px center no-repeat;
}

#commentform #cbar #idea{
background: url('/images/recipe/idea-ico.png') 5px center no-repeat;
}



#commentform input
{
position: absolute;
width: 50%;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
padding: 5px;
}

#commentform #textcomment
{
position: absolute;
top: 50px; left: 40px;
width: 417px;
height: 100px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #ccc;
padding: 5px;
outline-width: 0;
}







#commentform #sendcomment
{
position: absolute;
right: 20px;
top: 180px;
width: 100px;
height: 30px;
border-radius: 3px;
padding: 5px;
background-color: #f2f2f2;
font-weight: bold;
border: 0;
cursor: pointer;
color: #555;
font: 14px Tahoma;
}

#commentform #sendcomment:hover
{
background-color: #155ebf;
color: #fff;
}





#contestpage{width: 90%; margin: 20px auto; border: 1px solid #ccc;}






.itogi{margin: 40px 0 0 0px;}

.itogi h2{color: #bb2f09!important; font: 26px Tahoma!important; margin: 20px 0!important;}
.itogi p{font: 14px Tahoma!important; margin: 20px 0!important;}
.itogi h3{color: #333!important; font: 20px Tahoma!important; margin: 20px 0!important;}
.itogi h3 a{color: #333!important; font: 20px Tahoma!important; margin: 20px 0!important;}
.itogi .morebutton{border: 1px solid #ccc; background: #f2f2f2; padding: 10px; font: 16px Tahoma; color: #333; text-shadow: 0 0 1px #fff; cursor: pointer; width: 150px; text-align: center;}
.itogi a{
color: #0965bb;
font: 14px Tahoma;
text-decoration: none;
}


.itogi .iplace img{width: 200px; height: 150px; border-radius: 3px; box-shadow: 0 0 35px #ccc; border: 1px solid #fff;}
.itogi .iplace strong{font-size: 14px;}











.ffcomments{width: 820px; margin: 0 auto;}

.ffcomments p{margin: 0;}

.ffcomments h2{font: 22px Tahoma; color: #333; margin: 0 0 0px 0;}



.ffresult{margin: 40px 0 0 0;}

.ffresult h2{color: #bb2f09!important; font: 26px Tahoma!important; margin: 20px 0!important;}

.ffresult ul{margin: 0 0 0 15px; padding: 0; list-style: square outside;}
.ffresult ul li{margin: 0; padding: 0;}