/*------------------------------------------------------------------
Template:	Zenkit
Version:	Joomla 1.5 / Joomla 2.5
Zen Grid: 	v1.0
Copyright:	Joomlabamboo
Created:	April 2012
---------------------------------------------------*/

/* Primary id for all layouts
---------------------------------------------------*/
#zenkit {position: relative;clear: both}
img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

/* Reset Lists
---------------------------------------------------*/
#zenkit ul,#zenkit ul li {
margin: 0 0 0 10px;padding:0 ;
}

#zenkit li.grid_one,#zenkit li.grid_two,#zenkit li.grid_three,#zenkit li.grid_four,#zenkit li.grid_five,#zenkit li.grid_six,#zenkit li.grid_seven,#zenkit li.grid_eight,#zenkit li.grid_nine,#zenkit li.grid_ten,#zenkit li.grid_eleven,#zenkit li.grid_twelve,#zenkit li.grid_1,#zenkit li.grid_2,#zenkit li.grid_3,#zenkit li.grid_4 {
margin-right: 3.8% !important;
}

#zenkit li.zenlast {
margin: 0;
}


/* Some general layotu blocks and dividers
---------------------------------------------------*/
#zenkit .divider {height: 1px;float: left;width: 100%;margin: 10px 0}
#zenkit .divider,#zenkit .zenblock {border-bottom: 1px solid #ddd}
#zenkit .zenblock {padding: 10px 0;margin: 10px 0}


/* Edit Icons
---------------------------------------------------*/
#zenkit .editlink
{
	text-align:right;
	float:right;
	font-size: 90%;
}

body.contentpane #zenkit
{
	padding:16px
}


/* Used in the popup box
---------------------------------------------------*/
#zenkit .clearList
{
	display:none;
	float:none;
	clear:both
}



/* K2 Pagination
---------------------------------------------------*/
#zenkit div.k2Pagination
{
	text-align:center;
	color:#999;
	margin:24px 0 4px
}



/* Feed Icon
---------------------------------------------------*/
#zenkit .k2FeedIcon a, .k2FeedIcon a:hover {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/fugue/feed.png) no-repeat 50% 50%;
	margin: 10px 10px 0 0;
	padding: 0;
}

#zenkit .k2ItemList {
	width: 100%;
	float: left;
}

/* Some general styling and spacing
---------------------------------------------------*/
#zenkit .catItemView{width: 100%;float: left}
#zenkit .groupLeading,.groupPrimary{margin-bottom: 30px}
#zenkit .groupPrimary.accordion {margin: 0}
#zenkit #k2ItemListSecondary {margin-top: 40px}

/* Styles also found in Zen Grid Framework templates
---------------------------------------------------*/
#zenkit div.jbMeta,#zenkit .zenmeta {float: left;width: 100%;position: relative;margin-top: 10px} 
#zenkit div.buttons {float: right;text-align: right}
#zenkit .zenkitdate {font-size: 90%;color: #aaa;font-style: italic;display: block;float: none}
#zenkit .contentheading {border-bottom: 1px solid #ddd;padding-bottom: 5px}



/* Author Tag
---------------------------------------------------*/
#zenkit .zenauthor {font-size: 90%;clear: both}
#zenkit .zenauthor span {font-weight: bold}
#zenkit div.authorBlock {padding: 30px 0 0;float: left;width: 100%}



/* Category tag
---------------------------------------------------*/
#zenkit .zencategories span {font-weight: bold}



/* Item Template
---------------------------------------------------*/
.itemView {float: left;width: 100%}



/* Meta / Toolbar 
---------------------------------------------------*/
#zenkit .buttons {
width: auto;position: absolute;right: 0;font-size: 90%;top: 0;
}
#zenkit .groupPrimary .buttons {
position: relative;float: left;
}

#zenkit .buttons li {
list-style-type: none;margin: 0;float: none;margin-right: 4px;
}

#zenkit .buttons a span {
float: left
}

a.commentsLink span {
margin-right: 4px;
}

#zenkit .buttons span span {
margin-right: 4px;
}

/* Used to position the buttons etc on multi column layouts
---------------------------------------------------*/
#zenkit .grid_2 .buttons,#zenkit .grid_3 .buttons,#zenkit .grid_4 .buttons  {
position: relative;float: left;
}


/* Print icons etc
---------------------------------------------------*/
#zenkit .printLink,
#zenkit .emailLink,
#zenkit .videoLink,
#zenkit .imageGalleryLink {
	background: url(../images/system/printButton.png) no-repeat scroll 0 0;
	text-indent: -9999em;
	width: 20px;
	height: 20px;
	display: block;
}

#zenkit .printLink {float: right}

#zenkit .jbMeta .resize {clear: both}

#zenkit .emailLink {
	background: transparent url(../images/system/emailButton.png) no-repeat scroll 0 0;
	float: right;
}

#zenkit .k2Toolbar .k2VideoLink {
	background: transparent url(../images/system/videoButton.png) no-repeat scroll 0 0;
}

#zenkit .k2Toolbar .k2ImageGalleryLink {
	background: transparent url(../images/system/fotoButton.png) no-repeat scroll 0 0;
}


#zenkit .largerFontSize {font-size: 1.4em;line-height: 1.6em}





/* Rating Block
---------------------------------------------------*/
#zenkit .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}

#zenkit .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}

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

#zenkit .itemRatingList,
#zenkit .itemRatingList a:hover,
#zenkit .itemRatingList .itemCurrentRating {background:transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;}

#zenkit .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}

#zenkit .itemRatingList li {display:inline;background:none;padding:0;}

#zenkit .itemRatingList a,
#zenkit .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}

#zenkit .itemRatingList a:hover {background-position:left bottom;}
#zenkit .itemRatingList a.one-star {width:20%;z-index:6;}
#zenkit .itemRatingList a.two-stars {width:40%;z-index:5;}
#zenkit .itemRatingList a.three-stars {width:60%;z-index:4;}
#zenkit .itemRatingList a.four-stars {width:80%;z-index:3;}
#zenkit .itemRatingList a.five-stars {width:100%;z-index:2;}
#zenkit .itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}

#zenkit .itemRatingBlock span,
#zenkit .itemRatingLog {
color: #ccc;font-style: italic;font-size: 90%;line-height: 2.4;margin-left: 10px;
}




/* Item image
---------------------------------------------------*/
#zenkit span.itemImage img {
padding: 4px;margin: 20px 0;background: #fff;border: 1px solid #ddd
}

#zenkit span.imagecaption {
display: block;padding: 8px;background: #eee;border-radius:4px
}

#zenkit span.imagecredits {
font-size: 90%;font-style: italic;display: block;margin: 10px 0;
}





/* Video Block
---------------------------------------------------*/
#zenkit .zenvideo {
float:left;
width:100%
}


#zenkit video {
width:100% !important;
height:auto !important
}

#zenkit .video-container {
position:relative;
padding-bottom:56.25%;
padding-top:0;
height:0;
overflow:hidden
}

#zenkit .video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:94%
}



/* Content
---------------------------------------------------*/
#zenkit .itembody,
#zenkit .jbIntroText,
#zenkit .itemIntroText,
#zenkit .itemFullText 
{clear: both}

#zenkit .itemFullText {margin: 20px 0;float: left;width: 100%}
#zenkit h2 span sup {font-size: 30%}



/* Social
---------------------------------------------------*/
#zenkit .socialSharing {overflow: hidden}



/* Author Block
---------------------------------------------------*/
#zenkit .authorLatest ul{margin: 0}
#zenkit .authorLatest ul li {list-style-type: none;padding: 4px 0;border-bottom: 1px solid #ddd;border-top: 1px solid #fff}
#zenkit .authorLatest ul li:last-child {border-bottom: 0}
#zenkit .authorLatest ul li:first-child {border-top: 0}

 



/* Comment Form
---------------------------------------------------*/
#zenkit textarea#commentText {width: 91%} 
#zenkit .commentsForm label,.commentsForm .inputbox{display: block;width: 80%}
#zenkit .commentsForm .inputbox {margin-bottom: 20px}
#zenkit input#submitCommentButton {margin: 20px 0}




/* Comments
---------------------------------------------------*/
#zenkit img.commentavatar {padding: 4px;border: 1px solid #ddd;margin: 0 20px 20px 0;float: left}
#zenkit span.commentDate,span.commentAuthorName,span.commentLink  {font-size: 90%;display: block;font-style: italic;color: #999}

#zenkit ul.commentsList .grid_three {margin-top: 20px}
#zenkit ul.commentsList p {margin: 20px 0 40px}

#zenkit .zenbutton input,
#zenkit .zenbutton span a {border: 1px solid #ddd;background: #efefef;padding: 8px 10px;border-radius:4px;cursor: pointer
}



/* Tags
---------------------------------------------------*/
#zenkit ul.tags {margin: 0}
#zenkit ul.tags li {list-style-type: none;margin: 0 20px 0 0;float: left}
#zenkit .tagsBlock span {font-weight: bold}



/* Avatar Images
---------------------------------------------------*/
#zenkit img.authorAvatar {
padding: 4px;border: 1px solid #ddd;background: #fff;margin-bottom: 20px;
}



/* K2 Navigation
---------------------------------------------------*/
#zenkit #k2Links ul {margin: 0}
#zenkit #k2Links ul li {list-style-type: none;padding: 4px 0;margin: 0;border-bottom: 1px solid #ddd}
#zenkit #k2Links ul li a {display: block}




/* Category Blocks
---------------------------------------------------*/
#zenkit .k2CategoriesBlock img {
float: left;padding: 4px;background: #fff;border: 1px solid #ddd;
}

#zenkit .categoryinner{
padding: 10px;background: #fff;border: 1px solid #eee;margin-bottom: 30px;border-radius:4px;
}


/* Userblock
---------------------------------------------------*/
#zenkit .userBlock {
margin-bottom: 30px;
}


/* Latest Items User
---------------------------------------------------*/
#zenkit .latestItemsUser {margin-bottom: 30px}
#zenkit .latestItemsUser img,
#zenkit .userBlock img {padding: 4px;float: left;margin-right: 20px;background: #fff;border: 1px solid #ddd}


/* Read more button
---------------------------------------------------*/
#zenkit .readMore a {float: right;padding: 2px 8px;-webkit-border-radius: 2px;
-moz-border-radius:2px;border-radius: 2px;color: #999;
}


/* Styling for tabs and Masonry items
---------------------------------------------------*/
#zenkit ul.zentabs {margin-bottom: 30px;float: left;width: 100%;border-bottom: 1px solid #eee}
#zenkit ul.zentabs li {
padding: 0;margin: 0 20px 0 0;
}
#zenkit ul.zentabs li a {float: left;margin: 0;list-style-type: none;padding: 8px 20px}


/* Active item for Masonry Triggers
---------------------------------------------------*/
#zenkit ul.zentabs li a.active {background: #eee;
background: #eee;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #333
}


/* Active item for Tabs
---------------------------------------------------*/
#zenkit ul.zentabs li.active a {background: #eee;
background: #eee;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #333
}




/* Masonry
---------------------------------------------------*/
#zenkit .isotope,
#zenkit .isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

#zenkit .isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

#zenkit .isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

#zenkit .isotope.no-transition,
#zenkit .isotope.no-transition .isotope-item,
#zenkit .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s; 
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* Accordion Styling
---------------------------------------------------*/
#zenkit.accordion .groupPrimary h2 
{border-bottom: 1px solid #ddd;border-top: 1px solid #fff;margin: 0;padding: 10px 0 10px 8px;line-height: 1.25;font-size: 1.3em;}


#zenkit .groupPrimary.accordion  h2 {
background: url(../images/accordion.png) no-repeat left -59px;;cursor: pointer;padding-left: 20px;
}

#zenkit .groupPrimary.accordion h2.contentheading.open {
background-position: left 13px;
} 



/* Blog Template
---------------------------------------------------*/
#zenkit .blog .buttons,#zenkit .blog .hits {
position: relative;float: left;
}

#zenkit .blogsidebar {
float: left;width: 100%;
}
#zenkit .blogsidebar .divider {
margin: 4px 0 0;
}

#zenkit .catItemView .blogsidebar .divider {
margin: 4px 0 20px;
}


#zenkit .blogsidebar .itemRatingBlock {
padding-top: 10px;
}

#zenkit.blog .buttons  {
position: relative;float: left;text-align: left;clear: both;width: 100%;
}
#zenkit.blog .buttons ul {
margin: 0;float: left;width: 100%
}
#zenkit.blog .buttons li,#zenkit.blog .buttons li.resize,#zenkit.blog a.commentsLink {
display: block;
}

#zenkit .blogbuttons {
position: relative;margin-top: -5px;
}
#zenkit .blogbuttons ul li {
list-style-type: none;background: none;float: left;margin-right: 4px
}

#zenkit.itemView .blogsidebar {margin-top: 8px}

#zenkit.itemView .blogsidebar img.authorAvatar {
margin-top: 20px
}

#zenkit .blogsidebar blockquote {
padding: 10px;background: #ededed;border-radius:4px;margin: 10px 0 30px;font-size: 1em;
}

#zenkit .blogsidebar .zencategories {
margin-bottom: 20px;display: block;
}

#zenkit .blogsidebar .zencategories span {
display: block;margin: 10px 0 0
}

#zenkit .blogsidebar .buttons {
text-align: left;
}

#zenkit .blogsidebar .tagsBlock {
clear: both;margin: 20px 0;float: left;width: 100%;
}



/* Magazine Layout
---------------------------------------------------*/
#zenkit.magazine {}
#zenkit.magazine .groupLeading {}
#zenkit.magazine .groupSecondary{margin-top: 30px}
#zenkit.magazine .groupPrimary .buttons,
#zenkit.magazine2 .groupPrimary .buttons{float: left;
position: relative;
}

/* Slideshow
---------------------------------------------------*/
#zenkit .flexslider  { 
position: relative 
}


/* Some Media Queries 
---------------------------------------------------*/
@media only screen and (max-width: 520px) {
	#zenkit ul.commentsList .grid_three {width: 22.05%}
	#zenkit ul.commentsList .grid_nine {width: 74.05%;margin: 0}
	#zenkit ul.commentsList p {margin-bottom: 10px}
	#zenkit textarea#commentText {width: 92%}


	
}