#respond { 
    background: #fbfbfb;
    padding:11px 18px 11px 18px;
    }
      
    /* Highlight active form field */
      
    #respond input[type=text], textarea {
      -webkit-transition: all 0.30s ease-in-out;
      -moz-transition: all 0.30s ease-in-out;
      -ms-transition: all 0.30s ease-in-out;
      -o-transition: all 0.30s ease-in-out;
      outline: none;
      padding: 10px;
      margin: 5px 1px 3px 0px;
      border: 1px solid #DDDDDD;
    }
       
       
    #respond input[type=text]:focus,
    input[type=email]:focus, 
    input[type=url]:focus,
    textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    margin: 5px 1px 3px 0px;
    border: 2px solid rgba(81, 203, 238, 1);
    }

    #author, #email { 
        /* font-family: "Open Sans", "Droid Sans", Arial; */
        /* font-style:italic; */
        color:#1d1d1d; 
        /* letter-spacing:.1em; */
        } 
          
        #url  { 
        color: #1d1d1d;
        /* font-family: "Luicida Console", "Courier New", "Courier", monospace;  */
        }

        /* #submit {
            background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
            background-color:#44c767;
            -moz-border-radius:28px;
            -webkit-border-radius:28px;
            border-radius:28px;
            border:1px solid #18ab29;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:17px;
            padding:16px 31px;
            text-decoration:none;
            text-shadow:0px 1px 0px #2f6627;
            } 
              
            #submit:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
            background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
            background-color:#5cbf2a; 
            }
            #submit:active { 
            position:relative;
            top:1px;
            } */

            #submit {display: none;}

            p.comment-policy {
                border: 1px solid #ffd499;
                background-color: #fff4e5;
                border-radius: 5px;
                padding: 10px;
                margin: 10px 0px 10px 0px;
                font-size: small;
                font-style: italic;
            }
            
                #comments { display: none; }











                /****************
advanced comment styles
****************/

.depth-2, .depth-1{
    padding-bottom: 12px !important;
}
.comment-body {
    margin-right: 20px;
}
.comment-navigation,.comment-navigation:after,.comment-rss{display:block} 
ol.commentlist{width:100%} 
h3#comments{height:25px;text-align:left;background:#4c7faa;color:#fff;padding:5px 0 0 5px} 
ol.commentlist,li.authorcomment,li.comment{margin:0}
ol.commentlist,ol.commentlist ul{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:20px 26px 0 20px; border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;} 
li.authorcomment,li.comment{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} 
li.even{background:#fff} 
li.odd{background:#fbfbfb} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:right;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.comment-navigation .newer 
.comment-navigation .newer a,.comment-navigation .older a{background:#4c7faa} 
/* .reply{margin:0 10px 10px 0}  */
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
p.subscribe-to-comments input{outline:0} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}