/* Comments */
#comm_s #formc_cls, #comm_s #fmod_cls, #comm_s  #addcomm, #comm_s .imgbox, #comm_s .linkspg span, #comm_s .addsmile, #comm_s .addtag, #comm_s .seturl, #comm_s .nr_coms label {cursor:pointer;}

#comm_s {
position:relative;
margin:15px auto 40px 211px;
padding:0;
text-align:center;
font-size:14px;
min-width:270px;
}
#bdy #comm_s {
padding:0;
}
#comm_s #cm {
margin:0 auto;
background-color:#ddddfb;
border:1px solid #dfdffb;
border-top-left-radius:8px;
border-top-right-radius:8px;
display:inline-block;
font-size:20px;
padding:0 4px 0 1px;
}
#comm_s #cm:before{
content:'\270E';
padding:0 3px 0 0;
}
#comm_s #cm span { font-size:15px; color:#888888; font-style:oblique; }
#comm_s #adcomm {border:1px solid red; padding:2px; text-align:center; font-size:18px; color:blue;}

/* Comments zone */
#comm_s #coments {
position:relative;
margin:0 auto;
border:1px solid #eeeef5;
background-color:#f9f9fb;
padding:4px 2px;
max-width:740px;
width:98%;
}
#comm_s .coms {
position:relative;
margin:12px 3px 10px 1px;
background-color:#e1fbe2;
border:1px solid #ecf8ec;
text-align:left;
padding:0 2px 1px 2px;
border-radius:8px;
}
#comm_s .coms:nth-child(even) {
background-color:#f1f1fc;
border:1px solid #e1e2fa;
}
#comm_s .coms:not(:last-child):after{
content:'';
display:block;
border-bottom:2px solid #333;
margin:0 auto 0 calc(50% - 25px);
position:absolute;
bottom:-10px;
width:25px;
}
#comm_s .n_coms {
position:absolute;
margin-top:-13px;
font-size:18px;
font-weight:bold;
color:#0808da;
}
#comm_s .n_coms:before{
content:'\25CB';
font-size:12px;
padding:0 3px 0 0;
}
#comm_s #coments q {
position:absolute;
top:-2px;
left:45%;
}
#comm_s .nr_coms {
max-width:225px;
position:absolute;
top:-8px; right:-5px;
background-color:#ededf1;
text-align:center;
font-size:13px;
font-weight:bold;
font-style:italic;
padding:0px 1px;
color:blue;
border-radius:6px;
}
#comm_s .nr_coms span {
display:block;
margin:-5px auto 0px auto;
background:#fefefe;
text-transform:uppercase;
color:#fe0808;
}
#comm_s .nr_coms a {
font-size:14px;
padding-left:2px;
padding-right:2px;
color:blue;
}
#comm_s .nr_coms label:hover, #comm_s .nr_coms a:hover {
background:#fafa00;
text-decoration:none;
}
#comm_s .e_coms {
position:absolute;
margin:8px auto 2px 50px;
font-style:italic;
font-size:12px;
padding:0px;
color:green;
}
#comm_s .d_coms {
position:absolute;
margin-top:3px;
right:25px;
font-size:13px;
color:#111111;
}
#comm_s .c_coms {
margin-top:6px;
background-color:#fff;
font-size:16px;
padding:2px;
text-indent:21px;
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
border-radius:7px;
}
#comm_s pre.code{
max-height:280px;
min-width:260px;
margin:5px 1px 2px 2px;
background:#fefee9;
border:1px solid #bbb;
font-size:15px;
padding:2px;
color:#0101ff;
overflow:auto;
text-indent:0;
word-wrap:break-word
}
#comm_s .adc_coms { display:none; }
#comm_s #coments .clr { clear:right; }

/* Pagination lins */
#comm_s .linkspg {
position:relative;
margin:8px 12px 0px 125px;
background-color:#ececec;
text-align:right;
padding:3px 18px 2px 8px;
font-size:16px;
border-radius:6px;
}
#comm_s #coments .linkspg span {
background-color:#5555de;
margin:auto 0 auto 4px;
padding:0 3px;
font-weight:bold;
color:white;
border-radius:4px;
}
#comm_s #coments .linkspg .nrp {
background-color:transparent;
margin:0 1px;
font-style:italic;
padding:0;
color:#0000be;
}
#comm_s #coments .linkspg span:hover {
background-color:#fbfb00;
border-radius:4px;
text-decoration:underline;
color:#0000da;
}

/* The image in comments */
#comm_s #coments .imgbox {
display:block;
float:right;
margin:0 0 5px auto;
text-align:right;
}

/* Form for reset new comments, in admin */
#comm_s #reset_nc {
border-top:2px dashed #888;
position:relative;
max-width:600px;
margin:.1em auto .8em auto;
text-align:center;
}

/* Form to modify form */
#comm_s #modf {
display:none;
margin:12px auto 10px auto;
width:99%;
background-color:#f8f8fc;
font-weight:bold;
font-size:14px;
}
#comm_s .delcmm {
float:right;
margin-right:22px;
}
#comm_s #modf #fmod fieldset {
border-color:#dadafe;
}

/* Form to add comments */
#comm_s #fcom {
position:relative;
margin:0 auto 12px auto;
font-family:Calibri, sans-serif;
font-size:16px;
text-align:center;
width:95%;
min-width:275px;
max-width:500px;
}
#comm_s #fcom #icos {
background-color:#efeffe;
margin:2px auto 0 auto;
width:88%;
}
#comm_s #fcom #icos img:hover {
background-color:#fff;
}
#comm_s #formc {
display:none;
margin:0 auto;
}
#comm_s #fcom #show_formc {
background:#efefbb;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
margin:-1px auto 7px auto;
font-family:Arial, sans-serif;
font-size:17px;
padding:3px 4px 0 4px;
text-decoration:underline;
cursor:pointer;
letter-spacing:1px;
color:#0101fe;
}
#comm_s #fcom #show_formc:hover, #comm_s #formc fieldset legend:hover {
background:#0101da;
color:white;
}
#comm_s #formc fieldset {
display:block;
background:#f9fafe;
border:none;
padding:0 2px;
border-radius:10px;
}
#comm_s #formc fieldset #formc_cls {
margin:-2px -12px -8px auto;
background-color:yellow;
border-radius:5px;
padding:1px;
font-weight:bold;
font-style:italic;
text-align:right;
text-decoration:underline;
color:red;
}
#comm_s #fcom #afemail {display:none;}
#comm_s #fcom input, #fcom textarea {
border:1px solid #888888;
font-family:Arial, sans-serif;
font-size:14px;
letter-spacing:1px;
color:#111111;
background:#e1e2fe;
}
#comm_s textarea {
height:130px;
width:87%;
}

#comm_s #fcom input:focus, #comm_s #fcom textarea:focus {background:#fffedd;}

#comm_s #fcom label {
padding:1px 0px 1px 0px;
font-family:Arial, sans-serif;
font-size:15px;
color:#0000d0;
}
#comm_s #fcom #cmupimg {
display:block;
}
#comm_s #fcom #codev0c {
font-size:18px;
font-weight:bold;
letter-spacing:1px;
color:#0101da;
}
#comm_s #fcom #addcomm {
font-weight:600;
margin-top:11px;
margin-bottom:8px;
background-color:#dadafe;
padding:0 4px;
font-family:Arial, sans-serif;
font-size:15px;
color:#111111;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}

#comm_s #fcom #addcomm:hover {
background:#fffedd;
}
/* End */

/* mobile dev. */
@media screen and (max-width: 640px){

#comm_s {
margin:15px auto .4em auto;
padding:0;
width:calc(99% - 20px);
}
#comm_s .coms{
margin:10px 0;
padding:1px 2px;
}
#comm_s #cm {
border-radius:9px;
font-size:19px;
padding:1px;
}
#comm_s #fcom #icos {
margin:0 auto;
}
#comm_s #mod_coment {
height:100px;
width:99%;
}
#comm_s  input, #comm_s textarea {
font-size:13px;
}
#comm_s #fcom textarea {
height:90px;
}
#comm_s #fcom #cmnrall {
font-size:13px;
}
#comm_s #fcom #show_formc {
font-size:16px;
margin:-3px 30px 25px auto;
}

}