/**** Страница переписка ****/
#ug{width: 940px; margin-left: 20px;}
#ug h1{font-size: 24px; margin: 30px 0 0 0;}
#ug h2{font-size: 20px; margin: 0;}
#ug .pagedescription{font-size: 14px; margin: 20px 0 0 ;}

/*Топ рецептов*/
#ug .toprecipes{margin: 20px 0; margin-left: -6px;}
#ug .toprecipes .preimage {position: relative; display: block; float: left; margin: 6px;}
#ug .toprecipes .preimage img{width: 222px; border: 1px solid #fff;}
#ug .toprecipes .preimage img:hover{border: 1px solid #000; transition: 0.3s;}

/*Топ рецептов*/
#ug .toprecipesnew{margin: 20px 0; margin-left: -6px;}
#ug .toprecipesnew .preimage {position: relative; display: block; float: left; margin: 6px;}
#ug .toprecipesnew .preimage img{width: 143px; border: 1px solid #fff;}
#ug .toprecipesnew .preimage img:hover{border: 1px solid #000; transition: 0.3s;}


/*Список лидеров*/
#authors{margin: 20px 0; width: 100%;}
#authors .authorsheader{font: 10px Tahoma;}
#authors .authorsheader:nth-child(1) {background: #aaa; /* Цвет фона */ color: #fff; /* Цвет текста */} 
   
#authors tr:nth-child(2n) {background: #f9f9f9; /* Цвет фона */} 
 
#authors td{padding: 5px 25px; border-bottom: 1px solid #f2f2f2;}
#authors .num {padding: 0 0 0 25px; font: 16px Tahoma;}
#authors .avatar img{border:0; box-shadow: none; border-radius: 3px; width: 50px; height: 50px; margin: 0;}
#authors .uname {padding: 0;}
#authors .uname span {background-color: #eee; display: inline-block; padding: 3px; border-radius: 3px; text-shadow: 0 0 1px #fff;}
#authors .uname span img {width: 12px; height: 12px; margin-right: 3px;}

#authors .uname a{font: 16px Tahoma;}
#authors .uname p{font: 11px Tahoma; color: #999;}




/*new*/

.ingrobject{float:left; margin: 3px; width: 130px; text-align: center; text-decoration: none;}

.ingrobject img{width: 100px; height: 80px;}
.ingrobject .ingrname{font: 14px Tahoma; margin: 10px 0 0 0; color: #000; text-decoration: underline;}


/*Страница фотоотчета*/
#ug .itemname{margin: 10px 0; font-size: 12px; margin: -3px 0 0 0; color: #888;}
#ug .itemname a{color: #888; font-size: 12px;}



/*Описание под картинкой*/
.ugdescription {padding: 20px 0;}
.ugdescription h2{font-size: 22px!important; margin: 0px 0 10px 0!important;}
.ugdescription .itemdescription{margin: 0px 0 20px 0; background: #f2f2f2;}

.ugdescription .ugdcontent{box-shadow: 0 0 15px #ccc; padding: 15px; border-radius: 5px;}

.ugdescription .uginfo{margin: 10px 0; padding: 15px;}
.ugdescription .uginfo a{font-size: 16px;}

.ugdescription .ugdnotes{margin: 15px 0; color: #000; font-size: 18px;}
.ugdescription .ugdnotesaddons{margin: 25px 0; color: #555;}
.ugdescription .ugdnotesaddons h2{color: #555; font-size: 16px!important; font-weight: bold;}

.ugdescription .ugdcomment{margin: 10px 0;}

.ugdescription .ugdurl{color: #333; font-size: 18px;}
.ugdescription .ugdurl a{font-size: 18px;}

.itemimage{width: 100%; margin: 20px 0 0 0; border-radius: 1px; border-radius: 5px;}



/*Описание под картинкой*/

.morereports {background: #f2f2f2; border-radius: 5px; padding: 20px; margin-top: 45px}
.morereports h2{font-size: 22px!important; margin: 0px 0 10px 0!important;}
.morereports .mrobj{float: left; margin: 25px 50px 25px 0;}
.morereports .mrobj .mrouser{display: block; text-align: center; margin-top: 10px; color: #000;}
.morereports .mrobj .mrophoto{border-radius: 5px; box-shadow: 0 0 10px #fff;}






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

.ugcomments{box-shadow: 0 0 30px #ccc; padding: 20px; border-radius: 5px;}
.commentsheader{position: relative; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; margin-top: 1px; font-size: 24px;}
.commentsheader .addcomment{position: absolute; right: 0; top: -10px; font: 16px Tahoma; width: 190px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; border-radius: 2px; padding: 3px; background: #223b7e;color: #fff; text-shadow: 1px 1px 1px #1d5ec9; border: 0;}
.commentsheader .addcomment:hover{background-color: #4f72c2;}

.commentslist{}


.commentslist .addcomment:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.commentslist .clitem{position: relative; margin: 0 0 20px 0; font-size: 16px; padding: 20px 0; border-top: 1px solid #ddd;}

.commentslist .clitem .postbar{margin-top: 10px;}
.commentslist .clitem .postbar .mainpostedit{float: left; cursor: pointer; font-size: 14px; color: #0c76ee; text-decoration: underline;}
.commentslist .clitem .postbar .cllike{float: left; cursor: pointer; opacity: 0.7;}
.commentslist .clitem .postbar .cllike:hover{opacity: 1; transition: 0.3s;}
.commentslist .clitem .postbar .cllike img{width:16px; height: 16px;}
.commentslist .clitem .postbar .cllike sub{font-size: 10px; margin-left: -5px;}
.commentslist .clitem .postbar .cldt{float: left; margin-left: 20px; font-size: 11px; color: #999;}
.commentslist .clitem .postbar .cldt strong{font-weight: normal;}

.commentslist .clitem .clavatar{width: 70px; height: 70px; float: left;}
.commentslist .clitem .clcontent{float: left; width: 505px; margin-left: 30px;}
.commentslist .clitem .clcontent .clauthor{font-size: 18px; font-weight: bold; color: #999;}
.commentslist .clitem .clcontent .clauthor a{font-size: 18px; font-weight: bold; color: #000!important; text-decoration: none;}
.commentslist .clitem .clcontent .clauthor .recipeauthor{background-color: #624330; color: #fff; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clitem .clcontent .clauthor .ustatus{background-color: #f2f2f2; color: #555; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clitem .clcontent .cltext{margin-top: 20px;}
.commentslist .clitem .clcontent .cltext .emoji{width: 20px; height: 20px;}

.commentslist .clitem .clcontent .cltext .attachment{padding: 10px; background: #f2f2f2; margin-top: 20px;}
.commentslist .clitem .clcontent .cltext .attachment span{font-size: 11px; display: block;}
.commentslist .clitem .clcontent .cltext .attachment img{width: 80px; height: 80px; cursor: pointer; border: 1px solid #f2f2f2;}
.commentslist .clitem .clcontent .cltext .attachment img:hover{border: 1px solid #000; transition: 0.3s;}

.commentslist .clsubitem{position: relative; margin: 0 0 20px 30px; font-size: 16px; padding: 20px 0;}

.commentslist .clsubitem .postbar{margin-top: 10px;}
.commentslist .clsubitem .postbar .clsanswer{float: left; margin-left: 0px; cursor: pointer; font-size: 14px; color: #0c76ee; text-decoration: underline;}
.commentslist .clsubitem .postbar .postedit{float: left; margin-left: 20px; cursor: pointer; font-size: 14px; color: #0c76ee; text-decoration: underline;}
.commentslist .clsubitem .postbar .clslike{float: left; cursor: pointer; opacity: 0.7;}
.commentslist .clsubitem .postbar .clslike:hover{opacity: 1; transition: 0.3s;}
.commentslist .clsubitem .postbar .clslike img{width:16px; height: 16px;}
.commentslist .clsubitem .postbar .clslike sub{font-size: 10px; margin-left: -5px;}
.commentslist .clsubitem .postbar .clsdt{float: left; margin-left: 20px; font-size: 11px; color: #999;}
.commentslist .clsubitem .postbar .clsdt strong{font-weight: normal;}

.commentslist .clsubitem .clsavatar{width: 70px; height: 70px; float: left;}
.commentslist .clsubitem .clscontent{float: left; width: 475px; margin-left: 30px;}
.commentslist .clsubitem .clscontent .clsauthor{font-size: 16px; font-weight: bold; color: #999;}
.commentslist .clsubitem .clscontent .clsauthor a{font-size: 16px; font-weight: bold; color: #333!important; text-decoration: none;}
.commentslist .clsubitem .clscontent .clsauthor .recipeauthor{background-color: #624330; color: #fff; font-size: 10px; padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clsubitem .clscontent .clsauthor .ustatus{background-color: #f2f2f2; color: #555; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clsubitem .clscontent .clstext{font-size: 14px; line-height: 20px; margin-top: 20px;}
.commentslist .clsubitem .clscontent .clstext .emoji{width: 20px; height: 20px;}

.commentslist .clsubitem .clscontent .clstext .attachment{padding: 10px; background: #f2f2f2; margin-top: 20px;}
.commentslist .clsubitem .clscontent .clstext .attachment span{font-size: 11px; display: block;}
.commentslist .clsubitem .clscontent .clstext .attachment img{width: 80px; height: 80px; cursor: pointer; border: 1px solid #f2f2f2;}
.commentslist .clsubitem .clscontent .clstext .attachment img:hover{border: 1px solid #000; transition: 0.3s;}





#nrcommentform{font: 14px Arial; margin: 30px auto; width: 90%;}
#nrcommentform p{margin: 5px 0;}
#nrcommentform #unameext{font-size: 16px; width: 50%; height: 20px; padding: 5px; border: 1px solid #ccc;}
#nrcommentform #textcomment{width: 100%; font-size: 16px!important; padding: 5px; border: 1px solid #ccc;}
#nrcommentform .buttonsline{margin-top: 20px; position: relative;}
#nrcommentform .buttonsline #sendcomment{position: absolute; right: 0; top: 0; width: 150px; height: 20px; border-radius: 3px; padding: 8px 4px; color: #fff; text-align: center; background-color: #6da047; cursor: pointer; line-height: 20px;}
#nrcommentform .buttonsline #sendcomment:hover{background-color: #618803; transition: 0.3s;}

#nrcommentform .buttonsline .file-upload {position: relative; overflow: hidden; width: 150px; height: 20px; background: #ccc; border-radius: 3px; padding: 8px 4px; color: #000; text-align: center;}
#nrcommentform .buttonsline .file-upload:hover {background: #999; transition: 0.3s;}
#nrcommentform .buttonsline .file-upload input[type="file"]{display: none;}
#nrcommentform .buttonsline .file-upload label {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#nrcommentform .buttonsline .file-upload span {line-height: 36px;}



#commentform{font: 14px Arial; margin: 30px auto; width: 90%;}
#commentform p{margin: 5px 0;}
#commentform #unameext{font-size: 16px; width: 50%; height: 20px; padding: 5px; border: 1px solid #ccc;}
#commentform #textcomment{width: 100%; font-size: 16px!important; padding: 5px; border: 1px solid #ccc;}
#commentform .buttonsline{margin-top: 20px; position: relative;}
#commentform .buttonsline #sendcomment{position: absolute; right: 0; top: 0; width: 150px; height: 20px; border-radius: 3px; padding: 8px 4px; color: #fff; text-align: center; background-color: #6da047; cursor: pointer; line-height: 20px;}
#commentform .buttonsline #sendcomment:hover{background-color: #618803; transition: 0.3s;}

#commentform .buttonsline .file-upload {position: relative; overflow: hidden; width: 150px; height: 20px; background: #ccc; border-radius: 3px; padding: 8px 4px; color: #000; text-align: center;}
#commentform .buttonsline .file-upload:hover {background: #999; transition: 0.3s;}
#commentform .buttonsline .file-upload input[type="file"]{display: none;}
#commentform .buttonsline .file-upload label {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#commentform .buttonsline .file-upload span {line-height: 36px;}