/**
 * @version		$Id: k2.css 702 2011-03-30 19:23:05Z joomlaworks $
 * @package		K2
 * @author		JoomlaWorks http://www.joomlaworks.gr
 * @copyright	Copyright (c) 2006 - 2011 JoomlaWorks, a business unit of Nuevvo Webware Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
 
/* --- Basic typography --- */
a:active,
a:focus { outline: 0; }

img { border: none; }

/* --- Global K2 container --- */
#k2Container { padding: 0; }

body.contentpane #k2Container { padding: 16px; }

/* --- General padding --- */
.k2Padding { padding: 4px; }

/* --- Clearing --- */
.clr {
	clear: both;
	display: block;
	float: none;
	height: 0;
	line-height: 0;
}

/*Inline images ---*/
.catItemIntroText p img, .itemIntroText p img {
	border: 1px solid #E5E5E5;
	padding: 8px;
}

/* --- Zebra rows --- */
.column .itemAuthorLatest li, .column .itemRelated li {
	padding-left: 10px;
	background-position: 0 7px;
}

.even {
	background: #fffff0;
	border-bottom: 1px dotted #ccc;
	padding: 2px;
}

.odd {
	background: #fff;
	border-bottom: 1px dotted #ccc;
	padding: 2px;
}

/* --- RSS feed icon --- */
div.k2FeedIcon { padding: 4px 8px; }

div.k2FeedIcon a,
div.k2FeedIcon a span,
div.k2FeedIcon a:hover span { display: none; }

/* --- Rating --- */
.itemRatingBlock { padding: 1px 0 0; }

.itemRatingBlock, .itemRatingForm {
	display: block;
	vertical-align: middle;
	float: left;
}

.itemRatingLog {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 4px;
	float: left;
	vertical-align: top;
	line-height: 18px;
}

div.itemRatingForm .formLogLoading {
	background: url(../images/system/loading.gif) no-repeat left center;
	height: 25px;
	padding: 0 0 0 20px;
}

.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:url(../images/system/transparent_star.png) left -9999em repeat-x;}
.itemRatingList {
	position: relative;
	float: left;
	width: 70px;
	height: 14px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999em;
	height: 14px;
	line-height: 14px;
	outline: none;
	overflow: hidden;
	border: none;
	cursor: pointer;
}
.itemRatingList a:hover {background-position:left bottom;}

.itemRatingList a.one-star { width: 14px; z-index: 6; }
.itemRatingList a.two-stars { width: 28px; z-index: 5; }
.itemRatingList a.three-stars { width: 42px; z-index: 4; }
.itemRatingList a.four-stars { width: 56px; z-index: 3; }
.itemRatingList a.five-stars { width: 70px; z-index: 2; }

.itemRatingList .itemCurrentRating { z-index: 1; background-position: 0 center; margin: 0; padding: 0; }

span.siteRoot {display:none;}

ul.itemRatingList { margin-top: 2px !important; }
ul.itemRatingList li {
	background: none;
}

/* --- CSS added with Javascript --- */
.smallerFontSize { font-size: 95%; line-height: inherit; }

.largerFontSize { font-size: 150%; line-height: 140%; }

/* --- ReCaptcha --- */
.recaptchatable .recaptcha_image_cell,
#recaptcha_table { background-color: #fff !important; }

#recaptcha_table { border-color: #ccc !important; }

#recaptcha_response_field {
	background-color: #fff !important;
	border-color: #ccc !important;
}

div.k2UserBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions { margin: 10px 0; }

div.ja-moduletable div.k2UsersBlock ul { margin: 0; }

div.k2UsersBlock ul li ul.ubUserItems li, div.k2UserBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li { 
	background: url(../images/bullet.gif) no-repeat 0 9px;
	margin: 0;
    padding: 3px 0 3px 10px;
}

div.k2UsersBlock ul li ul.ubUserItems li a,
div.k2UserBlock ul li a,
div.k2LoginBlock ul li a,
div.k2UserBlock ul.k2UserBlockActions li a{
	color: #323232;
	margin-bottom: 0;
}

div.k2UsersBlock ul li ul.ubUserItems li a:hover,
div.k2UsersBlock ul li ul.ubUserItems li a:focus,
div.k2UsersBlock ul li ul.ubUserItems li a:active,
div.k2UserBlock ul li a:hover,
div.k2UserBlock ul li a:focus,
div.k2UserBlock ul li a:active,
div.k2LoginBlock ul li a:hover,
div.k2LoginBlock ul li a:focus,
div.k2LoginBlock ul li a:active,
div.k2UserBlock ul.k2UserBlockActions li a:hover,
div.k2UserBlock ul.k2UserBlockActions li a:focus { color: #CF1F18; }


div.k2LoginBlock input.button,
div.k2UserBlock input.button {
	display: block;
	float: left;
	margin-right: 5px;
} 

div.k2LoginBlock input.button:hover,
div.k2UserBlock input.button:hover { 
	background: #cf1f18;
	color: #fff;
	text-decoration: none;
}

.clearList {
	clear: both;
	display: none;
	float: none;
}

.lastItem { border: none; }

/* --- Avatars --- */
.k2Avatar img {
	background: #fff;
	border: 1px solid #c3c3c3;
	display: block;
	float: left;
	margin: 2px 4px 4px 0;
	padding: 2px;
}

/* --- Pagination --- */
div.k2Pagination {
	text-align: right;
	padding: 20px 0 0;
}
div.k2Pagination div.pagination { float: left; }

div.k2Pagination p { margin: 0; }

div.k2Pagination ul {
	margin: 0;	
}
/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {
	background: url(../images/system/featuredItem.png) no-repeat 100% 0;
}

/*----------------------------------------------------------------------
	Component: Item view
----------------------------------------------------------------------*/
a.itemPrintThisPage {
	background: #F7FAFE;
	border: 1px solid #c3c3c3;
	color: #555;
	display: block;
	font-size: 13px;
	margin: 4px auto 16px;
	padding: 4px;
	text-align: center;
	width: 160px;
}

a.itemPrintThisPage:hover { background: #eee; text-decoration: none; }

div.itemView {
	/* border-bottom: 1px dotted #ccc; this is the item container for this view */
	margin: 0 0 24px;
	padding: 8px 0 24px;
}

div.itemView .itemIntroText p { margin-top: 0; }

span.itemEditLink {
	border-bottom: 2px dashed #ddd;
	display: block;
	margin: 0 0 4px;
	padding: 16px 36px 4px 4px;
	text-align: right;
}

div.itemHeader { }

div.itemHeader span.itemDateCreated { color: #999; font-size: 11px; }

div.itemHeader h2.itemTitle {
	font-size: 260%;
	font-weight: 100;
	line-height: 1.1;
	margin: 0 !important;
	padding: 0 !important;
	background: none;
	text-transform: none;
}

div.itemHeader h2.itemTitle span sup {
	color: #CF1919;
	font-size: 12px;
	text-decoration: none;
}

div.itemHeader span.itemAuthor { display: block; margin: 0; padding: 0; }

div.itemToolbar {
	background: #f8f8f8;
	margin: 10px 0 5px ;
	padding: 2px 5px;
}

div.itemToolbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.itemToolbar ul li {
	background: none;
	border-left: 1px solid #c3c3c3;
	display: inline;
	margin: 0;
	padding: 0 4px 0 8px;
	text-align: center;
}

*+ html div.itemToolbar ul li { padding: 0 8px; }

div.itemToolbar ul li:first-child {
	border-left: none; /* remove the first CSS border from the left of the toolbar */
}

div.itemToolbar .itemRatingForm ul li {
	border: none; 
	padding: 0;
	margin: 0;
}
div.itemToolbar .itemRatingForm ul li a {
	line-height: 12px; text-indent: -9999em; text-decoration: none; vertical-align: middle;
}

div.itemToolbar ul li a img { vertical-align: middle; }

div.itemToolbar ul li span.itemTextResizerTitle { }

div.itemToolbar ul li a#fontDecrease:hover,
div.itemToolbar ul li a#fontDecrease:active,
div.itemToolbar ul li a#fontDecrease:focus,
div.itemToolbar ul li a#fontIncrease:hover,
div.itemToolbar ul li a#fontIncrease:active,
div.itemToolbar ul li a#fontIncrease:focus { text-decoration: none; }

div.itemToolbar ul li a#fontDecrease { margin: 0 0 0 2px; }

div.itemToolbar ul li a#fontDecrease img {
	background: url(../images/system/font_decrease.gif) no-repeat;
	height: 13px;
	width: 13px;
}

div.itemToolbar ul li a#fontIncrease { margin: 0 0 0 2px; }

div.itemToolbar ul li a#fontIncrease img {
	background: url(../images/system/font_increase.gif) no-repeat;
	height: 13px;
	width: 13px;
}

div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span { display: none; }

div.itemRatingBlock span {
	color: #999;
	display: block;
	float: left;
	font-style: 100;
	margin: 0;
	padding: 0 4px 0 0;
}

div.itemBody { margin: 0; padding: 8px 0; }

div.itemImageBlock { float: left; margin: 0 15px 5px 0; padding: 0; }

span.itemImage { display: block; text-align: center; }

span.itemImage img, div.itemBody img { border: 1px solid #c3c3c3; padding: 8px; }

span.itemImageCaption {
	color: #666;
	display: block;
	float: left;
	font-size: 11px;
}

span.itemImageCredits {
	color: #999;
	display: block;
	float: right;
	font-size: 11px;
	font-style: italic;
}

div.itemIntroText { color: #444; font-weight: 700; margin: 0; }

div.itemFullText { }

div.itemFullText h3 { margin: 0; }

div.itemExtraFields {
	border-top: 1px dotted #ddd;
	margin: 16px 0 0;
	padding: 8px 0 0;
}

div.itemExtraFields h3 {
	line-height: normal !important;
	margin: 0;
	padding: 0 0 8px 0;
}

div.itemExtraFields ul { list-style: none; margin: 0; padding: 0; }

div.itemExtraFields ul li { display: block; }

div.itemExtraFields ul li span.itemExtraFieldsLabel {
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 4px 0 0;
	width: 30%;
}

div.itemExtraFields ul li span.itemExtraFieldsValue { }

span.itemDateModified {
	color: #999;
	display: block;
	padding: 4px;
	text-align: right;
}

div.itemLinks { margin: 0 0 16px; padding: 0; }

div.itemHitsTwitter { border-bottom: 1px dotted #ccc; padding: 4px 0; }

span.itemHits { color: #555; }

span.itemHitsTwitterSep { color: #ccc; padding: 0 8px; }

span.itemTwitterLink { }

span.itemTwitterLink a {
	background: url(../images/social/twitter_16.png) no-repeat 0 50%;
	margin: 8px 0;
	padding: 2px 0 0 20px;
	text-decoration: none;
}

span.itemTwitterLink a:hover { text-decoration: none; }

div.itemCategory { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.itemCategory span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.itemCategory a { }

div.itemTagsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.itemTagsBlock span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.itemTagsBlock ul.itemTags {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.itemTagsBlock ul.itemTags li {
	background: none;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px 0 0;
	text-align: center;
}

div.itemTagsBlock ul.itemTags li a { }

div.itemTagsBlock ul.itemTags li a:hover { }

div.itemSocialLinksBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.itemSocialLinksBlock span {
	color: #555;
	display: block;
	float: left;
	font-weight: 700;
	padding: 0 4px 0 0;
}

div.itemSocialLinksBlock ul.itemSocialLinks { float: left; list-style: none; margin: 0; padding: 0; }

div.itemSocialLinksBlock ul.itemSocialLinks li {
	background: none;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 4px;
}

div.itemSocialLinksBlock ul.itemSocialLinks li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 16px;
	width: 16px;
}

div.itemSocialLinksBlock ul.itemSocialLinks li a:hover { }

div.itemSocialLinksBlock ul.itemSocialLinks li a span { display: none; }

a.delicious { background-image: url(../images/social/delicious_16.png); }

a.digg 			{ background-image: url(../images/social/digg_16.png); }
a.facebook 		{ background-image: url(../images/social/facebook_16.png); }
a.googlebuzz 	{ background-image: url(../images/social/googlebuzz_16.png); }
a.myspace 		{ background-image: url(../images/social/myspace_16.png); }
a.reddit 		{ background-image: url(../images/social/reddit_16.png); }
a.stumble 		{ background-image: url(../images/social/stumbleupon_16.png); }
a.technorati 	{ background-image: url(../images/social/technorati_16.png); }

div.itemAttachmentsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.itemAttachmentsBlock span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.itemAttachmentsBlock ul.itemAttachments {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.itemAttachmentsBlock ul.itemAttachments li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px;
	text-align: center;
}

div.itemAttachmentsBlock ul.itemAttachments li span {
	color: #999;
	font-size: 10px;
	font-weight: 100;
}

/* Author block */
div.itemAuthorBlock {
	background: url("../images/bg_user.gif") repeat left top;
	border: 1px solid #EAEAEA;
	clear: both;
	margin: 0 0 16px;
	padding: 20px;
}

div.itemAuthorBlock img.itemAuthorAvatar {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #EAEAEA;
	display: block;
	float: left;
	padding: 10px;
}

div.itemAuthorBlock div.itemAuthorDetails { float: left; margin: 0; padding: 0; width: 70%; }

div.itemAuthorBlock div.itemAuthorDetails .itemAuthorName { font-size: 150%; }

div.itemAuthorBlock div.itemAuthorDetails .itemAuthorName a { color: #3E3E3E; }

div.itemAuthorBlock div.itemAuthorDetails p.userAdditionalInfo {
	border-top: 1px dotted #CCCCCC;
	margin: 8px 0 0;
	padding: 4px 0;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
	color: #515151;
	font-weight: 700;
	margin: 0 4px 0 0;
	padding: 0 8px 0 0;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a { color: #515151; }

div.itemView ul li.even a,
div.itemView ul li.odd a { color: #5d5d5d; }

div.itemView ul li.even a:hover,
div.itemView ul li.even a:active,
div.itemView ul li.even a:focus,
div.itemView ul li.odd a:hover,
div.itemView ul li.odd a:active,
div.itemView ul li.odd a:focus { color: #cf1f18; }

/* Author latest */
div.itemRelated { margin-bottom: 16px; padding: 0; }

/* Related by tag */
div.itemAuthorLatest { margin-bottom: 16px; padding: 0; }

/* Video */
div.itemVideoBlock {
	background: #010101 url(http://epicessorize.co.id/templates/ja_tiris/images/system/videoplayer-bg.gif) repeat-x bottom;
	margin: 0 0 16px;
	padding: 16px;
}

div.itemVideoBlock div.itemVideoEmbedded {
	text-align: center; /* for embedded videos (not using AllVideos) */
}

div.itemVideoBlock span.itemVideo { display: block; overflow: hidden; }

div.itemVideoBlock span.itemVideoCaption {
	color: #eee;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: 700;
	width: 60%;
}

div.itemVideoBlock span.itemVideoCredits {
	color: #eee;
	display: block;
	float: right;
	font-size: 11px;
	font-style: italic;
	text-align: right;
	width: 35%;
}

/* Image Gallery */
div.itemImageGallery { margin: 0 0 16px; padding: 0; }

/* Article navigation */
div.itemNavigation {
	background: #fffff0;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	margin: 0 0 24px;
	padding: 4px 0;
}

div.itemNavigation span.itemNavigationTitle { color: #999; }

div.itemNavigation a.itemPrevious { padding: 0 12px; }

div.itemNavigation a.itemNext { padding: 0 12px; }

/* Comments */
div.itemComments {  }

div.itemComments ul.itemCommentsList { list-style: none; margin: 0 0 16px; padding: 0; }

div.itemComments ul.itemCommentsList li {
	background: none;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px;
	margin: 0;
}

div.itemComments ul.itemCommentsList li.authorResponse {
	background: url("../images/bg_user.gif") repeat scroll left top;
}

div.itemComments ul.itemCommentsList li.unpublishedComment { background: #ffeaea; }

div.itemComments ul.itemCommentsList li .imageauthor { float: left; margin-right: 15px; position: relative; }

	
div.itemComments .itemCommentsCounter {
	border-top: 1px solid #E6E7E8;
	color: #CF1F18;
	font-size: 150%;
	margin: 0;
	padding: 20px 0 4px;
	text-transform: uppercase;
}

	
div.itemComments ul.itemCommentsList li .top-author {
	background: url("../images/top-admin.png") no-repeat center center;
	height: 14px;
	position: absolute;
	right: -7px;
	top: 8px;
	width: 8px;
}

	
div.itemComments ul.itemCommentsList li img {
	background: #fff;
	border: solid 1px #e8e8e8;
	padding: 5px;
}

div.itemComments ul.itemCommentsList li span.commentDate {
	color: #aaa;
	font-size: 90%;
	margin: 0 8px 0 0;
	padding: 0 4px 0 0;
}

div.itemComments ul.itemCommentsList li span.commentAuthorName {
	color: #222;
	display: block;
	font-size: 105%;
	font-weight: 700;
}

div.itemComments ul.itemCommentsList li span.commentAuthorName a { color: #222; }

div.itemComments ul.itemCommentsList li p { color: #7b7d80; margin: 10px 0; padding: 0; clear: both; }

div.itemComments ul.itemCommentsList li span.commentAuthorEmail { display: none; }

div.itemComments ul.itemCommentsList li span.commentLink { float: right; margin-top: 25px; }

div.itemComments ul.itemCommentsList li span.commentLink a {
	background: url("../images/button-hover.gif") repeat-x scroll left bottom #3A3A3A;
	color: #fff;
	font-size: 95%;
	padding: 3px 10px;
	text-decoration: none;
	display: inline-block;
}

div.itemComments ul.itemCommentsList li span.commentLink a:hover { background: #cf1f18; }

div.itemComments ul.itemCommentsList li span.commentToolbar { clear: both; display: block; }

div.itemComments ul.itemCommentsList li span.commentToolbar a {
	color: #999;
	font-size: 11px;
	margin-right: 4px;
	text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
	color: #555;
	font-size: 11px;
	text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
	background: url(http://epicessorize.co.id/templates/ja_tiris/images/system/searchLoader.gif) no-repeat 100% 50%;
}

div.itemCommentsPagination { margin: 0 0 24px; padding: 4px; }

div.itemCommentsPagination span.pagination { clear: both; display: block; float: right; }

div.itemCommentsForm h3 {
	border-top: solid 1px #e6e7e8;
	color: #cf1f18;
	font-size: 150%;
	margin: 0;
	padding: 20px 0 4px;
	text-transform: uppercase;
}

div.itemCommentsForm #comment-form .inputbox {
	background: #f8f8f8;
	border: solid 1px #e6e7e8;
	color: #7b7d80;
	padding: 7px;
	display: block;
	margin: 8px 0; 
}
	
div.itemCommentsForm #comment-form .inputbox:hover,
div.itemCommentsForm #comment-form .inputbox:focus { background: #fff; }
	
div.itemCommentsForm #comment-form span {
	color: #cf1f18;
	margin-left: 10px;
	margin-top: 8px;
}
	
div.itemCommentsForm form label.formEmail { display: block; margin: 12px 0 0 2px; }

div.itemCommentsForm form label.formUrl { display: block; margin: 12px 0 0 2px; }

div.itemCommentsForm form label.formRecaptcha { display: block; margin: 12px 0 0 2px; }

div.itemCommentsForm form textarea.inputbox { display: block; height: 160px; margin: 0; width: 350px; }

div.itemCommentsForm form input.inputbox { display: block; margin: 0; width: 350px; }

div.itemCommentsForm form input#submitCommentButton {
	margin: 10px 5px 0 0;
}

div.itemCommentsForm form span#formLog {
	color: #CF1919;
	font-weight: 700;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}

div.itemCommentsForm form .formLogLoading {
	background: url(../images/system/loading.gif) no-repeat left center;
}

/* Comment report form */
div.k2ReportCommentFormContainer { padding: 20px; }

div.k2ReportCommentFormContainer blockquote {
	background-color: #F7FAFE;
	border: 1px solid #ddd;
	margin-left: 0;
	margin-right: 0;
	padding: 8px;
	width: 565px;
}

div.k2ReportCommentFormContainer blockquote span.quote {
	color: #135CAE;
	font-size: 32px;
	font-style: italic;
	font-weight: 700;
	line-height: 32px;
}

div.k2ReportCommentFormContainer blockquote span.commentContent { color: #333; font-size: 12px; font-weight: 100; }

div.k2ReportCommentFormContainer input, div.k2ReportCommentFormContainer textarea { width: 578px; }

div.k2ReportCommentFormContainer form span#formLog {
	color: #CF1919;
	font-weight: 700;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}

div.k2ReportCommentFormContainer form .formLogLoading {
	background: url(../images/system/loading.gif) no-repeat left center;
}

/* Back to top link */
div.itemBackToTop { text-align: right; }

div.itemBackToTop a { text-decoration: underline; }

div.itemBackToTop a:hover { color: #7B7B7B; text-decoration: none; }

/*----------------------------------------------------------------------
	Component: Itemlist view (category)
----------------------------------------------------------------------*/
/* --- Category block --- */
div.itemListCategory {
	background: #f7fafe;
	border: 1px solid #ddd;
	margin: 4px 0;
	padding: 8px;
}

	span.catItemAddLink {
	border-bottom: 2px dashed #ddd;
	clear: both;
	display: block;
	margin: 0 0 4px;
	padding: 4px;
	text-align: right;
}

	div.itemListCategory img {
	background: #fff;
	border: 1px solid #ddd;
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
}

/* --- Sub-category block --- */
div.itemListSubCategories { }

div.itemListSubCategories h3 {
	background: url("../images/bg-line.gif") repeat-x scroll left bottom;
	color: #4b4b4b;
	font-size: 250%;
	line-height: 1.5;
	text-transform: uppercase;
}

div.subCategoryContainer { float: left; }

div.subCategory {
	background: #fff;
	border: 1px solid #eee;
	margin: 10px;
	padding: 15px;
}

div.subCategory:hover { background: #000; }

div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover { display: block; text-align: center; }

div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img { }

div.subCategory h2 { font-size: 180%; margin: 20px 0px 10px !important; background: none; }

div.subCategory h2 a { color: #222; }

div.subCategory:hover h2 a { color: #fff; }

div.subCategory p { color: #808080; margin-top: 0; }

.subCategoryMore {
	background: #3a3a3a;
	border: 1px solid #3a3a3a;
	color: #fff;
	font-size: 92%;
	font-weight: 700;
	display: inline-block;
	margin: 5px 0;
	padding: 6px 15px;
	text-decoration: none;
	text-transform: uppercase;
}

.subCategory:hover .subCategoryMore {
	background: #fff;
	border: 1px solid #E4E4E4;
	color: #393939;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
}

/* --- Item groups --- */
div#itemListLinks {
	background: #f7fafe;
	border: 1px solid #ddd;
	margin: 8px 0;
	padding: 8px;
}

div.itemContainer {  }
	
/* --- Item block for each item group --- */
div.catItemView {
	border-bottom: solid 1px #efefef;
	padding: 20px 0;
}

div.catItemView.hasImage .catItemHeader {
	margin-left: 238px;
}
/* Additional class appended to the element above for further styling per group item */
div.groupPrimary .catItemIntroText p { margin-top: 0; }

div.groupLinks { margin: 0; padding: 0; }

div.catItemIsFeatured { }

span.catItemEditLink {
	border-bottom: 2px dashed #ddd;
	display: block;
	margin: 0 0 4px;
	padding: 16px 36px 4px 4px;
	text-align: right;
}

.catItemBlogView div.catItemMeta { margin-bottom: 3px; }

div.catItemHeader span.catItemDateCreated { color: #999; }

div.catItemHeader h3.catItemTitle {
	font-size: 260%;
	font-weight: 100;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	text-transform: none;
}

div.userItemHeader h3.userItemTitle a, div.catItemHeader h3.catItemTitle a { color: #222; }

div.genericItemHeader h2.genericItemTitle a:hover,
div.genericItemHeader h2.genericItemTitle a:focus,
div.genericItemHeader h2.genericItemTitle a:active,
div.userItemHeader h3.userItemTitle a:hover,
div.userItemHeader h3.userItemTitle a:focus,
div.userItemHeader h3.userItemTitle a:active,
div.catItemHeader h3.catItemTitle a:hover,
div.catItemHeader h3.catItemTitle a:focus,
div.catItemHeader h3.catItemTitle a:active {
	color: #cf1f18;
	text-decoration: none;
}

div.catItemHeader h3.catItemTitle span sup { color: #222; text-decoration: none; }
 
.catItemMeta, .userItemMeta, .itemMeta {
	background: url(../images/pattern-grey.gif) #fcfcfc;
	font-size: 92%;
	margin: 5px 0;
	padding: 3px 5px;
	text-shadow: 1px 1px 0 #fff;
}

span.itemAuthor, span.itemDateCreated, .catItemMeta span.catItemDateCreated,
.catItemMeta span.catItemAuthor,
.userItemDateCreated,
.genericItemDateCreated{
	background: url(../images/hoz-sep.gif) no-repeat right center;
	padding-right: 10px;
}

.catItemMeta span span,
.userItemMeta span span,
.itemMeta span span { color: #999; font-weight: 700; }

.userItemCategory a, .catItemMeta a, .userItemMeta a, .itemMeta a { color: #cf1f18; font-weight: 700; }

/* superscript */
div.catItemHeader span.catItemAuthor a { color: #cf1f18; font-weight: 700; }

div.catItemRatingBlock { padding: 8px 0; }

div.catItemRatingBlock span {
	color: #999;
	display: block;
	float: left;
	font-style: 100;
	margin: 0;
	padding: 0 4px 0 0;
}

div.catItemBody { margin: 0; padding: 8px 0; }

.groupPrimary div.catItemBody { margin: 0; padding: 0; }

div.catItemImageBlock {
	float: left;
	margin: 0 20px 0 0;
}

div.catItemBlogView div.catItemImageBlock { margin-top: 20px; }

span.catItemImage { display: block; text-align: center; }

span.catItemImage img { border: 1px solid #e5e5e5; padding: 8px; }

div.catItemIntroText {
	font-size: inherit;
	font-weight: 100;
	line-height: inherit;
	padding: 4px 0 10px;
}

div.catItemIntroText p.images-border { margin-top: 0; }

div.catItemExtraFields, div.genericItemExtraFields {
	border-top: 1px dotted #ddd;
	margin: 16px 0 0;
	padding: 8px 0 0;
}

div.catItemExtraFields h4, div.genericItemExtraFields h4 {
	line-height: normal !important;
	margin: 0;
	padding: 0 0 8px 0;
}

div.catItemExtraFields ul,
div.genericItemExtraFields ul { list-style: none; margin: 0; padding: 0; }

div.catItemExtraFields ul li,
div.genericItemExtraFields ul li { display: block; }

div.catItemExtraFields ul li span.catItemExtraFieldsLabel,
div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 4px 0 0;
	width: 30%;
}

div.catItemExtraFields ul li span.catItemExtraFieldsValue { }

div.catItemHitsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.catItemCategory { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.catItemCategory span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.catItemTagsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.catItemTagsBlock span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.catItemTagsBlock ul.catItemTags {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.catItemTagsBlock ul.catItemTags li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px 0 0;
	text-align: center;
}

div.catItemAttachmentsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.catItemAttachmentsBlock span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.catItemAttachmentsBlock ul.catItemAttachments {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.catItemAttachmentsBlock ul.catItemAttachments li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px;
	text-align: center;
}

div.catItemAttachmentsBlock ul.catItemAttachments li span {
	color: #999;
	font-size: 10px;
	font-weight: 100;
}

/*----------------------------------------------------------------------
	Component: Itemlist blog view (category)
----------------------------------------------------------------------*/
div.catItemBlogView {
	background: url(../images/bg-line.gif) repeat-x left bottom;
	border: none;
	padding-bottom: 35px;
	padding-left: 196px;
}

.catItemBlogView .catItemDate {
	background: url(../images/bg-date.png) no-repeat left top;
	height: 80px;
	left: -196px;
	position: absolute;
	top: 5px;
	width: 166px;
}

.catItemBlogView .catItemDate:hover { background-image: url(http://epicessorize.co.id/templates/ja_tiris/images/bg-date-hover.png); }

.catItemBlogView .catItemDate .viewItemDate {
	font-family: "abelregular",Arial,sans-serif;
	padding: 20px;
}

.catItemBlogView .catItemDate .date {
	border-right: 1px solid #bfbfbf;
	color: #ca1b20;
	float: left;
	font-size: 350%;
	line-height: .8;
	margin-right: 8px;
	padding-right: 8px;
	text-transform: uppercase;
}

.catItemBlogView .catItemDate .month-year {
	color: #010101;
	display: block;
	float: left;
	font-size: 110%;
	line-height: 1;
	text-transform: uppercase;
}

.catItemBlogView .catItemDate .month-year span { display: block; }

.catItemBlogView .catItemDate .month-year .month {
	font-size: 120%;
	margin-bottom: 4px;
	word-spacing: 25px;
}

.catItemBlogView .catItemDate:hover .date,
.catItemBlogView .catItemDate:hover .month-year { color: #fff; }

.catItemBlogView div.catItemBody { padding: 0; }

/* Video */
div.catItemVideoBlock {
	background: #010101 url(http://epicessorize.co.id/templates/ja_tiris/images/system/videoplayer-bg.gif) repeat-x bottom;
	margin: 0 0 16px;
	padding: 16px;
}

div.catItemVideoBlock div.catItemVideoEmbedded {
	text-align: center; /* for embedded videos (not using AllVideos) */
}

div.catItemVideoBlock span.catItemVideo { display: block; }

/* Image Gallery */
div.catItemImageGallery { margin: 0 0 16px; padding: 0; }

/* Anchor link to comments */
div.catItemCommentsLink { display: inline; }

div.catItemCommentsLink a {
	background: #f6f6f6;
	border: solid 1px #e4e4e4;
	color: #666;
	display: inline-block;
	font-size: 92%;
	font-weight: 700;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

div.catItemCommentsLink a:hover {
	background: #cf1f18;
	border: solid 1px #cf1f18;
	color: #fff;
}

/* Read more link */
div.catItemReadMore { overflow: hidden; display: inline; vertical-align: middle; }

div.catItemReadMore a {
	background: #3A3A3A;
	color: #fff;
	display: block;
	float: left;
	font-size: 92%;
	font-weight: 700;
	margin-right: 8px;
	padding: 6px 10px;
	text-transform: uppercase;
}

div.catItemReadMore a:hover {
	background: #cf1f18;
	color: #fff;
	text-decoration: none;
}

/* Modified date */
span.catItemDateModified {
	border-top: 1px solid #ddd;
	color: #999;
	display: block;
	margin: 4px 0;
	padding: 4px;
	text-align: right;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userView { }

div.userBlock {
	background: url(../images/bg_user.gif) repeat left top;
	border: 1px solid #eaeaea;
	clear: both;
	margin: 0 0 16px;
	padding: 20px;
}

div.userBlock .avatarUser,
div.itemAuthorBlock .avatarUser { float: left; margin-right: 25px; position: relative; }

div.userBlock .avatarUser .topavatar,
div.itemAuthorBlock .avatarUser .topavatar {
	background: url(http://epicessorize.co.id/templates/ja_tiris/images/top-user.png) no-repeat left top;
	height: 21px;
	position: absolute;
	right: -12px;
	top: 15px;
	width: 13px;
}

span.userItemAddLink {
	border-bottom: 2px dashed #ddd;
	display: block;
	margin: 0 0 4px;
	padding: 4px;
	text-align: right;
}

div.userBlock img {
	background: #fff;
	border: 1px solid #eaeaea;
	display: block;
	padding: 10px;
}

div.userBlock h2 { padding: 0; }

div.userBlock p.userDescription { padding: 4px 0; }

div.userBlock p.userAdditionalInfo {
	border-top: 1px dotted #ccc;
	margin: 8px 0 0;
	padding: 4px 0;
}

span.userURL { color: #515151; display: block; font-weight: 700; }

span.userEmail { color: #515151; display: block; font-weight: 700; }

span.userURL a { color: #515151; }

/* User items */
div.userItemView {
	border-bottom: 1px solid #EFEFEF; /* this is the item container for this view */
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div.userItemIsFeatured { }

div.userItemViewUnpublished {
	background: #fffff2;
	border: 4px dashed #ccc;
	padding: 8px;
}

span.userItemEditLink {
	border-bottom: 2px dashed #ddd;
	display: block;
	margin: 0 0 4px;
	padding: 16px 36px 4px 4px;
	text-align: right;
}

div.userItemHeader span.userItemDateCreated { color: #999; font-size: 11px; }

div.userItemHeader h3.userItemTitle {
	font-size: 260%;
	font-weight: 100;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

div.userItemHeader h3.userItemTitle span sup {
	color: #CF1919;
	font-size: 12px;
	/* "Unpublished" presented in superscript */
	text-decoration: none;
}

div.userItemBody { margin: 0; padding: 8px 0; }

div.userItemImageBlock { float: left; margin: 0 10px 0 0; padding: 0; }

span.userItemImage {
	display: block;
	margin: 0 8px 8px 0;
	text-align: center;
}

span.userItemImage img {
	border: 1px solid #E5E5E5;
	padding: 8px;
}

div.userItemIntroText p { margin: 0 0 15px; }

div.userItemIntroText img {
	border: 1px solid #E5E5E5;
	padding: 8px;
}

div.userItemIntroText p.images-border { margin-top: 0; }

div.userItemLinks { margin: 0 0 16px; padding: 0; }

div.userItemTagsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.userItemTagsBlock span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.userItemTagsBlock ul.userItemTags {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.userItemTagsBlock ul.userItemTags li {
	background: none;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px 0 0;
	text-align: center;
}

/* Anchor link to comments */
div.userItemCommentsLink { display: inline; }

div.userItemCommentsLink a {
	background: #f6f6f6;
	border: solid 1px #e4e4e4;
	color: #666;
	display: inline-block;
	font-size: 92%;
	font-weight: 700;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}

div.userItemCommentsLink a:hover {
	background: #cf1f18;
	border: solid 1px #cf1f18;
	color: #fff;
}

/* Read more link */
div.userItemReadMore { display: inline; overflow: hidden; vertical-align: middle; float: left; }
div.userItemReadMore a {
	background: none repeat scroll 0 0 #3A3A3A;
	color: #fff;
	display: inline-block;
	font-size: 92%;
	font-weight: 700;
	margin-right: 8px;
	padding: 6px 10px;
	text-transform: uppercase;
}

div.userItemReadMore a:hover {
	background: #cf1f18;
	color: #fff;
	text-decoration: none;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericItemView {
	border-bottom: 1px solid #EFEFEF;
	/* this is the item container for this view */
	margin: 0 0 16px;
	padding: 8px 0 20px;
}

div.genericItemHeader { }

div.genericItemHeader span.genericItemDateCreated { color: #999; font-size: 11px; }

div.genericItemHeader h2.genericItemTitle {
	font-size: 260%;
	font-weight: 100;
	line-height: 1.1;
	margin: 0 !important;
	padding: 0 !important;
	background: none;
}

div.genericItemHeader h2.genericItemTitle a { color: #222; }

div.genericItemBody { padding: 8px 0 0; }

div.genericItemImageBlock { float: left; margin: 0 10px 0 0; padding: 0; }

span.genericItemImage {
	display: block;
	margin: 0 8px 0 0;
	text-align: center;
}

span.genericItemImage img {
	border: 1px solid #e5e5e5;
	padding: 8px;
}

div.genericItemIntroText p { margin-top: 0; }

div.genericItemIntroText img {
	border: 1px solid #e5e5e5;
	padding: 8px;
}

/* Read more link */
div.genericItemReadMore { display: inline-block; }
div.genericItemReadMore a{
	background: #3A3A3A;
	color: #fff;
	display: inline-block;
	font-size: 92%;
	font-weight: 700;
	margin-right: 5px;
	padding: 6px 10px;
	text-transform: uppercase;
}

div.genericItemReadMore a:hover {
	background: #cf1f18;
	color: #fff;
	text-decoration: none;
}
/*----------------------------------------------------------------------
	Component: Latest view
----------------------------------------------------------------------*/
div.latestItemsContainer { float: left; }

/* Category info block */
div.latestItemsCategory {
	background: #f7fafe;
	border: 1px solid #ddd;
	margin: 0 8px 8px 0;
	padding: 8px;
}

div.latestItemsCategoryImage { text-align: center; }

div.latestItemsCategoryImage img {
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 8px 0 0;
	padding: 4px;
}

div.latestItemsCategory h2 { }

div.latestItemsCategory p { }

/* User info block */
div.latestItemsUser {
	background: #f7fafe;
	border: 1px solid #ddd;
	clear: both;
	margin: 0 8px 8px 0;
	padding: 8px;
}

div.latestItemsUser img {
	background: #fff;
	border: 1px solid #ddd;
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
}

div.latestItemsUser h2 { }

div.latestItemsUser p.ulatestItemsUserDescription { padding: 4px 0; }

div.latestItemsUser p.latestItemsUserAdditionalInfo {
	border-top: 1px dotted #ccc;
	margin: 8px 0 0;
	padding: 4px 0;
}

span.latestItemsUserURL { color: #555; display: block; font-weight: 700; }

span.latestItemsUserEmail { color: #555; display: block; font-weight: 700; }

/* Latest items list */
div.latestItemList { padding: 0 8px 8px 0; }

div.latestItemView { }

div.latestItemHeader { }

div.latestItemHeader h3.latestItemTitle {
	font-size: 24px;
	font-weight: 100;
	line-height: 110%;
	margin: 0;
	padding: 10px 0 4px;
}

span.latestItemDateCreated { color: #999; font-size: 11px; }

div.latestItemBody { margin: 0; padding: 8px 0; }

div.latestItemImageBlock { float: left; margin: 0; padding: 0; }

span.latestItemImage {
	display: block;
	margin: 0 8px 8px 0;
	text-align: center;
}

span.latestItemImage img { border: 1px solid #c3c3c3; padding: 8px; }

div.latestItemIntroText {
	font-size: inherit;
	font-weight: 100;
	line-height: inherit;
	padding: 4px 0 12px;
}

div.latestItemLinks { margin: 0 0 16px; padding: 0; }

div.latestItemCategory { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.latestItemCategory span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.latestItemTagsBlock { border-bottom: 1px dotted #ccc; padding: 4px 0; }

div.latestItemTagsBlock span { color: #555; font-weight: 700; padding: 0 4px 0 0; }

div.latestItemTagsBlock ul.latestItemTags {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.latestItemTagsBlock ul.latestItemTags li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px 0 0;
	text-align: center;
}

/* Video */
div.latestItemVideoBlock {
	background: #010101 url(http://epicessorize.co.id/templates/ja_tiris/images/system/videoplayer-bg.gif) repeat-x bottom;
	margin: 0 0 16px;
	padding: 16px;
}

div.latestItemVideoBlock span.latestItemVideo { display: block; }

/* Anchor link to comments */
div.latestItemCommentsLink {
	border-right: 1px solid #c3c3c3;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
}

/* Items presented in a list */
h2.latestItemTitleList {
	border-bottom: 1px dotted #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	margin: 8px 0 2px;
	padding: 2px 0;
}

/*----------------------------------------------------------------------
	Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage table tr td label { white-space: nowrap; }

img.k2AccountPageImage {
	border: 4px solid #ddd;
	display: block;
	margin: 10px 0;
	padding: 0;
}

.k2AccountPage div.k2AccountPageNotice { padding: 8px; }

.k2AccountPage div.k2AccountPageUpdate {
	border-top: 1px dotted #ccc;
	margin: 8px 0;
	padding: 8px;
	text-align: right;
}

/* Latest Comments */
div.k2LatestCommentsBlock ul li {
	background: none; 
	padding-left: 0;
	border-bottom: solid 1px #eee;
	margin: 0 0 10px;
}

div.k2LatestCommentsBlock ul li a { color: #222; }

div.k2LatestCommentsBlock ul li a:hover,
div.k2LatestCommentsBlock ul li a:active,
div.k2LatestCommentsBlock ul li a:focus { color: #CF1F18; }

div.k2LatestCommentsBlock ul li span.lcCommentDate { color: #999; }

/* Top Commenters */
div.k2TopCommentersBlock ul li span.tcLatestCommentDate { color: #999; }

/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/
.column div.k2ItemsBlock ul li {
	background: none;
	padding: 0 0 10px;
	margin: 0 0 10px;
}

div.k2ItemsBlock ul li div.moduleItemIntrotext { display: block; line-height: 120%; padding: 4px 0 10px; overflow: hidden; }

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    border: 1px solid #EEEEEE;
    margin: 0 15px 0 0;
    padding: 4px;
	float: left;
}
div.k2ItemsBlock ul li a.moduleItemTitle { color: #454545; margin-bottom: 10px; font-weight: 700; }

div.k2ItemsBlock ul li a.moduleItemTitle:hover { color: #CF1F18; }

div.k2ItemsBlock ul li div.moduleItemExtraFields { }

div.moduleItemExtraFields ul { }

div.moduleItemExtraFields ul li { }

div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 4px 0 0;
	width: 30%;
}

div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue { }

div.k2ItemsBlock ul li div.moduleItemVideo { }

div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption { }

div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {}

div.k2ItemsBlock ul li span.moduleItemDateCreated {
	color: #afafaf;
    font-style: italic;
    padding: 5px 0 0;	
}

div.k2ItemsBlock ul li a.moduleItemCategory { }

div.k2ItemsBlock ul li div.moduleItemTags { }

div.k2ItemsBlock ul li div.moduleItemTags b { }

div.k2ItemsBlock ul li div.moduleItemTags a { padding: 0 2px; }

div.k2ItemsBlock ul li div.moduleItemTags a:hover { }

div.k2ItemsBlock ul li div.moduleAttachments { }

div.k2ItemsBlock ul li a.moduleItemComments {
	border-right: 1px solid #c3c3c3;
	margin: 0 8px 0 0;
	padding: 0 4px 0 0;
}

div.k2ItemsBlock ul li a.moduleItemComments:hover { }

div.k2ItemsBlock ul li span.moduleItemHits {
	border-right: 1px solid #c3c3c3;
	margin: 0 8px 0 0;
	padding: 0 4px 0 0;
}

div.k2ItemsBlock ul li a.moduleItemReadMore { }

div.k2ItemsBlock ul li a.moduleItemReadMore:hover { }

div.k2ItemsBlock a.moduleCustomLink { }

div.k2ItemsBlock a.moduleCustomLink:hover { }

/*----------------------------------------------------------------------
	Modules: mod_k2_login
----------------------------------------------------------------------*/
div.k2LoginBlock { }

div.k2UserBlock { }

div.k2UserBlock p.ubGreeting { border-bottom: 1px dotted #ccc; }

div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img { }

div.k2UserBlock div.k2UserBlockDetails span.ubName { display: block; font-size: 14px; font-weight: 700; }

div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount { }

/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
div.ja-moduletable div.k2ArchivesBlock ul { margin: 0; }

div.ja-moduletable .k2ArchivesBlock  ul li { background: none; padding-left: 0; }

.k2ArchivesBlock  ul li a  {
	background: url("../images/pattern-grey.gif") repeat scroll 0 0;
	color: #444;
	text-align: center;
	display: inline-block;
	padding: 3px 25px 3px 15px;
	text-decoration: none;
}

.k2ArchivesBlock  ul li:hover a { background: #CF1F18; color: #fff; }

/* --- Authors --- */
div.k2AuthorsListBlock { }

div.k2AuthorsListBlock ul { }

div.k2AuthorsListBlock ul li { }

div.k2AuthorsListBlock ul li a.abAuthorAvatar img { }

div.k2AuthorsListBlock ul li a.abAuthorName { }

div.k2AuthorsListBlock ul li a.abAuthorName:hover { }

div.k2AuthorsListBlock ul li a.abAuthorLatestItem { clear: both; display: block; }

div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover { }

div.k2AuthorsListBlock ul li span.abAuthorCommentsCount { }

/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock { }

div.k2BreadcrumbsBlock span.bcTitle { color: #999; padding: 0 4px 0 0; }

div.k2BreadcrumbsBlock a { }

div.k2BreadcrumbsBlock a:hover { }

div.k2BreadcrumbsBlock span.bcSeparator { font-size: 14px; padding: 0 4px; }

/* --- Calendar --- */
div.k2CalendarBlock {
	height: 190px;
	margin-bottom: 8px;
}

div.k2CalendarLoader {
	background: #fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;
}

table.calendar {
	background: #fff;
	border-collapse: collapse;
	width: 100%;
}

table.calendar tr td {
	background: #fff;
	border: 1px solid #f4f4f4;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

table.calendar tr td.calendarNavMonthPrev { background: #f3f3f3; text-align: left; }

table.calendar tr td.calendarNavMonthPrev a { font-size: 150%; text-decoration: none; }

table.calendar tr td.calendarCurrentMonth { background: #f3f3f3; }

table.calendar tr td.calendarNavMonthNext { background: #f3f3f3; text-align: right; }

table.calendar tr td.calendarNavMonthNext a { font-size: 150%; text-decoration: none; }

table.calendar tr td.calendarDayName { background: #e9e9e9; font-size: 92%; width: 14.2%; }

table.calendar tr td.calendarDateEmpty { background: #fbfbfb; }

table.calendar tr td.calendarDate { }

table.calendar tr td.calendarDateLinked { padding: 0; }

table.calendar tr td.calendarDateLinked a {
	background: #eee;
	display: block;
	padding: 2px;
	text-decoration: none;
}

table.calendar tr td.calendarDateLinked a:hover {
	background: #135cae;
	color: #fff;
	display: block;
	padding: 2px;
	text-decoration: none;
}

table.calendar tr td.calendarToday { background: #cf1f18; color: #fff; }

table.calendar tr td.calendarTodayLinked { background: #135cae; color: #fff; padding: 0; }

table.calendar tr td.calendarTodayLinked a {
	color: #fff;
	display: block;
	padding: 2px;
	text-decoration: none;
}

table.calendar tr td.calendarTodayLinked a:hover {
	background: #BFD9FF;
	display: block;
	padding: 2px;
	text-decoration: none;
}

/* --- Search Box --- */
div.k2SearchBlock { position: relative; }

div.k2SearchBlock form { }

div.k2SearchBlock form input.inputbox { }

div.k2SearchBlock form input.button { }

div.k2SearchBlock form input.k2SearchLoading {
	background: url(http://epicessorize.co.id/templates/ja_tiris/images/system/searchLoader.gif) no-repeat 100% 50%;
}

div.k2SearchBlock div.k2LiveSearchResults {
	background: #fff;
	border: 1px solid #c3c3c3;
	display: none;
	margin-top: -1px;
	position: absolute;
	z-index: 99;
}

/* Live search results (fetched via ajax) */
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults { list-style: none; margin: 0; padding: 0; }

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li { border: none; margin: 0; padding: 0; }

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
	border-top: 1px dotted #eee;
	display: block;
	padding: 1px 2px;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover { background: #fffff0; }
	
/* --- Tag Cloud --- */
div.k2TagCloudBlock { padding: 8px 0; }

div.k2TagCloudBlock a { display: block; float: left; padding: 4px; }

div.k2TagCloudBlock a:hover {
	background: #135cae;
	color: #fff;
	display: block;
	float: left;
	padding: 4px;
	text-decoration: none;
}

/* --- Google Search --- */
#k2Container div.gsc-branding-text { text-align: right; }

#k2Container div.gsc-control { width: 100%; }

#k2Container div.gs-visibleUrl { display: none; }

/*----------------------------------------------------------------------
	Modules: mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock ul li { background: none; padding-left: 0; padding-bottom: 0; margin-bottom: 0; border-bottom: solid 1px #eee;}

div.k2UsersBlock ul li.lastItem { border-bottom: none; }

div.k2UsersBlock ul li a.ubUserAvatar img {
	border: solid 1px #e1e1e1;
	margin-right: 15px;
	padding: 4px;
}

div.k2UsersBlock ul li ul.ubUserItems li { padding-left: 12px; }

div.k2UsersBlock ul li .InfoUser { padding-bottom: 5px; }

div.k2UsersBlock ul li a.ubUserName { color: #575757; font-weight: 700; }

div.k2UsersBlock ul li a.ubUserName:hover,
div.k2UsersBlock ul li a.ubUserName:active,
div.k2UsersBlock ul li a.ubUserName:focus { color: #cf1f18; }

div.k2UsersBlock ul li div.ubUserDescription p { margin: 0 0 15px; }

a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
	background: url(../images/social/feed.png) no-repeat 50% 50%;
	display: inline-block;
	height: 16px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 16px;
}

a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span { display: none; }

a.ubUserURL,
a.ubUserURL:hover {
	background: url(../images/social/globe.png) no-repeat 50% 50%;
	display: inline-block;
	height: 16px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 16px;
}

a.ubUserURL span,
a.ubUserURL:hover span { display: none; }

span.ubUserEmail {
	background: url(../images/social/mail.png) no-repeat 50% 50%;
	display: inline-block;
	height: 16px;
	margin: 0 2px 0 0;
	overflow: hidden;
	padding: 0;
	width: 16px;
}

span.ubUserEmail a {
	display: inline-block;
	height: 16px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 16px;
}

div.k2UsersBlock ul li { line-height: normal; padding: 0; }

div.k2UsersBlock ul li h3 {
	background: none;
	clear: both;
	color: #CF1F18;
	font-size: 110%;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-indent: 15px;
	text-transform: uppercase;
}

div.k2UsersBlock ul li ul.ubUserItems { margin: 5px 0 5px 15px; }

.ubUserAdditionalInfo { margin: 0 0 0 15px; height: 20px; }

.infoUser { float: left; width: 73%; }

div.k2LatestCommentsBlock ul li a.lcAvatar img, div.k2UserBlockDetails a.k2Avatar img {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #E8E8E8;
	margin: 0;
	padding: 5px;
}

.info-avatar { float: left; margin-right: 15px; position: relative; }

.info-avatar .top-author {
	background: url("../images/top-admin.png") no-repeat scroll center center transparent;
	height: 14px;
	position: absolute;
	right: -7px;
	top: 8px;
	width: 8px;
}

.info-comment span.lcUsername {
	color: #222222;
	display: block;
	font-size: 105%;
	font-weight: 700;
}

.info-comment span.lcCommentDate {
	color: #AAAAAA;
	font-size: 90%;
	margin: 0 8px 0 0;
	padding: 0 4px 0 0;
	display: block;
}

.view-comment {
	color: #7B7D80;
	display: block;
	margin: 10px 0;
	padding: 0;
}

.view-comment a { color: #7B7D80; }

div.k2CategoriesListBlock ul.level0 { margin: 0; }

div.k2CategoriesListBlock ul.level0 li {
	background: none; 
	padding-left: 0;
}

div.k2CategoriesListBlock ul.level1 li {
	padding-left: 12px;
}

.k2CategoriesListBlock ul li a {
	background: url("../images/pattern-grey.gif") repeat scroll 0 0;
	color: #444;
	text-align: center;
	display: inline-block;
	padding: 2px 25px 2px 15px;
	text-decoration: none;
}

.k2CategoriesListBlock ul li:hover > a { background: #CF1F18; color: #fff; }

.k2CategoriesListBlock ul li.activeCategory > a { background: #CF1F18; color: #fff; }

.k2CategoriesListBlock ul.level1 li.activeCategory > a { background: #3a3a3a; color: #fff; }

.pagination ul li { margin: 0 !important; padding: 0 !important; }

.pagination ul li span, ul.pagenav li span, .pagination ul li strong a, .pagination ul li a {
	 background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E4E4E4;
    color: #666666;
    display: inline-block;
    font-size: 92%;
    font-weight: 700;
    padding: 2px 8px !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 18px;
}

.pagination ul li span.pagenav, .pagination ul li.active span {
	background: none repeat scroll 0 0 #3A3A3A;
    border: 1px solid #3A3A3A;
    color: #fff;
    display: inline-block;
    font-size: 92%;
    font-weight: 700;
    padding: 2px 8px 1px !important;
    text-decoration: none;
    text-transform: uppercase;
	line-height: 1.8;
}

.pagination ul li strong a:hover, 
.pagination ul li.active:hover span, 
.pagination ul li:hover span, 
.pagination ul li:hover a,
.pagination ul li:hover a:hover {
	background: #CF1F18;
	border: 1px solid #CF1F18;
	color: #fff;
}

.ja-content-main .counter {
	color: #999;
	font-size: 100%;
}

.pageview  {
	margin-bottom: 10px;
}