a:hover{color:#666;}
.ie8 .content-area .article:hover label,.ie8 .post .blog-feedback-list .comment:hover label {    background: #999 none repeat scroll 0 0;}
.ie8 .content-area .article label,.ie8 .post .blog-feedback-list .comment label{    background: transparent none repeat scroll 0 0;    padding-right: 2%;    width: 98%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15333333,endColorstr=#15333333);}

.ie9 .content-area .article label:before{left:1px;}

h2{text-transform:none;}


/***********CSS FOR TAGLIST PAGE*************************/
.taglist .tagged-content-list .content-area {    width: 100%; margin-top: 15px;}
.taglist .tagged-content-list .content-area .article .article-content {    box-sizing: border-box;    width: 86%;}
.taglist .content-area .article .article-content .time-details {    background: #fff none repeat scroll 0 0;    bottom: 4px;    color: #ccc;    font-size: 0.75em;    left: 153px;
    overflow: hidden;    position: absolute;    text-transform: uppercase;}
/***********CSS FOR TAGLIST PAGE ENDS*************************/

/***********CSS FOR POST PAGE*************************/
.post .blog-post .content-area {    box-sizing: border-box;    float: none;    overflow: hidden;    padding-right: 25px !important;}
.post .blog-post .content-area .article {    border: 0 none;}
.post .blog-post-comment-form {    padding: 0 25px;}
.post .blog-post-comment-form .field-list .field-item-input textarea, 
.post .blog-post-comment-form .field-list .highlighter, 
.post .blog-post-comment-form .field-list .highlighter div {    box-sizing: border-box;    width: 100% !important;  height: 130px !important;}
.post .content-fragment.blog-post-comment-form .field-item.post-body {    margin-right: 0;}
.post .content-fragment.blog-post-comment-form .field-item.post-submit a.add-reply span {    background: none;}
.post .content-fragment.blog-post-comment-form .field-item.post-submit a.add-reply {    font-size: inherit;    font-weight: normal;    margin-bottom: 10px;    margin-left: 0;
    margin-top: 10px;    padding: 5px 15px;}
.post .blog-post-comment-form legend.field-list-description {    font-size: inherit;    font-weight: normal;    margin: 10px 0;    padding: 0;}
.post .blog-feedback-list .full-post-outer.fiji-full-post-outer * {    background:none;}
.post .blog-feedback-list .comment label:before {    color: #999;    content: "\e85c";    font-family: "lex-icons";    font-size: 14px;    height: 10px; left: 0; line-height: 20px;    overflow: hidden;    position: absolute;    top: 20px;    
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	transform: rotate(-180deg);    
	transition: all 0.1s ease-in-out 0s;    width: 10px;}
.post .blog-feedback-list .comment > label {    background: rgba(102, 102, 102, 0.2) none repeat scroll 0 0;    color: #999;    font-size: 0.75em;  height: 20px; line-height: 20px;
    overflow: visible;    padding-right: 10px;    position: absolute;    right: 0;    text-align: right;    text-transform: uppercase;    width: 100%;    z-index: 10;}
.post .blog-feedback-list .comment .image-holder {    height: 92px;    position: absolute;    width: 92px;float: left;    overflow: hidden;    z-index: 5;}
.post .blog-feedback-list .comment .article-content {    float: none;display: inline-block;    width: 73%;padding-bottom: 0;    padding-left: 0;}
.post .blog-feedback-list .comment .social-options {    border: medium none;     position: static;    width: auto; left: 0;    top: 131px;}
.post .blog-feedback-list .comment .postcontrols {    color: #999;    font-size: 0.75em;    position: absolute;    right: 10px;    top: 81px;width: 22%;}    
.post .blog-feedback-list .comment address {    margin-left: 115px;margin-bottom: 10px;color: #999;    font-size: 0.75em;    font-style: normal;margin-top:40px;}
.post .blog-feedback-list .comment address big {    color: #000;    display: block;    font-size: 1.75em;}
.post .blog-feedback-list .comment .social-options a {    float: left;    font-size: 0.75em;    line-height: 25px;    margin-left: 1px;    padding: 0 8px;
	background: #ececec none repeat scroll 0 0;    margin-bottom: 1px;    text-transform: uppercase; color:#666;}
.post .blog-feedback-list .comment .social-options a:hover{color:#fff; background:#666;}	

	
.post .content-fragment.blog-feedback-list.no-wrapper {    border-top: 1px solid #ddd;    float: right;    margin-top: 30px;    padding-right: 25px; padding-top: 35px; width: 80%;}
.post .content-fragment.blog-post-comment-form.no-wrapper{clear: both;    width: 80%;    float: right;}
.post .comment:hover label {  background: rgba(51, 51, 51, 0.7) none repeat scroll 0 0 !important;}
.post .comment .article-content p {  margin: 25px 0 15px 0;}
.post .post-tags .ui-tag span a {  background: #f4f4f4;  color: #999!important;  padding: 2px 6px;  font-size: 0.75em;  text-transform: uppercase;  margin: 0 5px 5px 0;
	word-wrap: break-word;  white-space: pre-wrap;  display: inline-block;}
.post .post-tags a.internal-link.edit-tags {  font-size: 14px;  font-weight: normal;margin-left: 0 !important;  margin-right: 10px;  margin-top: 2px;  float: left;}
.post .content-fragment.blog-links .navigation-item {  border: none; }
.post .blog-links ul.navigation-list {    margin-bottom: -18px;    margin-right: 25px;    overflow: hidden;    padding-top: 5px;}
.post.content-fragment-page .content-fragment.blog-post {  padding-top: 20px;}
.post .post-tags a.internal-link.edit-tags:hover{color:#666;}
.post .edit-tags i {    float: left;    font-size: 12px;    margin-right: 1px;    margin-top: 3px;}
.post .like-indicator.inline {    background: none;}
.post .comment {    margin-bottom: 40px;}
.post .post-tags .ui-tag span a:hover {    background: #009ddb none repeat scroll 0 0;    color: #fff !important;}
.post .article-content img {    max-width: 100%;}
.postlist .page-content{margin-top:15px;}

.post .blog-feedback-list .comment .social-options a:before {    float: left;    font-family: lex-icons;    font-size: 12px;    margin-right: 4px;}
.post .blog-feedback-list .comment .social-options a.like-off:before {    content: '\e824';}
.post .blog-feedback-list .comment .social-options a.like-on:before {    content: '\e823';}

.ie9 .post .blog-feedback-list .comment > label:before{top:19px !important; left:1px !important;-ms-transform:rotate(-180deg);}

/***********CSS FOR POST PAGE ENDS*************************/

/***********CSS FOR POSTLIST PAGE*************************/
.postlist .page-content {    margin-top: 30px;}
.postlist .content-area {    padding-bottom: 30px;}

.postlist .layout-content.header-top-content-left-sidebar-right.page-content {
    margin-top: 0;
    padding-top: 0;
}


/***********CSS FOR POSTLIST ENDS*************************/

@media screen and (max-width: 1024px){
	#main-container.post .content-area .article .article-content.tips {     box-sizing: border-box;    padding-left: 2%;    padding-right: 0;    width: 89%;}
	.post .content-fragment.blog-feedback-list.no-wrapper{width:85%;}
	.taglist .bloglist.taggedforum .article-content {    padding-left: 0;    width: 88% !important;}
	.taglist .content-area .article .article-content .time-details{left:11%;}
	.taglist .content-area .article label,.postlist .content-area .article label {    background: rgba(102, 102, 102, 0.2) none repeat scroll 0 0;}
	.taglist .bread-crum {    margin-top: -5em;}
	.content-area .article label:before {    display: block;}
	.postlist .article.bloglist > label,.taglist .article.bloglist.taggedforum > label {    color: #999; padding-right: 10px;}
	.post .content-fragment.blog-post-comment-form.no-wrapper{width:85%;}
	.postlist .content-area {    padding-bottom: 50px;}
	.post .blog-feedback-list .comment > label::before {    transform: rotate(-180deg);    transition: all 0.1s ease-in-out 0s;    width: 10px;}
	.post .blog-bread-crumbs {    padding-bottom: 8px;}
	.content-area .article .article-content {    box-sizing: border-box;    width: 100%;}
}

@media screen and (max-width: 920px){
	#main-container.post .content-area .article .article-content.tips {  width: 88%;}
	.taglist .bloglist.taggedforum .article-content {width: 86% !important;}
	.taglist .content-area .article .article-content .time-details{left:13%;}
}

@media screen and (max-width: 800px){
	.post .content-fragment.blog-feedback-list.no-wrapper{box-sizing: border-box;    width: 100%;}
	.post .content-fragment.blog-post-comment-form.no-wrapper {    box-sizing: border-box;    clear: both;    padding: 0 15px;    width: 100%;}
	.post .blog-feedback-list .comment address, .post .blog-feedback-list .comment p {    margin-left: 15px;}
	.post .comment .image-holder {    display: none;}
	.post .blog-feedback-list .comment .article-content {    width: 100%;}
	.post .blog-feedback-list .comment .social-options {    padding-left: 15px;}
	.post .blog-feedback-list .comment .social-options a{height:auto;}
	.post .blog-links .navigation-list .internal-link.edit-post {    background:none;    color: inherit;    height: auto;    margin: 0 0 0 15px;}
	#main-container.post .content-area .article .article-content.tips {    width: 100%;}
	.post .content-area .show-more,.postlist .content-area .show-more,.taglist .content-area .comment.morepost .show-more{    float: right;    margin: 0;}
	.post .field-item.post-submit {    padding-bottom: 25px;}	
	.taglist .content-area .article .article-content .time-details {    left: 5px;}
	.postlist .page-content,.taglist .bread-crum {    margin-top:0;}
	.post .comment:after {    border-bottom: 1px solid #ddd;    content: "";    display: block;    margin-top: 20px;    width: 800px;}
	.taglist .tagged-content-list .content-area{padding-bottom:50px;}
	.taglist .comment.morepost {    overflow: hidden;}
	.postlist .content-area {    padding-bottom: 70px;}
	.taglist .bloglist.taggedforum .article-content {width: 100% !important;}

}

@media screen and (max-width: 640px){
	.taglist .content-area .article {    overflow: hidden;}
}