/* ===== COMMENTS ===== */
h3#comments-title, h3#trackbacks, h3#reply-title { margin:30px 0; font-size: 16px; text-transform: uppercase; }
h3#reply-title span { color: #c27d05; }
.content .commentlist,
.content .commentlist .children { margin: 0px; }
li.comment { list-style: none; }

.comment .comment-container {
    margin-bottom: 32px;
    position: relative;
}

.comment .comment-container .border.border-bottom-line {
	width: 233px;
	height: 35px;
	border: 0px solid #e0dfdf;
	border-left-width: 3px;
	border-bottom-width: 3px;
	margin: 118px 0px 0px 55px;
	position: absolute;
}
.comment.depth-1 .comment-container .border.vertical-top-line { display: none; }
.comment.depth-2 .comment-container .border.vertical-top-line,
.comment.depth-3 .comment-container .border.vertical-top-line,
.comment.depth-4 .comment-container .border.vertical-top-line,
.comment.depth-5 .comment-container .border.vertical-top-line {
	width: 1px;
	height: 85px;
	border: 0px solid #e0dfdf;
	border-left-width: 3px;
	margin: -91px 0px 0px 55px;
	position: absolute;
	display: block;
	z-index: -1;
}

/* === COMMENT LEFT LINE */
.comment.parent > div > .comment-container .parent-line {
    position:absolute;
    left:34px;
    top:80px;
    width:54px;
    height:100%;
    overflow: hidden;
}

#ie8 .comment.parent > div > .comment-container .parent-line { width: 33px; }

.comment.parent > div > .comment-container .parent-line span {
    border:1px solid #ddd;
    border-top:0;
    border-right:0;
    display:block;
    height:100%;
    margin-top:-12px;
}

/* === AVATAR & METAS */
.comment .comment-author.vcard span {
	height: auto;
    border-width: 1px;
    padding: 3px;
    display: block;
}

.comment .comment-author.vcard .span1 {
    float:left;
    width: auto;
}

.comment .comment-author.vcard span .avatar {
    width: 106px;
    height: 106px;
}

.comment .horizontal-lines-left, .comment .horizontal-lines-right {
    position: absolute;
    top: 29px;
    left: 85px;
}

.comment .horizontal-lines-right {
    left: 233px;
}

.comment .comment-meta { width: 145px !important; margin-left: 10px !important; }

.comment .comment-meta .fn,
.comment .comment-meta .date {
    display: block;
    margin-left: 0px;
}

.comment .comment-meta .fn {
    color: #666565;
    font-size: 13px;
    font-family: 'Oswald';
    margin-top: 15px;
    text-transform: uppercase;
}

.comment .comment-meta .date {
    color: #666565;
    font-size: 12px;
    margin-bottom: -2px;
}

.comment .comment-meta img.comment-plus {
    border: 0px;
    margin-right: 10px;
    padding: 0px;
    vertical-align: 0px;
}

/* === TEXT */
.comment .comment-content {
    position: relative;
}

.comment .comment-content .border {
    background: #ffffff;
    border-width: 1px;
    padding: 20px 20px 25px 20px;
    height: auto;
}
.comment .comment-content .border.borderstrong {
    border: 2px solid #e0dedf !important;
    padding: 3px;
}

.comment .comment-body { min-height: 145px; border-right: 0px; }
.comment .comment-body p:first-child { margin-top: 0px; }
.comment .comment-body p {
	color: #666565;
	line-height: 18px;
	font-size: 13px;
}


/* === AUTHOR COMMENTS */
.bypostauthor .comment-container .vcard img, .bypostauthor .comment-container .children .vcard img,.bypostauthor .children .bypostauthor .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .comment-container .vcard img,.bypostauthor .children .bypostauthor .children .bypostauthor .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container .vcard img {
    background: #fff;
    border-color: #e5e6ad !important;
    border-width: 3px !important;
}

/* === GUEST COMMENTS */
.comment-container .vcard img, .comment-container .children .vcard img, .bypostauthor .children .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .comment-container .vcard img, .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img {
    background:#fff;
}

/* === REPLY LINK */
img.comment-reply-link {
    background: none !important;
    border: none !important;
    margin-right: 5px;
    margin-left: 0px;
    vertical-align: middle;
}

a.comment-reply-link {
	display: block;
	color: #363635;
    font-size: 12px;
    margin-top: 8px;
    vertical-align: bottom;
}

/* === TRACKBACKS */
ol.trackbacklist {margin:20px 35px;}
ol.trackbacklist li {padding:10px 0;}             

/* ===== RESPOND FORM ===== */   
#respond { margin:2em 0 1em; position: relative; }
     
h3#reply-title {
    line-height: 27px;
    margin-bottom: 20px;
}

#respond input[type="text"],
#respond textarea,
#respond textarea:focus {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

#respond input[type="text"] {
    height: 34px;
    padding-right: 35px;
}

#respond .comment-form-comment { margin-bottom: 0px; }

#respond .comment-form-comment textarea {
    height: 192px;
    margin-bottom: 0px;
    padding-right: 35px;
    padding-top: 10px;
	resize: none;
}

#respond p {
    margin-top: 0px;
    position: relative;
}

#respond p i {
    color: #aba9a9;
    font-size: 15px;
    line-height: 32px;
    position: absolute;
    right: 15px;
    top: 26px;
    text-align: center;
}

#respond p.comment-form-comment i { top: 30px; }

#respond #commentsubmit {
    
    background-color: #c27d05;
    border: 0px;
    box-shadow: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-family: 'Oswald', 'Verdana', 'Arial', sans-serif;
    padding: 7px 13px;
    text-shadow: 0px;
	text-transform: uppercase;
	margin-top: 10px;
	float: right;
}

#respond #commentsubmit:hover { background-color: #DA8B00; }

.depth-2 p.span3 { width: 236px; }

@media (max-width: 1199px) and (min-width: 980px) {
	.depth-2 p.span3 { width: 193px !important; }
	
	.comment .comment-meta { width: 95px !important; }
	.comment .comment-meta .fn,
	.comment .comment-meta .date,
	.comment .comment-meta .comment-reply-link { margin-left: 0px !important; }
}

@media (max-width: 979px) and (min-width: 768px) {
    .comment .horizontal-lines-left, .comment .horizontal-lines-right { display: none; }
    img.comment-reply-link, .comment .comment-meta .fn, .comment .comment-meta .date { margin-left: 0px; }
    .comment .comment-meta .fn { margin-top: 0px; }
	.depth-2 p.span3 { width: 145px !important; }
	
	.comment .comment-meta { width: 95px !important; padding-left:130px; position: absolute; }
	.comment .comment-meta .fn,
	.comment .comment-meta .date,
	.comment .comment-meta .comment-reply-link { margin-left: 0px !important; }
}

@media (max-width: 767px) {
    .comment .horizontal-lines-left, .comment .horizontal-lines-right { display: none; }
    
    /*
    .comment .comment-meta { margin-top: 10px; }
    img.comment-reply-link, .comment .comment-meta .fn, .comment .comment-meta .date { margin-left: 0px; }
    .comment .comment-meta .fn { margin-top: 0px; }
    .comment .comment-author.vcard span { display: inline-block; }
    */
   .comment .border-bottom-line { display: none; }
   .comment .comment-meta { width: 95px !important; margin-left: 130px !important; position: absolute; }
	.comment .comment-meta .fn,
	.comment .comment-meta .date,
	.comment .comment-meta .comment-reply-link { margin-left: 0px !important; }
}

@media (max-width: 480px) {
    
}

form#commentform .row { width: 100% !important; margin-left: 0px !important; }
form#commentform .row .comment-form-author { margin-left: 0px; }
form#commentform .row .comment-form-comment { clear: both !important; }

form#commentform .row .span3 input {
	color: #a09b9b;
	height: 43px !important;
	line-height: 43px !important;
	padding: 0px 5px 0px 43px;
	margin-left: 0px;
	font-size: 11px;
}
form#commentform .row .comment-form-author input { background:url('../images/author.png') 11px center no-repeat; }
form#commentform .row .comment-form-email input { background:url('../images/email.png') 9px center no-repeat; }
form#commentform .row .comment-form-url input { background:url('../images/url.png') 11px center no-repeat; }

form#commentform .row .comment-form-comment textarea {
	color: #a09b9b;
	background:url('../images/comment.png') 11px 10px no-repeat;
	padding: 15px 10px 10px 43px;
	font-size: 11px;
}
