/*------------------------------------------------------------------
Template:	JB Lifestyle
Version:	Joomla 1.5
Zen Grid: 	v2.0
Copyright:	Joomlabamboo
Created:	January 2012
---------------------------------------------------*/

.editLink {
	text-align: right;
	background: #eee;
	float: right;
	border: 1px solid #e1e1e1;
	margin: 10px 0px 4px;
	padding: 0 8px;
}

.catItemIsFeatured span.editLink {
margin-right: 70px;
}

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

/* used in popups */
.clearList {
	display: none;
	float: none;
	clear: both;
}

.k2ItemContainer {
	position: relative;
}

.k2ItemContainer.cols2 {
	float: left;
	width: 48%;
}

.k2ItemContainer.cols3 {
	width: 32%;
	float: left;
	margin-right: 2%;
}

.k2ItemContainer.cols4 {
	width: 23%;
	float: left;
	margin-right: 2%;
}

.k2ItemView,
.latestItemView {
	margin: 0 0 10px!important;
	padding: 0 0 20px!important;
}

.k2ItemHeader {
	float: left;
	padding-bottom: 10px;
	width: 100%;
	position: relative;
	z-index: 1;
}

div.k2Pagination {
	text-align: center;
	color: #999;
	margin: 24px 0 4px;
}

.k2ItemContainer.cols2 .k2Header,
.k2ItemContainer.cols3 .k2Header,
.k2ItemContainer.cols4 .k2Header {
line-height: 1.6em;
}

/* Title Header and featured
---------------------------------------------------*/
.k2Title, .k2ItemTitle {
	margin-bottom: 0;
	padding-bottom: 10px;
		line-height:1;
	font-size:3em;
}

.k2Header, .k2ItemHeader { font-size: 85%; line-height: 1; padding: 0 0 10px!important; }
.k2Header a, .k2ItemHeader a { font-size: 100%; }

span.featured {
	font-size: 11px;
	margin-top: 0;
	text-align: right;
	background: #eee;
	float: right;
	border-radius: 4px;
	line-height: 1.8;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 8px;
}

/* Meta Info Dates etc
---------------------------------------------------*/
.createDate, .k2Author, .k2Category {
	float: left;
	margin: 0 5% 0 0;
}

/* Reset for date style for layouts that dont suit the large offset date */

#midCol h3.k2AuthorName,
#nav ul li ul li#current a:hover {
	background: none;
	border: none;
}

/* Toolbar
---------------------------------------------------*/
.k2Toolbar { }

.k2Toolbar ul { float: right; margin: 0; }
.k2Toolbar ul li { list-style: none; float: left; margin: 0 10px 0 0; padding: 0; white-space: nowrap; }
.k2Toolbar ul li a { margin: 0; padding: 0; }
.k2Toolbar ul li a img { vertical-align: middle; margin-top: -4px; }

/* Resizer
---------------------------------------------------*/
.smallerFontSize { font-size: 100%; line-height: inherit; }
.largerFontSize { font-size: 150%; line-height: 140%; }

.k2Toolbar ul li a#fontDecrease,.k2Toolbar ul li a#fontIncrease { margin: 0 0 0 2px; }
.k2Toolbar ul li a#fontDecrease img,.k2Toolbar ul li a#fontIncrease img { width: 13px; height: 13px; background: url(../html/com_k2/templates/lifestyle/images/system/font_decrease.gif) no-repeat; }
.k2Toolbar ul li a#fontIncrease img { background: url(../html/com_k2/templates/lifestyle/images/system/font_increase.gif) no-repeat; }

/* Buttons
---------------------------------------------------
 Ratings
---------------------------------------------------*/
.k2RatingBlock {
	font-size:90%
}

.catItemView .k2RatingBlock,
.catItemView  .k2Links,
.k2ItemView .k2Links,
.latestItemList .k2Links {
	margin: 0!important;
	padding: 0 0 10px!important;
	border: 0 none!important;
}

.k2RatingBlock span {
	color:#ccc
}

.k2RatingForm {
	width:96%
}

.itemRatingLog {
	float:right;
	font-size:90%;
	color:#ccc
}

.k2RatingForm .formLogLoading {
	background:url(../html/com_k2/templates/lifestyle/images/system/loading.gif) no-repeat left center;
	height:25px;
	padding:0 0 0 20px
}

.k2RatingList,.k2RatingList a:hover,.k2RatingList .itemCurrentRating { background: url(../html/com_k2/templates/lifestyle/images/system/transparent_star.gif) left -1000px repeat-x; }
.k2RatingList { position: relative; float: left; width: 125px; height: 25px; overflow: hidden; list-style: none; background-position: left top; margin: 0 0 0 -4px; padding: 0; }
.k2RatingList li { display: inline; background: none; padding: 0; }
.k2RatingList a,.k2RatingList .itemCurrentRating { position: absolute; top: 0; left: 0; text-indent: -1000px; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; cursor: pointer; }
.k2RatingList a:hover,
#navwrap #navWrapper #nav ul li .current a:hover { background-position: left bottom; }
.k2RatingList a.one-star { width: 20%; z-index: 6; }
.k2RatingList a.two-stars { width: 40%; z-index: 5; }
.k2RatingList a.three-stars { width: 60%; z-index: 4; }
.k2RatingList a.four-stars { width: 80%; z-index: 3; }
.k2RatingList a.five-stars { width: 100%; z-index: 2; }
.k2RatingList .itemCurrentRating { z-index: 1; background-position: 0 center; margin: 0; padding: 0; }

/* Items
---------------------------------------------------*/
.k2ItemBody {
	clear:both;
}

/* K2 Image
---------------------------------------------------*/
.k2ImageBlock {
	margin:0 0 16px
}

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

.k2Image img {
	border:1px solid #ccc
}

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

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

.k2IntroText {
	clear:both;
	width:96%
}

.k2FullText { }

/* Extra Fields
---------------------------------------------------*/
.k2ExtraFields {
	border-top:1px dotted #e3e3e3;
	margin:16px 0 0;
	padding:8px 0 0
}

#midCol .k2ExtraFields h3 {
	line-height:normal !important;
	border:none;
	margin:0;
	padding:0 0 8px
}

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

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

/* Links and Hits
---------------------------------------------------*/
.k2Links {
	margin:0 0 16px;
	padding:0
}

.k2Hits {
	float:left;
	font-size:90%;
	margin-bottom: 10px;
	color:#ccc
}

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

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

.k2HitsTwitterLink a:hover {
	text-decoration:none
}

/* Tags
---------------------------------------------------*/
.k2TagsBlock {
	clear:both;
	margin-top: 10px;
	float:left
}

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

.k2TagsBlock ul.k2Tags li a {
line-height: 1;
	background: none;
	font-style: italic;
}

/* Attachments
---------------------------------------------------*/
.k2AttachmentsBlock {
	padding:4px
}

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

.k2AttachmentsBlock ul.itemAttachments li span {
	font-size:70%;
	color:#999
}

/* Video 
---------------------------------------------------*/
.k2VideoBlock { margin: 0 0 16px; padding: 0 0 30px; }
.k2VideoEmbedded { text-align: center; }

/* for embedded videos (not using AllVideos) */
.k2VideoVideo { display: block; overflow: hidden; }
.k2VideoVideoCaption { color: #eee; float: left; display: block; font-size: 11px; font-weight: 700; width: 60%; }
.k2VideoCredits { color: #eee; float: right; display: block; font-style: italic; font-size: 11px; width: 35%; text-align: right; }

/* Image Gallery
---------------------------------------------------
 Social Links
---------------------------------------------------*/
.k2SocialLinksBlock { margin: 0 0 20px; padding: 0 0 10px; }
.k2SocialLinksBlock span { font-weight: 700; color: #555; float: left; display: block; line-height: 1em; padding: 0 4px 0 0; }
.k2SocialLinksBlock ul.k2SocialLinks { list-style: none; float: left; margin: 0; padding: 0; }
.k2SocialLinksBlock ul.k2SocialLinks li { float: left; list-style: none; margin: 0; padding: 0 4px; }
.k2SocialLinksBlock ul.k2SocialLinks li a { float: left; display: block; width: 16px; height: 16px; background-position: 0 0; background-repeat: no-repeat; }

.itemSocialSharing { padding: 15px 0!important; }
.itemTwitterButton,.itemFacebookButton, .itemGooglePlusOneButton { float: left; width: 31%; margin: 0 0 0 2%; }

.k2Links { clear: both; }

.catItemView  .k2Links {
	float: left;
	width: auto;
	padding-top: 20px !important;
}

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

/* Author Block
---------------------------------------------------*/
.k2AuthorBlock { }
.k2AuthorAvatar {
	float: left;
	margin-right: 30px;
	padding: 4px;
}

img.k2AuthorAvatar {
	border: 1px solid #ddd;
}

img.itemAuthorAvatar {
	float: left;
	display: block;
	background: #E3E4DF;
	border: 1px solid #e3e3e3;
	margin: 0 8px 0 0;
	padding: 4px;
}

.k2AuthorDetails {
	margin: 0;
	padding: 4px 0 30px;
}

.k2AuthorName {
	margin: 0 0 4px;
	padding: 0;
}

.k2AuthorName a {
	font-size: 16px;
}

.k2AuthorUrl {
	font-weight: 700;
	color: #555;
	margin: 0 4px 0 0;
	padding: 0 8px 0 0;
}

.k2AuthorEmail {
	font-weight: 700;
	color: #555;
}

/* K2 Author Latest
---------------------------------------------------*/
.k2AuthorLatest {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.k2AuthorLatest ul,
.k2Related ul {
	margin: 0;
	padding: 0;
}

.k2AuthorLatest ul li {
	list-style-type: none;
	margin: 0;
}

/* Related Items
---------------------------------------------------*/

.k2Related h3,
.k2AuthorLatest h3,
.k2Comments h3 {
	background-color: #f6f6f6;
	display: block;
	float: left;
	margin: -44px 0 0;
	padding: 0 10px 0 0;
}
/*  Read More
---------------------------------------------------*/
a.k2ReadMore {
	float: right;
		-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff !important;
	background:url("../images/sprite.png") no-repeat scroll 110% -230px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 2px 10px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow:inset 0 2px 10px 1px rgba(0, 0, 0, .2);
	box-shadow:inset 0 2px 10px 1px rgba(0, 0, 0, .2);
	padding:4px 20px 4px 10px
}

.k2ItemContainer.cols2 a.k2ReadMore{
float: left;clear: both;margin-top: 10px;
}
/* Modify Date
---------------------------------------------------*/
.k2DateModified {
	display: block;
	text-align: right;
	color: #999;
	font-size: 90%;
	font-style: italic;
	line-height: 2;
}

/* Navigation
---------------------------------------------------*/
.k2Navigation { }
.k2NavigationTitle { font-weight: 700; display: block; }

/* Comments
---------------------------------------------------*/
.k2CommentsLink
{
	float:right;
	line-height:1;
}

.cols3 .k2CommentsLink{
float: left;clear: both
}
/* Comments List
---------------------------------------------------*/
.k2Comments { }

.k2CommentsList li { list-style-type: none; margin: 0 0 10px}
.k2CommentsList li img { float: left; border: 1px solid #ddd; margin-right: 20px; padding: 4px; }
ul.k2CommentsList { list-style: none; margin: 0 0 16px; padding: 0; }
ul.k2CommentsList li { margin: 0 0 20px; padding: 10px !important}
ul.k2CommentsList li img { float: left; background: #fefefe; border: 1px solid #ddd; margin: 4px 20px 4px 0; padding: 4px; }
ul.k2CommentsList li span.commentDate { border-right: 1px solid #e3e3e3; font-style: italic; color: #999; font-size: 90%; margin: 0 20px 0 0; padding: 0 4px 0 0; }
ul.k2CommentsList li span.commentAuthorName { color: #999; font-size: 90%; }
ul.k2CommentsList li p { margin: 0 0 10px; padding: 0; }
ul.k2CommentsList li span.commentLink a { font-size: 11px; color: #999; text-decoration: underline; }
ul.k2CommentsList li span.commentLink a:hover { font-size: 11px; color: #555; text-decoration: underline; }

/* Comments meta
---------------------------------------------------*/
.commentLink { font-size: 90%; float: right; }
.commentDate { font-size: 90%; color: #999; }
.commentAuthorName { font-size: 90%; float: right; color: #999; }

/* Comments Pagination
---------------------------------------------------*/
div.k2CommentsPagination { margin: 0 0 24px; padding: 4px; }
div.k2CommentsPagination span.pagination { display: block; float: right; clear: both; }

/* Comments Form
---------------------------------------------------*/
div.k2CommentsForm form textarea.inputbox { display: block; width: 93%; height: 160px; border: 1px solid #ddd; clear: both; margin: 0; }
div.k2CommentsForm form input.inputbox { display: block; width: 93%; border: 1px solid #ddd; margin: 0; }
div.k2CommentsForm form input#submitCommentButton { float: left; cursor: pointer; text-align: center; clear: both; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 40px 0 20px; padding: 10px; }
.contact button.button { clear: both; margin-top: 30px; }
div.k2CommentsForm form span#formLog { font-weight: 700; color: #CF1919; margin: 0 0 0 20px; padding: 0 0 0 20px; }
div.k2CommentsForm form .formLogLoading { background: url(../html/com_k2/templates/lifestyle/images/system/loading.gif) no-repeat left center; }
.k2FeedIcon a,.k2FeedIcon a:hover{ display: block; float: right; width: 16px; height: 16px; background: url(../html/com_k2/templates/lifestyle/images/fugue/feed.png) no-repeat 50% 50%; margin: 10px 10px 0 0; padding: 0; }

/* 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; }

/*----------------------------------------------------------------------
	Modules: mod_k2_login
----------------------------------------------------------------------*/
div.k2LoginBlock fieldset.input { margin: 0; padding: 0 0 8px; }
div.k2LoginBlock fieldset.input p { margin: 0; padding: 0 0 4px; }
div.k2LoginBlock fieldset.input p#form-login-remember label,div.k2LoginBlock fieldset.input p#form-login-remember input { display: inline; }

.userBlock { margin-bottom: 10px; padding-bottom: 10px; }
.userBlock img { float: left; margin-right: 20px; background: #fefefe; border: 1px solid #ddd; padding: 4px; }
div.k2UserBlock div.k2UserBlockDetails span.ubName { display: block; font-weight: 700; font-size: 14px; }

/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------
 --- Archives --- 
 --- Authors --- */
div.k2AuthorsListBlock ul li a.abAuthorLatestItem { display: block; clear: both; }

/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock span.bcTitle { color: #999; padding: 0 4px 0 0; }
div.k2BreadcrumbsBlock span.bcSeparator { font-size: 14px; padding: 0 4px; }

/* --- 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(../html/com_k2/templates/lifestyle/images/system/k2CalendarLoader.gif) no-repeat 50% 50%; }
table.calendar { background: #fff; border-collapse: collapse; margin: 0 auto; }
table.calendar tr td { text-align: center; vertical-align: middle; border: 1px solid #f4f4f4; background: #fff; padding: 2px; }
table.calendar tr td.calendarNavMonthPrev { background: #f3f3f3; text-align: left; }
table.calendar tr td.calendarCurrentMonth { background: #f3f3f3; }
table.calendar tr td.calendarNavMonthNext { background: #f3f3f3; text-align: right; }
table.calendar tr td.calendarDayName { background: #e9e9e9; font-size: 11px; width: 14.2%; }
table.calendar tr td.calendarDateEmpty { background: #fbfbfb; }
table.calendar tr td.calendarDateLinked { padding: 0; }
table.calendar tr td.calendarDateLinked a { display: block; text-decoration: none; background: #eee; padding: 2px; }
table.calendar tr td.calendarDateLinked a:hover { display: block; background: #135cae; color: #fff; text-decoration: none; padding: 2px; }
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; color: #fff; text-decoration: none; padding: 2px; }
table.calendar tr td.calendarTodayLinked a:hover { display: block; background: #BFD9FF; text-decoration: none; padding: 2px; }

/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock form select {
	width: auto;
}

/* --- Category List/Menu --- */
div.k2CategoriesListBlock ul li.activeCategory a {
	font-weight: 700;
}

/* --- Tag Cloud --- */
div.k2TagCloudBlock {
	padding: 8px 0;
}

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

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

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

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

/* Latest Items */

.latestItemsCategoryImage,
.latestItemsUser img {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0 20px 20px 0;
	padding: 4px;
}

/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/
.k2LatestCommentsBlock img {
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 20px 0 0;
	padding: 4px;
}

.k2LatestCommentsBlock ul li {
	float: left;
	width: 100%;
	border-bottom: 1px dashed #999;
	margin: 0 0 20px;
	padding: 8px 0 !important;
}

/*----------------------------------------------------------------------
	Modules: mod_k2_users
----------------------------------------------------------------------*/
a.ubUserFeedIcon,a.ubUserFeedIcon:hover {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../html/com_k2/templates/lifestyle/images/fugue/feed.png) no-repeat 50% 50%;
	margin: 0 2px 0 0;
	padding: 0;
}

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

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

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

div.k2UsersBlock ul li h3 {
	clear: both;
	margin: 8px 0 0;
	padding: 0;
}

/*----- Fix for the edit window   ---*/
h2.header {
	width: 70% !important;
}

.lastItem,.catItemView .k2RatingBlock,#midCol .k2VideoBlock h3,.k2LatestCommentsBlock ul li.clearList {
	border: none;
}

.even,.odd {
	list-style-type: none;
	margin: 0;

}

.k2ItemContainer.itemContainerLast.cols2,.k2Next,ul.k2CommentsList li span.commentLink,.k2FeedIcon {
	float: right;
}

.k2ItemContainer.itemContainerLast.cols3,.k2ItemContainer.itemContainerLast.cols4 {
	float: right;
	margin: 0;
}

span.datemonth,span.dateyear {
	font-size: 1em;
	float: left;
}

.cols2 .k2CommentsLink,.k2Toolbar ul li span.itemTextResizerTitle,.catItemView .itemRatingLog,.k2Previous {
	float: left;
}

.k2Toolbar ul li a#fontDecrease span,.k2Toolbar ul li a#fontIncrease span,div.k2SocialLinksBlock ul.k2SocialLinks li a span,ul.k2CommentsList li span.commentAuthorEmail,.k2FeedIcon a span,.k2FeedIcon a:hover span,#k2Container div.gs-visibleUrl,a.ubUserFeedIcon span,a.ubUserFeedIcon:hover span,a.ubUserURL span,a.ubUserURL:hover span {
	display: none;
}

.k2ExtraFieldsul li,div.k2LoginBlock fieldset.input p label,div.k2LoginBlock fieldset.input p input {
	display: block;
}

.k2TagsBlock span,.k2AttachmentsBlock span {
	font-weight: 700;
	color: #555;
	padding: 0 4px 0 0;
}

.k2TagsBlock ul.k2Tags,.k2AttachmentsBlock ul.itemAttachments {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

div.k2CommentsForm form label.formComment,
div.k2CommentsForm form label.formName,
div.k2CommentsForm form label.formEmail,
div.k2CommentsForm form label.formUrl,
div.k2CommentsForm form label.formRecaptcha {
	display: block;
	margin: 12px 0 0;
}

table.calendar tr td.calendarNavMonthPrev a,
table.calendar tr td.calendarNavMonthPrev a:hover,
table.calendar tr td.calendarNavMonthNext a,
table.calendar tr td.calendarNavMonthNext a:hover {
	font-size: 20px;
	text-decoration: none;
}

.k2LatestCommentsBlock ul li a,div.k2UsersBlock ul li a {
	padding: 0 !important;
}