/*********************************************
+ Create date: 04/11/2010
+ Author: Chu Huu Trung
+ Website: www.smallexts.com - www.pixelsgeek.com
+ Email: pixelsgeek68@gmail.com
+ License: se_clean is free theme released under the GNU/GPL License.

********************************************/

/* content plugin styles */
.jcomments-links {
	clear: both;
	margin-top: 10px;
	text-align: left;
}

.comment-link, .readmore-link{
	background-image: url(images/jc_blog.gif);
	background-repeat: no-repeat;
	padding: 0 5px 5px 14px;
}

.comment-link {
	background-position: 0 -27px;
}

.readmore-link {
	background-position: 0 2px;
}

	
/* JComments common styles */
#jc a:link, #jc a:visited, #jc a:hover {
	outline: none;
}
 
#jc .clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#jc .busy {
	background: url(images/jc_busy.gif) no-repeat;
	display: none;
	height: 16px;
	margin: 3px auto;
	padding: 0;
	width: 16px;
}

#jc h4 {
	border-bottom: 2px solid #ddd;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
	text-align: left;
	text-transform: uppercase;
	font-size: 125%;
	margin-top: 20px;
    color: #d9534f;
}

#jc p.message {
	background-color: inherit;
	background-image: none;
	border-top: 1px solid #D2DADB;
	color: #777;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
}

#comments {
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	width: 100%;
}

#comments a { }
#comments a:active, #comments a:focus, #comments a:hover { }

#comments a[rel*=external] {
	background: url(images/jc_link.gif) no-repeat center right;
	margin: 0 2px;
	padding: 0 10px 0 0;
}

/* RSS and Refresh*/
#comments .rss, #comments .refresh, #comments .subscribe {
	border: none;
	display: block;
	float: left;
}

#comments .rss {
	background: url(images/icon-feed.png) no-repeat 7px center;
	border-left: 1px solid #ddd;
	margin-left: 10px;
	padding: 0 0 0 25px;
}

#comments .refresh {
	background: url(images/icon-refresh.png) no-repeat center left;
	padding: 0 0 0 20px;
}

#comments .subscribe {
	background: url(images/icon-email.png) no-repeat 7px center;
	border-left: 1px solid #ddd;
	margin-left: 10px;
	padding: 0 0 0 25px;
}

#comments h4 .rss, #comments h4 .refresh {
	border: 0;
	display: inline;
	margin: 0 0 0 5px;
	padding: 3px 10px 3px 10px;
	float: none;
}

/* List footer */
#comments-list-footer {
	background: #fcfcfc;
	margin: 15px 0 10px 0;
	padding: 5px 10px;
}

/* Show/hide form */
#comments-form-link .showform {
	background: url(images/jc_blog.gif) no-repeat 0 -28px;
	border: none;
	display: block;
	font-weight: bold;
	margin: 5px 0 0 22px;
	padding: 0 0 5px 14px;
}

/* Comment */
#comments .comment-box {
	color: #999;
	margin: 0;
	padding: 0;
}

#comments .comment-avatar {
	float: left;
	margin: 0;
	padding: 0;
}

#comments .avatar-indent {
	padding-left: 60px;
}

#comments .comment-anchor {
	border: none;
	color: #777;
	text-decoration: none;
}

#comments .comment-author, #comments .author-homepage {
	background: url(images/icon-user.png) no-repeat 5px 0px;
	border-left: 1px solid #ddd;
	margin: 0 0 0 5px;
	padding: 0 0 0 25px;
	font-weight: bold;
	font-size: 110%;
	text-shadow: 1px 1px 0 #fff;
}

#comments .author-homepage { }

#comments .comment-title {
	color: #b01625;
	margin: 0;
	padding: 0;
}

/* Avatar */
#comments .comment-avatar img {
	background-color: #fff;
	border: 1px solid #f0f0f0;
	width: 32px;
	padding: 4px;
}

/* Date and Time*/	
#comments .comment-date {
	background: url(images/icon-date.png) no-repeat 5px 0px;
	border-left: 1px solid #ddd;
	color: #999;
	height: 16px;
	line-height: 16px;
	margin: 0 0 0 5px;
	padding: 0 0 0 25px;
}

#comments .comment-body {
	border-top: 1px solid #ddd;
	color: #777;
	margin: 10px 0 0;
	padding: 10px 0 2px;
}

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {
	background-image: none;
	clear: both;
	display: block;
	margin: 5px 0 5px 10px;
	font-size: 10px;
}

#comments blockquote, #comments .hidden, #comments code, #comments pre {
	color: #849B9F;
	margin-bottom: 8px;
	padding: 8px;
	text-align: left;
}

#comments blockquote, #comments .hidden {
	background: url(images/icon-quote.png) no-repeat 10px 10px #ffffcc;
	border: 1px dashed #ddd;
	padding: 15px 10px 10px 50px;
}

#comments code, #comments pre {
	border: 1px solid #dedede;
	overflow: hidden;
	white-space: normal;
}

#comments .code {
	background: none;
	border: none;
	padding: 0;
}

#comments .quote {
	color: #777;
}

#comments .hidden {
	clear: both;
	display: block;
	margin: 5px 0;
}

/* Quote and Reply to buttons panel */
#comments .comments-buttons {
	background: url(images/icon-quotation.png) no-repeat 0px 0px;
	float: right;
	height: 15px;
	font-weight: bold;
	padding-left: 16px;
}

#comments .comments-buttons a {
	font-weight: bold;
}

#comments .email, #comments .emailactive {
	border-bottom: 1px dotted #999;
	cursor: pointer;
	font: normal 1em Verdana, Arial, Sans-Serif;
	line-height: 10px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	white-space: normal;
}

#comments .email {
	background-color: inherit;
	color: #444;
}

#comments .emailactive {
	background-color: inherit;
	color: #cc0000;
}

#comments .email img, #comments .emailactive img {
	padding: 0;
}

#comments p {
	margin: 5px 5px 5px 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
}

#comments .comment-body img {
	border: 0 none;
	padding: 0;
}

#comments .comment-body .img {
	max-width: 500px;
	padding: 4px 0 !important;
}

#comments .toolbar {
	border-top: 1px solid #EDEDED;
	clear: both;
	color: #ccc;
	margin: 8px 0 0 0;
	padding: 10px 0 0 0;
}

#comments .toolbar img {
	cursor: pointer;
	margin: 0 4px 0 0;
	padding: 0;
}

/* Comments list */
#comments .comments-list { height: 1%; }

#comments .comments-list .comments-list {
	margin-left: 40px;
}

#comments .even, #comments .odd {
	margin-left: 0px;
	padding: 0;
}

#comments .odd .rbox {
	background: #F6F6F6;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#comments-list .comments-inline-edit {
	background-color: #fff;
	border: 1px solid #ccc;
	color: inherit;
	margin: 5px 0;
	padding: 5px;
}

/* Comment form */
#comments-form, #comments-form p, #comments-form .comments-policy, #comments-form span, #comments-form .counter {
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
}

#comments-form p, #comments-form span, #comments-form .counter {
	color: #777;
}

#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {
	margin-bottom: 8px;
	margin-top: 10px;
	overflow: hidden;
	padding: 0;
}

#comments-inline-edit {
	background: #fff;
	border: 1px solid #ccc;
	margin: 15px 0 0 0;
	padding: 15px;
}

#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {
	margin-bottom: 2px;
	margin-left: 5px;
	margin-left: 5px !important;
	margin-top: 5px;
	padding: 0;
}

#comments-form div.comments-policy {
	/* background-color: inherit; PG */
	border: 1px dotted #ccc;
	color: #000;
    background: rgba(186, 202, 66, 0.34);
	margin-bottom: 20px;
	margin-left: 20px;
	margin-left: 20px !important;
	margin-top: 5px;
	padding: 5px;
}

#comments-form div.comments-policy ol, #comments-form div.comments-policy ul {
	line-height: 5px;
	margin: 0;
	padding: 5px 0 0 20px;
}

#comments-form div.comments-policy ol li,
#comments-form div.comments-policy ul li {
	border: none;
	line-height: 5px;
	margin: 0;
	padding: 0;
}

#comments-form img.smile {
	border: none;
	cursor: pointer;
	margin: 0 3px 3px 0;
	padding: 0;
}

#comments-form img.captcha {
	border: 1px solid #ccc;
	margin: 0 0 3px 0;
	padding: 0;
}

#comments-form span.captcha {
	background: url(images/jc_refreshg.gif) no-repeat 0 2px;
	color: #777;
	cursor: pointer;
	padding: 0 0 0 12px;
}

#comments-form label {
	color: #777;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0 5px;
	font-weight: bold;
	vertical-align: middle;
}

#comments-form input, #comments-form textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #444;
	padding: 0;
}

#comments-form input {
	background: url(images/grad2.gif) repeat-x left top;
	margin-bottom: 2px;
	padding: 4px 5px;
	width: 200px;
}

#comments-form input.selected, #comments-form textarea.selected {
	background-color: #ffffe0;
	border: 1px solid #849B9F;
	color: #777;
}

#comments-form input.error, #comments-form textarea.error {
	background-color: #ffffe0;
	border: 1px solid #f00;
	text-decoration: none;
	text-transform: none;
}

#comments-form input.checkbox {
	border: none;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 16px;
}

#comments-form input.captcha {
	margin: 3px 0 5px 0;
	width: 116px;
}

#comments-form textarea {
	margin: 0;
	max-width: 400px !important;
	width: 350px;
}

#comments-form #comments-form-message, #comments-inline-edit #comments-form-message {
	display: block;
	margin-right: 5px;
	padding: 5px 5px 5px 25px;
}

.comments-form-message-error {
	background: #FFD86F url(images/jc_error.gif) no-repeat 4px 50%;
}

.comments-form-message-info {
	background: #DFEEFF url(images/jc_info.gif) no-repeat 4px 50%;
}

#comments-form .counterpanel {
	background-color: #eee;
	border: 1px solid #ddd;
	border-top-width: 0;
	color: #ccc;
	display: block;
	height: 13px;
	margin: 0;
	max-width: 400px !important;
	overflow: hidden;
	padding: 0;
	width: 350px;
}

#comments-form .grippie {
	background: #eee url(images/resize.gif) no-repeat right bottom;
	border: 1px solid #ddd;
	border-top-width: 0;
	color: #ccc;
	cursor: s-resize;
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0;
	max-width: 400px !important;
	overflow: hidden;
	padding: 0 0 0 5px;
	width: 345px;
}

#comments-form .grippie .counter {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#comments-form .grippie span {
	display: block;
	float: left;
}

#comments-form .grippie span span {
	display: inline;
	float: none;
}

#comments-form .btn {
	float: left;
}

#comments-form .btn {
	background: url(images/but-bg.gif) repeat-x left top;
	border: 1px solid #333;
	margin-right: 5px;
}

#comments-form .btn div {
	float: left;
	margin: 0 -1px 0 0;
}

#comments-form .btn a {
	border: none;
	color: #ddd;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	padding: 0px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
}

#comments-form .btn a:hover {
	color: #fff;
	text-decoration: none;
}

#comments-form-smilespanel {
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	display: none;
	left: 0;
	max-width: 200px;
	overflow: auto;
	padding: 2px;
	position: absolute;
	top: 0;
}

#comments-footer, #comments-footer a {
	background-color: inherit;
	color: #ccc !important;
}

#comments-footer {
	border-top: 1px solid #ddd;
	display: block;
	height: 20px;
	margin-top: 15px;
	padding-top: 5px;
	text-align: right;
}

#comments-footer a {
	background: none !important;
	border: none !important;
	float: right;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	text-transform: none;
}

/* Pagination */
body #jc #nav-bottom, body #jc #nav-top {
	height: auto !important;
	line-height: 17px;
	line-height: 19px !important;
	text-align: center;
}

#jc #nav-bottom span.page, #jc #nav-top span.page {
	background-color: #eee;
	border: 1px solid #d6dadd;
	color: #777;
}

#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage {
	background-color: #e8e9ea;
	border: 1px solid #d6dadd;
	color: #777;
}

#jc #nav-bottom span, #jc #nav-top span {
	background-color: inherit;
	color: #777;
	cursor: pointer;
	font-size: 10px;
	height: 15px;
	margin: 0 2px;
	padding: 2px 8px;
	vertical-align: top;
}

#jc #nav-bottom span.activepage, #jc #nav-top span.activepage {
	background-color: #fff;
	color: inherit;
}

#jc div#nav-bottom, #jc div#nav-top {
	position: relative;
	width: 100%;
	z-index: 2;
}

#jc div#nav-bottom {
	background: url(images/jc_dot.gif) repeat-x top left;
	margin: 10px 0 0 0;
	padding: 0;
}

#jc #nav-bottom span.activepage {
	border-bottom: 1px solid #d6dadd;
	border-left: 1px solid #d6dadd;
	border-right: 1px solid #d6dadd;
	border-top: 1px solid white;
}

#jc div#nav-top {
	background: url(images/jc_dot.gif) repeat-x bottom;
	margin: 10px 0;
}

#jc #nav-top span.activepage {
	border-bottom: 1px solid white;
	border-left: 1px solid #d6dadd;
	border-right: 1px solid #d6dadd;
	border-top: 1px solid #d6dadd;
}

/* Vote */
#jc span.comments-vote {
	float: right;
	height: 15px;
	width: 6em;
}

#jc span.comments-vote a {
	background-image: url(images/jc_vote.gif);
	background-repeat: no-repeat;
	border: none !important;
	display: block;
	float: left;
	height: 14px;
	margin: 0 3px 0 0;
	text-decoration: none;
	width: 15px;
}

#jc span.comments-vote .busy {
	float: right;
	margin: 0;
	width: 16px;
}

#jc .vote-good { background-position: 0 0; }
#jc .vote-poor { background-position: -15px 0; }

#jc span.vote-good,#jc span.vote-poor,#jc span.vote-none{
	float: right;
	font: bold 1em Verdana, Arial, Sans-Serif;
	line-height: 14px;
	margin: 0;
}

#jc span.vote-good { color: #339900; }
#jc span.vote-poor { color: #CC0000; }
#jc span.vote-none { color: #A9A9A9; }

/* BBCode */
#jc span.bbcode {
	display: block;
	height: 23px;
	margin-bottom: 5px;
	width: auto;
}

#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{
	background-color: transparent !important;
	background-image: url(images/jc_bbcode.gif);
	background-repeat: no-repeat;
	border: none !important;
	display: block;
	float: left;
	height: 23px;
	margin: 0 2px 0 0;
	text-decoration: none;
	width: 23px;
}

#jc a.bbcode-empty { background-position: 0 0; }
#jc a.bbcode-b { background-position: -30px 0 !important; }
#jc a.bbcode-i { background-position: -60px 0 !important; }
#jc a.bbcode-u { background-position: -90px 0 !important; }
#jc a.bbcode-s { background-position: -120px 0 !important; }
#jc a.bbcode-url { background-position: -150px 0 !important; }
#jc a.bbcode-img { background-position: -180px 0 !important; }
#jc a.bbcode-list { background-position: -210px 0 !important; }
#jc a.bbcode-hide { background-position: -240px 0 !important; }
#jc a.bbcode-quote { background-position: -270px 0 !important; }
#jc a.bbcode-smile { background-position: -300px 0 !important; }
#jc a.bbcode-youtube { background-position: -330px 0 !important; }
#jc a.bbcode-google { background-position: -360px 0 !important; }
#jc a.bbcode-wiki { background-position: -390px 0 !important; }

#jc span.bbcode img {
	float: left;
	height: 23px;
	margin: 0 2px 0 0;
	width: 23px;
}

#jc .custombbcode {
	cursor: pointer;
	display: block;
	float: left;
	height: 23px;
	margin: 0 2px 0 0;
	text-decoration: none;
	width: 23px;
}

/* Rounded comments */
.rbox {
	background: #fff;
	margin: 0;
	padding: 15px;
	overflow: hidden;
	width: auto;
}

.rbox div { margin: 0px; text-align: left; }

.rbox_t { }
.rbox_tl { }
.rbox_tr { display: none; }

.rbox_m { width: auto; }

.rbox_b { }
.rbox_bl { }
.rbox_br { display: none; }

/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {
	height: 1%; /* IE5-6 */
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}