/* @override http://localhost:8888/snapshot/avantitest/templates/avanti/css/k2.css */

/* Avante k2 Overrides */ 
/* General K2 layout */ 
.avanteK2Left {float: left;width: 27%;font-size: 92%;padding-bottom: 50px;border-right: 1px solid #ddd;display: inline;}
.avanteK2UserLeft {float: left;width: 27%;font-size: 92%;padding-bottom: 10px;border-right: 1px solid #ddd;display: inline;}
.avanteK2Left ul {margin: 0}
.avanteK2Left ul li {list-style-type: none;margin: 0}
.avanteK2Right {float: right;width: 69%; border-top: 1px solid #ddd;padding-top: 10px;display: inline;}
.avanteK2UserRight {float: right;width: 69%; border-top: 1px solid #ddd;padding-top: 10px;display: inline;}


/* Left Column Layout */ 

/* Title, author, created date */ 
.articleMetak2Avante,.catMetak2Avante {border-top: 1px solid #ddd;padding-top: 16px;margin-bottom: 30px;display: block;width: 90%}
.articleMetak2Avante p,.catMetak2Avante p {display: block;margin: 0}
span sup {font-size:10px;color:#fff;background: #A05900;;text-decoration:none;position: absolute;margin:10px 0 0 0;padding: 2px;line-height: 1em;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position: absolute;margin-left:-15px}
.k2Componentheading {color: #333;padding-left: 25px;} 
h2.itemTitleFeatured {margin-left: 20px;margin-bottom: 15px;}

/* Author Latest */ 
.itemAuthorAvatar {float: left;margin-right: 20px;width: 40px;margin-bottom: 10px;padding: 4px;border: 1px solid #ddd;margin-top: 30px}
.itemAuthorDetails {border-top: 1px solid #eee;margin-top: 20px;padding-top: 30px}
.itemAuthorDetails h3 {margin-bottom: 0}
.itemAuthorLatest ul li {background: url(../html/com_k2/templates/images/arrow.png) no-repeat left center;display: block;padding-left: 15px}
.itemAuthorLatest {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 10px;display: block;width: 90%;clear: both}


/* Resizer */ 
.itemToolbar ul li {float: left;margin-right: 10px}
.fontSize {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 30px;display: block;width: 90%;clear: both}
a#fontDecrease img,a#fontIncrease img{float: left;margin-top: 4px;margin-right: 8px}

/* Related Items */ 
.itemRelated {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 30px;display: block;width: 90%;clear: both}

/* Comments */ 
.k2AvanteComments {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 10px;display: block;width: 90%}

span.commentLink a {font-size: 90%}

.itemRatingBlock {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 40px;display: block;width: 90%;clear: both}

/* Pdf, email, print  */ 
.k2Buttons {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 10px;display: block;width: 90%;clear: both}
.k2Buttons a {margin-right:10px}

/* Tags  */ 
.itemTagsBlock,.catItemTagsBlock {border-top: 1px solid #ddd;padding-top: 8px;margin-bottom: 30px;display: block;width: 90%;clear: both}
ul.itemTags li {float: left;margin-right: 8px;padding: 0}

/* Rating Buttons */
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left}
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left}
div.itemRatingForm .formLogLoading {background:url(../html/com_k2/templates/images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:url(../html/com_k2/templates/images/system/transparent_star.gif) left -1000px repeat-x}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top}
.itemRatingList li {display:inline;background-image:none;padding:0}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer}
.itemRatingList a:hover {background-position:left bottom}
.itemRatingList a.one-star {width:20%;z-index:6}
.itemRatingList a.two-stars {width:40%;z-index:5}
.itemRatingList a.three-stars {width:60%;z-index:4}
.itemRatingList a.four-stars {width:80%;z-index:3}
.itemRatingList a.five-stars {width:100%;z-index:2}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0}
span.siteRoot {display:none}


/* --- CSS added with Javascript --- */
.smallerFontSize {font-size:100%;line-height:inherit}
.largerFontSize {font-size:150%;line-height:140%}
.itemComments,.catItemCommentsLink {padding-bottom: 20px;padding-top: 20px;border-top: 1px solid #eee;margin-top: 20px}
.itemComments p {margin: 0}
span.commentDate {float: right;font-size: 90%;font-style: italic;margin-top: 12px}


/* Right Col Layout */ 
.catItemHeader {clear: both;display: block}
.avanteK2Right textarea {width: 100%}
.avanteK2Right #userName,.avanteK2Right #commentEmail,.avanteK2Right #commentURL {width: 45%}
.avanteK2Right label {float: left;clear: both;width: 100%}
.itemContainer {padding-bottom: 20px;margin-bottom: 20px;float: left;display: inline;}
#itemListLinks .itemContainer {margin: 0;padding: 0;}
.avantiGenericItem {margin-bottom: 20px;float: left;width: 100%;}

.itemContainer.cols1 {width: 100%}
.itemContainer.cols1 .catItemIntroText  {width: 100%;}

.itemContainer.cols2 {width: 48%;margin-right: 2%;}
.itemContainer.cols2.floatRight {float: right;margin: 0}

.itemContainer.cols3 {width: 30%;margin-right: 5%;float: left;}
.itemContainer.cols3.floatRight {float: right;margin: 0;}

.itemContainer.cols4 {width: 22%;margin-right: 4%}
.itemContainer.cols4.floatRight {float: right;margin: 0;}

.itemContainer.cols5 {width: 17%;margin-right: 3.9%}
.itemContainer.cols5.floatRight {float: right;margin: 0;}
/* Comment Form */ 
.itemComments ul li {list-style-type:none;margin: 0;border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;display: block;float: left;width: 100%}
.avanteK2commentsLeft img {float: left;border: 1px solid #ddd;margin-right: 10px}
.avanteK2commentsLeft {float: left;width: 26%;font-size: 90%}
.avanteK2commentsRight {float: right;width: 70%}
h3.commentform {margin-top: 20px;padding-top: 10px}

/* Social Links */ 
.itemSocialLinks  li {float: left;list-style-type: none;margin: 0 20px 0 0}

/* Pagination */ 
.k2Pagination ul.pagination {float: left; width: 100%;border: 1px solid #ddd;border-width: 0 0 1px;padding: 10px 0;}
.k2Pagination ul.pagination li a {border: 1px solid #eee}
span.k2PaginationResults {float: right;font-style: italic;font-size: .95em;padding-top: 8px;}

h3.k2Morelinks {font-size: 1.2em;margin: 0;display: block;width: 100%;border-bottom: 1px solid #ddd;padding: 4px 0;} 
h3.k2Morelinks a {border: none;}
.morelinksContainer.cols4 {width: 25%;}
.itemDateModified {float: right;font-size: 90%}


/* Item Navigation */ 
.itemNavigation {padding-bottom: 30px;border-top: 1px solid #eee;padding-top: 10px}
.itemNext {margin-left: 20px;}
div.itemSocialLinksBlock {margin-top: 20px}
	div.itemSocialLinksBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;float:left;display:block}
	div.itemSocialLinksBlock ul.itemSocialLinks {list-style:none;padding:0;margin:0;float:left}
	div.itemSocialLinksBlock ul.itemSocialLinks li {float:left;list-style:none;padding:0 4px;margin:0}
	div.itemSocialLinksBlock ul.itemSocialLinks li a {float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat}

div.itemSocialLinksBlock ul.itemSocialLinks li a span {display:none}
		a.delicious {background-image: url(../html/com_k2/templates/images/social/delicious.png)}
		a.digg {background-image: url(../html/com_k2/templates/images/social/digg.png)}
		a.reddit {background-image: url(../html/com_k2/templates/images/social/reddit.png)}
		a.stumble {background-image: url(../html/com_k2/templates/images/social/stumble.png)}
		a.facebook {background-image: url(../html/com_k2/templates/images/social/facebook.png)}
		a.myspace {background-image: url(../html/com_k2/templates/images/social/myspace.png)}
		a.technorati {background-image: url(../html/com_k2/templates/images/social/technorati.png)}

#itemListLinks h4 {border-bottom: 1px solid #ddd;padding-bottom: 8px;margin-bottom: 8px;}

.itemList #itemListLinks {clear: both}
#k2Container.itemListView {border-top: 1px solid #ddd;padding-top: 20px;padding-left: 0px}
ul.catItemTags li {margin: 0;list-style-type: none;float: left;margin-right: 10px}
span.catItemDateCreated {margin-right: 20px}

/* --- RSS feed icon --- */
div.k2FeedIcon {padding:4px 8px}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:14px;height:14px;background:url(../html/com_k2/templates/images/system/feed-icon-14x14.gif) no-repeat 50% 50%;position: absolute;margin-top: -60px;margin-left: -5px;border: none;z-index: 10;}

div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {display:none}


/* --- Photo Blog Template --- */
#avantePhotoCat .itemContainer,#avantePhotoCat .itemContainer2,#avantePhotoCat .itemContainer3,#avantePhotoCat .itemContainer4,#avantePhotoCat .itemContainer5,#avantePhotoCat .itemContainer6 {float: left;margin-bottom: 30px;}
#avantePhotoCat {border-top: 1px solid #ddd;padding-top: 15px;}
#avantePhotoCat a {border: none;}
#avantePhotoCat img {background: #eee;border: 1px solid #ddd;padding: 6px;	-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-bottomright:3px;	-webkit-border-bottom-right-radius:3px;	-moz-border-radius-bottomleft:3px;	-webkit-border-bottom-left-radius:3px}
#avantePhotoCat h3 {margin-top: 10px;font-size: 1.4em;margin-bottom: 0;}
#avantePhotoCat .catItemIntroText,#avantePhotoCat .catItemReadMore {width: 100%;}
#avantePhotoCat span.catItemDateCreated {font-style: italic;color: #999;}


/*----------------------------------------------------------------------
  SubCategory View 
----------------------------------------------------------------------*/
.itemListCategory img {padding: 4px;border: 1px solid #ddd;}
div.subCategoryContainer {float:left}
div.subCategory {margin:0 10px 10px 0;padding:0;margin-bottom: 20px}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {border: 1px solid #ddd;padding: 4px;margin-right: 10px;margin-bottom: 10px;}
div.subCategory a {border: none;text-decoration: none;} 

/*----------------------------------------------------------------------
  Latest Item Component View 
----------------------------------------------------------------------*/

.latestItemReadMore a.k2ReadMore{float: right;margin: 0;padding: 0}
.latestItemView {float: left;width: 100%;margin-bottom: 30px;padding-bottom: 30px;}
.latestItemCategory {float: left;margin-right: 20px;}
.latestItemsUser div.k2FeedIcon a,.userView .k2FeedIcon a {margin-top: 0;}
.latestItemTagsBlock span {float: left;}
.latestItemLinks {border: 1px solid #ddd;border-width: 1px 0 1px 0;padding: 5px 0;float: left;width: 100%;clear: both;margin-top: 20px;}
.latestItemLinks ul {float: left;margin: 0 0 0 10px;}
.latestItemLinks ul li{float: left;list-style-type: none;margin: 0 10px 0 0;padding: 0;}


/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/

/* Latest Comments */
div.k2LatestCommentsBlock ul {padding:4px;margin:4px;list-style:none;}
div.k2LatestCommentsBlock ul li {display:block;clear:both;}
div.k2LatestCommentsBlock ul li img.lcAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;/*width:24px;height:auto;*/}
div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;}


/* Top Commenters */
div.k2TopCommentersBlock ul {padding:4px;margin:4px;list-style:none;}
div.k2TopCommentersBlock ul li img.tcAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;/*width:24px;height:auto;*/}

div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}



/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/

div.k2ItemsBlock ul {padding:0px;margin:4px;list-style:none;}
div.k2ItemsBlock ul li {padding:8px 0;margin: 0;list-style-type: none;border-bottom: 1px solid #ddd;}

div.k2ItemsBlock ul li a.moduleItemTitle {margin-right: 20px;font-size: 1.2em;}

div.k2ItemsBlock ul li img.moduleItemAuthorAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:0 4px 0 0;width:14px;height:auto;}

div.k2ItemsBlock ul li p.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;}
div.k2ItemsBlock ul li p.moduleItemIntrotext a.moduleItemImage img {float:left;margin:2px 4px 4px 0;padding:0;border:2px solid #ddd;}

div.k2ItemsBlock ul li ul.moduleItemExtraFields {margin:0;padding:0;list-style:none;}
	ul.moduleItemExtraFields li {display:block;}
	ul.moduleItemExtraFields li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}

div.k2ItemsBlock ul li span.moduleItemTags a {padding:0 2px;}


div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}

div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}

p.moduleItemVideo {}


/*----------------------------------------------------------------------
	Modules: mod_k2_login
----------------------------------------------------------------------*/

div.k2LoginBlock {}
	div.k2LoginBlock p.preText {}
	
	div.k2LoginBlock fieldset.input {margin:0;padding:0;}
	div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;}
	div.k2LoginBlock fieldset.input p label {display:block;}
	div.k2LoginBlock fieldset.input p input {display:block;}
	div.k2LoginBlock fieldset.input p#form-login-remember label,
	div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;}

	
	div.k2LoginBlock ul {padding:4px 8px;margin:4px;list-style:square;}

	div.k2UserBlock p img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;width:48px;height:auto;}
	div.k2UserBlock p span.ubName {}
	div.k2UserBlock ul {padding:4px 8px;margin:4px;list-style:square;}


/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/

/* --- Archives --- */

div.k2ArchivesBlock ul {padding:4px 8px;margin:4px;list-style:square;}

/* --- Authors --- */

div.k2AuthorsListBlock ul {padding:4px 8px;margin:4px;list-style:square;}
div.k2AuthorsListBlock ul li img.abAuthorAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;width:24px;height:auto;}

/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;}
div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;}

/* --- Calendar --- */
div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader {background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;}
table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;}
table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;}
table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;}
table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;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:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;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 {display:block;padding:2px;text-decoration:none;}
table.calendar tr td.calendarDateLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}
table.calendar tr td.calendarToday {background:#135cae;color:#fff;}
table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;}
table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;}
table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}

/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock form select {width:auto;}

/* --- Category List/Menu --- */
div.k2CategoriesListBlock ul {padding:4px 8px;margin:4px;list-style:square;}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}

/* --- Tag Cloud --- */
div.k2TagCloudBlock {padding:8px 0;}
div.k2TagCloudBlock a {padding:4px;float:left;display:block;}
div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;text-decoration:none;color:#fff;}

/* --- END --- */