@charset "utf-8";

/* commentBox
--------------------------------------- */
#commentBox{
font-size: 11px;
}
#commentBox .title{
padding-bottom: 15px;
}
#commentBox a{
color: #1982D1;
}
#commentBox .boxL{
box-sizing: border-box;
width: 450px;
border: 1px solid #eee;
background-color: #fff;
padding: 20px;
float: left;
display: none;
}
#commentBox footer{
font-size: 11px;
}
/* Post author highlighting */
#commentBox .boxL .commentlist > li.bypostauthor {
background: #F6F6F6;
border-color: #CCC;
}
#commentBox .boxL .commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
#commentBox .boxL .commentlist > li.bypostauthor .comment-meta a:focus,
#commentBox .boxL .commentlist > li.bypostauthor .comment-meta a:active,
#commentBox .boxL .commentlist > li.bypostauthor .comment-meta a:hover {
}
#commentBox .boxL .commentlist > li.bypostauthor:before {
content: url(/common/img/managed/cmn-comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */
#commentBox .boxL .commentlist .children > li.bypostauthor {
background: #F6F6F6;
border-color: #CCC;
}

/* comments
--------------------------------------- */
#commentBox #comments-title,
#commentBox #comments-title .resized {
padding: 15px 0;
font-size: 14px;
}
#commentBox .nopassword,
#commentBox .nocomments {
color: #aaa;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
#commentBox .commentlist {
list-style: none;
padding-left: 70px;
}
#commentBox .content .commentlist,
#commentBox .page-template-sidebar-page-php .commentlist {
width: 100%; /* reset the width for the one-column and sidebar page layout */
}
#commentBox .commentlist > li.comment {
background: #f6f6f6;
border: 1px solid #CCC;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 10px;
padding: 10px;
position: relative;
}
#commentBox .commentlist .pingback {
margin: 0 0 1.625em;
padding: 0 1.625em;
}
#commentBox .commentlist .children {
list-style: none;
margin: 0;
}
#commentBox .commentlist .children li.comment {
background: #fff;
border-left: 1px solid #ddd;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em;
position: relative;
}
#commentBox .commentlist .children li.comment .fn {
display: block;
}
#commentBox .comment-meta .fn {
font-style: normal;
}
#commentBox .comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;
}
#commentBox .commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
#commentBox .commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;
}
#commentBox .comment-meta a {
font-weight: bold;
}
#commentBox .comment-meta a:focus,
#commentBox .comment-meta a:active,
#commentBox .comment-meta a:hover {
}
#commentBox .commentlist .avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
left: -70px;
padding: 0;
position: absolute;
top: 0;
width: 40px;
height: 40px;
}
#commentBox .commentlist > li:before {
content: url(images/comment-arrow.png);
left: -21px;
position: absolute;
}
#commentBox .commentlist > li.pingback:before {
content: '';
}
#commentBox .commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;
}
#commentBox a.comment-reply-link {
background: #eee;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
display: inline-block;
font-size: 12px;
padding: 0 8px;
text-decoration: none;
}
#commentBox a.comment-reply-link:hover,
#commentBox a.comment-reply-link:focus,
#commentBox a.comment-reply-link:active {
background: #888;
color: #fff;
}
#commentBox a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}
/* Post author highlighting */
#commentBox .commentlist > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
#commentBox .commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
#commentBox .commentlist > li.bypostauthor .comment-meta a:focus,
#commentBox .commentlist > li.bypostauthor .comment-meta a:active,
#commentBox .commentlist > li.bypostauthor .comment-meta a:hover {
}
#commentBox .commentlist > li.bypostauthor:before {
content: url(images/comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */
#commentBox .commentlist .children > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
#commentBox .page-template-sidebar-page-php .commentlist > li.comment,
#commentBox .page-template-sidebar-page-php.commentlist .pingback {
margin-left: 102px;
width: auto;
}
/* And a full-width comment form */
#commentBox .page-template-sidebar-page-php #respond {
width: auto;
}
/* Comment Form */
#commentBox #respond {
background: #F6F6F6;
border: 1px solid #CCC;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
position: relative;
}
#commentBox #respond input[type="text"],
#commentBox #respond textarea {
background: #fff;
/*border: 4px solid #eee;*/
border: 2px solid #eee;
/*-moz-border-radius: 5px;
border-radius: 5px;*/
-webkit-box-shadow: inset 0 1px 1px rgba(204,204,204,0.95);
-moz-box-shadow: inset 0 1px 1px rgba(204,204,204,0.95);
box-shadow: inset 0 1px 1px rgba(204,204,204,0.95);
position: relative;
padding: 7px;
}
#commentBox #respond .comment-form-author,
#commentBox #respond .comment-form-email,
#commentBox #respond .comment-form-url,
#commentBox #respond .comment-form-comment {
position: relative;
margin-top: 10px;
}
#commentBox #respond .comment-form-author label,
#commentBox #respond .comment-form-email label,
#commentBox #respond .comment-form-url label,
#commentBox #respond .comment-form-comment label {
background: #eee;
-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
color: #555;
display: inline-block;
font-size: 12px;
min-width: 60px;
padding: 4px 10px;
position: absolute;
top: 0px;
left: 2px;
z-index: 1;
}
#commentBox #respond input[type="text"]:focus,
#commentBox #respond textarea:focus {
text-indent: 0;
z-index: 1;
}
#commentBox #respond textarea {
resize: vertical;
width: 95%;
}
#commentBox #respond .comment-form-author .required,
#commentBox #respond .comment-form-email .required {
color: #bd3500;
font-size: 22px;
font-weight: bold;
left: 90%;
position: absolute;
top: 10px;
z-index: 1;
}
#commentBox #respond .comment-notes,
#commentBox #respond .logged-in-as {
font-size: 12px;
padding:10px 0 5px 0;
}
#commentBox #respond p {
}
#commentBox #respond .form-submit {
display:block;
text-align:center;
}
#commentBox #respond input#submit {
background: #222;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
color: #eee;
cursor: pointer;
font-size: 13px;
margin: 10px 0 0;
padding: 5px 10px;
position: relative;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#commentBox #respond input#submit:active {
background: #1982d1;
color: #bfddf3;
}
#commentBox #respond #cancel-comment-reply-link {
color: #666;
margin-left: 10px;
text-decoration: none;
}
#commentBox #respond .logged-in-as a:hover,
#commentBox #respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
#commentBox .commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
#commentBox #reply-title {
color: #373737;
font-size: 16px;
font-weight: bold;
line-height: 1;
padding-top:10px;
}
#commentBox #cancel-comment-reply-link {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 2.2em;
letter-spacing: 0.05em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#commentBox #cancel-comment-reply-link:focus,
#commentBox #cancel-comment-reply-link:active,
#commentBox #cancel-comment-reply-link:hover {
color: #ff4b33;
}
#commentBox #respond label {
line-height: 1.5em;
}
#commentBox #respond input[type=text] {
display: block;
height: 24px;
width: 95%;
}
#commentBox #respond p {
font-size: 12px;
}
#commentBox p.comment-form-comment {
margin: 0;
}
#commentBox .form-allowed-tags {
display: none;
}

/* boxR
--------------------------------------- */
#commentBox .boxR{
box-sizing: border-box;
width: 100%;
border:1px solid #eee;
background-color: #fff;
padding: 20px;
float: right;
}
#commentBox .boxR .inner{
box-sizing: border-box;
width: 380px;
margin: 0 auto;
}