/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*----------------------------------------------------------------------
Common Elements
----------------------------------------------------------------------*/
li.even, li.odd {
	background: none;
	border-bottom: 1px solid #dedede;
	margin: 0;
	padding: 5px 0;
}
#k2Container {
	padding: 0;
}
#k2Container h1, #k2Container h2, #k2Container h3, #k2Container h4, #k2Container h5, #k2Container h6 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 140%;
	margin: 0 auto 20px auto;
	line-height: normal;
	padding: 0;
}
#k2Container .componentheading {
	margin: 10px 5px;
}
/*----------------------------------------------------------------------
Category view html/com_k2/default/category.php
----------------------------------------------------------------------*/
#k2Container.itemListView {
	max-width: 95%;
	margin: 0;
}
/* main category*/
div.itemListCategory {
	background: none;
	margin: 0 auto 40px auto;
	padding: 0;
	border: none;
}
/* main category title*/
div.itemListCategory h2 {
	font-size: 180%!important;
	font-weight: bold!important;
}
/* main category image*/
div.itemListCategory img {
	border: none;
	padding: 0;
	margin: 0 40px 0 auto;
}
div.itemListSubCategories {
	display: block;
	overflow: hidden;
	margin: 0 -20px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.subCategoryContainer {
	display: block;
	overflow: hidden;
	margin: 0 auto 20px auto;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.subCategory {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
/* sub cat image*/
div.subCategory a.subCategoryImage {
	margin: 0 auto 20px auto;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
	background: none;
	padding: 0px;
	border: none;
	margin: 0 auto;
	width: 100%;
}
/*title*/
div.subCategory h2 a {
	color: #121212;
}
/* sub intro */
div.subCategory p {
	margin: 0 auto 20px auto;
}
/* sub cat read more */
a.subCategoryMore, a.subCategoryMore:visited {
	display: none;
}
/*----------------------------------------------------------------------
Cat item view  html/com_k2/default/category_item.php
----------------------------------------------------------------------*/
div.catItemView {
	padding: 0;
}
#k2Container div.itemImageBlock.yjk2-image {
	float: left;
	margin: 0 50px 30px auto;
}
div#itemListLeading {
	display: block;
	overflow: hidden;
	margin: 0 -20px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.itemContainer {
	display: block;
	overflow: hidden;
	margin: 0 auto 50px auto;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*----------------------------------------------------------------------
Item view html/com_k2/default/item.php
----------------------------------------------------------------------*/
div.itemView {
	padding: 0;
	border: none;
	margin: 0;
	max-width: 95%;
}
/* toolbar fot res, print etc*/
div.itemToolbar {
	background: none;
	border: none;
}
div.itemToolbar ul {
	float: left;
}
div.itemToolbar ul li {
	border-right: 1px solid #dedede;
	border-left: none;
}
/* item title*/
div.itemHeader h2.itemTitle {
	font-size: 220%!important;
	font-weight: bold!important;
	margin: 0 auto 10px auto!important;
}
/* item text*/
div.itemIntroText {
	font-weight: normal;
	font-size: 100%;
	color: #959595;
	line-height: 28px;
}
div.itemFullText {
	padding: 0!important;
	margin: 0 auto 40px auto!important;
}
div.itemFullText p {
	padding: 0!important;
	margin: 0!important;
}
/* item links */
div.itemLinks {
	margin: 0 auto 40px auto;
}
/* item author*/
div.itemAuthorBlock {
	background: #F8F8F8;
	border: none;
	margin: 0 auto 40px auto;
	padding: 30px;
}
div.itemAuthorBlock img.itemAuthorAvatar {
	background: none;
	border: none;
	padding: 0;
	margin: 0 40px 0 auto;
}
/* item latest */
div.itemAuthorLatest {
	display: block;
	float: left;
	width: 50%;
	padding: 0 50px 0 0;
	margin: 0 auto 40px auto;
}
div.itemAuthorLatest li {
	padding: 10px 0;
	list-style-type: none;
}
/* item related */
div.itemRelated {
	display: block;
	overflow: hidden;
	width: 50%;
	margin: 0 auto 40px auto;
}
div.itemRelated li {
	padding: 10px 0;
	list-style-type: none;
}
div.itemRelated li img {
	border: 1px solid #dedede;
}
a.itemRelTitle {
	float: none;
	clear: both;
	display: block;
}
/* item navigation*/
div.itemNavigation {
	padding: 10px 0;
	background: none;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
/* item comments */
div.itemComments {
	background: #F8F8F8;
	border: none;
	padding: 30px;
}
div.itemComments ul.itemCommentsList li.authorResponse {
	background: #f5f5f5;
	border: 1px solid #dedede;
	margin: 5px 0;
}
div.itemCommentsForm p.itemCommentsFormNotes {
	display: none;
}
div.itemCommentsForm form label {
	display: none!important;
}
form#comment-form textarea {
	-webkit-border-radius: 15px!important;
	-moz-border-radius: 15px!important;
	border-radius: 15px!important;
}
form#comment-form .inputbox {
	background: none;
	border: 1px solid #dedede!important;
	width: 100%!important;
	text-indent: 10px;
	padding: 10px 0px!important;
	font-size: 90%;
	margin: 0 auto 30px auto;
}
div.itemCommentsForm form input#submitCommentButton {
	font-size: 100%!important;
	cursor: pointer;
	margin: 0!important;
	border: none;
	padding: 10px 25px;
	color: #fff;
	text-transform: uppercase;
}
div.itemCommentsForm form input#submitCommentButton:hover {
	background: #121212;
	color: #fff;
}
/*comments*/
div.itemComments ul.itemCommentsList li {
	padding: 0 0 20px 0;
}
div.itemComments ul.itemCommentsList li img {
	padding: 0;
	margin: 0 20px 0 auto;
	border: none;
	background: none;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
	display: block;
	color: #121212;
	text-transform: uppercase;
}
div.itemComments ul.itemCommentsList li span.commentDate {
	display: table;
	margin: 0;
	border: none;
	text-transform: uppercase;
	color: #A0A0A0;
	font-size: 90%;
	font-weight: normal;
	line-height: normal;
}
div.itemComments ul.itemCommentsList li p {
	display: table;
}
/*----------------------------------------------------------------------
k2 user items view    html/com_k2/default/user.php
user page is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .userView before the class 
you need to change example: .userView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.userBlock {
	background: #F8F8F8;
	border: none;
	margin: 0 auto 40px auto;
	padding: 30px;
}
div.userBlock img {
	background: none;
	border: none;
	padding: 0;
	margin: 0 40px 0 auto;
}
div.userBlock h2 {
	border: none;
}
p.userAdditionalInfo {
	border: none!important;
}
div.userView {
	margin: 0;
	max-width: 95%;
}
div.userItemList {
	display: block;
	overflow: hidden;
	margin: 0 -20px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.userItemView {
	display: block;
	overflow: hidden;
	margin: 0 auto 50px auto;
	padding: 0 20px;
	border: none;
	float: left;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*title*/
div.userItemHeader h3.userItemTitle a {
	color: #121212;
}
/*----------------------------------------------------------------------
k2 tagitem view    html/com_k2/templates/tag.php
user tag is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .tagView before the class 
you need to change example: .tagView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.tagView {
	margin: 0;
	max-width: 95%;
}
div.tagItemList {
	display: block;
	overflow: hidden;
	margin: 0 -20px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.tagItemView {
	display: block;
	overflow: hidden;
	margin: 0 auto 30px auto;
	padding: 0 20px;
	border: none;
	float: left;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*----------------------------------------------------------------------
k2 generic view    html/com_k2/templates/generic.php
user generic is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .genericView before the class 
you need to change example: .genericView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.genericView {
	margin: 0;
	max-width: 95%;
}
div.genericItemList {
	display: block;
	overflow: hidden;
	margin: 0 -20px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.genericItemView {
	display: block;
	overflow: hidden;
	margin: 0 auto 30px auto;
	padding: 0 20px;
	border: none;
	float: left;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h2.genericItemTitle a {
	color: #121212;
}
/*----------------------------------------------------------------------
Latest Item list html/com_k2/default/latest.php
----------------------------------------------------------------------*/
.latestItemsCategory {
	background: #f5f5f5!important;
	margin: 4px 5px!important;
	padding: 10px!important;
	border: none!important;
}
div.latestItemsCategoryImage img {
	background: none!important;
	padding: 0px!important;
	border: 1px solid #dedede!important;
	margin: 0 auto!important;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/latest_item.php
----------------------------------------------------------------------*/
div.latestView {
	max-width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 -20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.latestItemsContainer {
	display: block;
	overflow: hidden;
	margin: 0 auto 50px auto;
	padding: 0 20px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.latestItemList {
	padding: 0;
}
h2.latestItemTitle a {
	color: #121212;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/old_socials.php
----------------------------------------------------------------------*/
div.pre25SocialLinks {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0 0 3px 3px;
	margin: 0;
	line-height: 20px;
	border-bottom: 1px solid #dedede;
}
span.preSocialsTitle {
	display: block;
	font-weight: bold;
	margin: 0 10px 0 0;
}
ul.preSocialLinks {
	margin: 0!important;
	padding: 0!important;
	float: left;
}
ul.preSocialLinks li {
	background: none;
	float: left;
	display: inline;
	margin: 0!important;
	padding: 0!important;
}
ul.preSocialLinks li a {
	height: 20px;
	width: 20px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 8px 0 0;
	padding: 0!important;
	background-image: url(../images/k2images/socials.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.preSocialLinks li a.googlebuzz {
	background-position: 0 top;
}
ul.preSocialLinks li a.googlebuzz:hover {
	background-position: 0 bottom;
}
ul.preSocialLinks li a.facebook {
	background-position: -20px top;
}
ul.preSocialLinks li a.facebook:hover {
	background-position: -20px bottom;
}
ul.preSocialLinks li a.delicious {
	background-position: -40px top;
}
ul.preSocialLinks li a.delicious:hover {
	background-position: -40px bottom;
}
ul.preSocialLinks li a.digg {
	background-position: -60px top;
}
ul.preSocialLinks li a.digg:hover {
	background-position: -60px bottom;
}
ul.preSocialLinks li a.stumble {
	background-position: -80px top;
}
ul.preSocialLinks li a.stumble:hover {
	background-position: -80px bottom;
}
ul.preSocialLinks li a.technorati {
	background-position: -100px top;
}
ul.preSocialLinks li a.technorati:hover {
	background-position: -100px bottom;
}
ul.preSocialLinks li a.reddit {
	background-position: -120px top;
}
ul.preSocialLinks li a.reddit:hover {
	background-position: -120px bottom;
}
ul.preSocialLinks li a.myspace {
	background-position: -140px top;
}
ul.preSocialLinks li a.myspace:hover {
	background-position: -140px bottom;
}
ul.preSocialLinks li a.twitter {
	background-position: -160px top;
}
ul.preSocialLinks li a.twitter:hover {
	background-position: -160px bottom;
}
/*----------------------------------------------------------------------
Category view html/com_k2/register.php
----------------------------------------------------------------------*/
#k2UserPages {
	background: #f5f5f5;
	display: block;
	overflow: hidden;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #dedede;
}
#k2UserPages th, #k2UserPages td {
	background: #f5f5f5!important;
	text-align: left!important;
}
#k2UserPages td {
	padding-right: 10px!important;
}
#k2UserPages .componentheading {
	margin: 10px 0;
}
#k2UserPages input {
	padding: 10px;
	text-indent: 4px;
	text-align: left;
	margin: 10px 0 0 10px;
	border: 1px solid #dedede!important;
	background: #fff;
}
#k2UserPages span.input_file_wrapper {
	background: url(../images/k2images/browsek2.gif) top left no-repeat;
	border: none;
	height: 30px;
	display: block!important;
	position: relative!important;
	width: 220px;
	overflow: hidden;
	text-align: right!important;
	margin: 0 0 0 10px!important;
	float: left;
	cursor: pointer;
	clear: both;
}
#k2UserPages span.input_file_wrapper input.fake-text {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 3px!important;
	margin: 0px!important;
	width: 153px;
	background: none!important;
	border: none!important;
	font-size: 10px!important;
	font-weight: bold;
}
/*----------------------------------------------------------------------
k2 content module
----------------------------------------------------------------------*/
.k2ItemsBlock {
	padding: 0;
	font-size: 100%;
}
.k2ItemsBlock li.even, .k2ItemsBlock li.odd {
	padding: 0 0 30px 0;
	margin: 0 auto 30px auto;
	background: none;
	border-bottom: 1px solid #dedede;
	list-style-type: none;
}
.k2ItemsBlock li.lastItem {
	border: none;
}
a.moduleItemTitle, a.moduleItemTitle:visited {
	font-size: 100%;
	display: block;
	margin: 0!important;
	text-transform: uppercase;
	line-height: 21px;
	color: #121212;
}
.moduleItemImage {
	float: left;
	border: none;
	margin: 0 20px 0 auto;
}
a.moduleItemImage img {
	border: none!important;
	margin: 0!important;
	padding: 0;
	float: left!important;
}
.moduleItemIntrotext {
	line-height: 28px!important;
}
/*----------------------------------------------------------------------
k2 calendar module
----------------------------------------------------------------------*/
div.k2CalendarBlock {
	height: 230px;
}
table.calendar {
	width: 100%;
	font-family: Cambria, serif;
}
table.calendar tr td.calendarCurrentMonth, table.calendar tr td.calendarNavMonthPrev, table.calendar tr td.calendarNavMonthNext {
	background: none;
	text-transform: uppercase;
	font-weight: normal;
}
table.calendar tr td.calendarDayName {
	background: #f0f0f0;
}
table.calendar tr td {
	padding: 0px!important;
	margin: 0!important;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
table.calendar tr td.calendarDateLinked {
	padding: 0px!important;
	margin: 0!important;
	border-collapse: collapse;
}
table.calendar tr td.calendarDate, table.calendar tr td a, table.calendar tr td a:hover, table.calendar tr td.calendarNavMonthPrev, table.calendar tr td.calendarCurrentMonth, table.calendar tr td.calendarNavMonthNext {
	padding: 5px!important;
}
table.calendar tr td.calendarNavMonthPrev a, table.calendar tr td.calendarNavMonthNext a {
	font-size: 100%!important;
}
table.calendar tr td.calendarToday, table.calendar tr td.calendarTodayLinked {
	background: #121212;
	color: #fff;
}
table.calendar tr td.calendarDateLinked a {
	background: #f0f0f0;
	color: #121212;
}
table.calendar tr td.calendarTodayLinked a:hover, table.calendar tr td.calendarDateLinked a:hover {
	background: #5B5B5B;
	color: #ececec;
}
table.calendar tr td.calendarDateEmpty {
	background: #fff;
}
/*----------------------------------------------------------------------
k2 cats menu
----------------------------------------------------------------------*/
.k2CategoriesListBlock ul, .k2CategoriesListBlock ul.level0, .k2CategoriesListBlock ul.level1 {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}
.k2CategoriesListBlock ul li, .k2CategoriesListBlock ul li:hover {
	list-style-type: none;
	background-image: none;
	padding: 0;
	text-align: left;
}
.k2CategoriesListBlock ul li a {
	height: auto;
	line-height: normal;
	text-decoration: none;
	display: block;
	font-size: 100%;
	text-decoration: none;
	text-indent: 0;
	padding: 10px 0;
	border-bottom: 1px solid #dedede;
	position: relative;
}
.k2CategoriesListBlock ul li a:before {
	display: block;
	overflow: hidden;
	content: "";
	width: 4px;
	height: 4px;
	background: #121212;
	float: left;
	margin: 8px 10px 8px 0;
}
/*----------------------------------------------------------------------
k2 tag cloud module
----------------------------------------------------------------------*/
div.k2TagCloudBlock a {
	padding: 0;
	margin: 0 5px 5px 0;
	background: none;
	font-style: italic;
}
div.k2TagCloudBlock a:hover {
	padding: 0;
	margin: 0 5px 5px 0;
	background: none;
	color: #121212;
}
/*----------------------------------------------------------------------
k2 comments module
----------------------------------------------------------------------*/
div.k2LatestCommentsBlock {
	padding: 0;
	margin: 0;
	font-size: 80%;
}
.k2LatestCommentsBlock li.even, .k2LatestCommentsBlock li.odd {
	background: none;
	border-bottom: 1px solid #dedede;
}
.k2LatestCommentsBlock li.lastItem {
	border-bottom: none;
}
div.k2LatestCommentsBlock ul li span.lcComment {
	clear: right;
	font-size: 120%;
	display: block;
}
/*----------------------------------------------------------------------
k2 CAT MENU COLOR AND BG CSS
----------------------------------------------------------------------*/
/* LINK BG IMAGE */
.k2CategoriesListBlock ul li a {
	color: #121212;
}
.k2CategoriesListBlock ul li a:hover {
	background-position: left bottom;
}
/* main caregory link*/
div.k2CategoriesListBlock ul li.activeCategory a {
	background-position: left bottom;
}
/* K2 Extra */
/*body*/
#k2Container .yjk2-body {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}
/*image*/
#k2Container .yjk2-image {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 20px auto;
	background: none;
	border: none;
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#k2Container .yjk2-image span {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
#k2Container .yjk2-image span a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
#k2Container .yjk2-image span img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	width: 100%!important;
}
/*header*/	
#k2Container .yjk2-header {
	display: block;
	overflow: hidden;
	margin: 0 auto 10px auto;
}
/*date*/
#k2Container .yjk2-date, .yjk2-date {
	display: block;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 90%;
}
/*title*/
#k2Container .yjk2-title {
	display: block;
	margin: 0 auto 10px auto;
}
#k2Container .yjk2-title a {
	color: #121212;
}
/*details*/
#k2Container .yjk2-details {
	display: block;
	overflow: hidden;
}
#k2Container .yjk2-details > div {
	display: block;
	overflow: hidden;
	font-size: 90%;
	padding: 0;
	margin: 0 10px 10px 0;
	border: none;
	float: left;
	line-height: normal;
	color: #373737;
}
#k2Container .yjk2-details > div span {
	font-weight: normal;
	color: #373737;
}
/*intro*/
#k2Container .yjk2-intro {
	display: block;
	overflow: hidden;
	margin: 0 auto 20px auto;
	padding: 0;
}
#k2Container .yjk2-modify {
	display: block;
	text-align: left;
	font-size: 90%;
	padding: 0;
	color: #959595;
	border-top: 1px solid #dedede;
}
/*rate*/
#k2Container .yjk2-rate {
	font-style: italic;
	padding: 10px 0;
	border-top: 1px solid #dedede;
}
/*tags*/
#k2Container .yjk2-tags {
	display: block;
	overflow: hidden;
	border: none;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 15px 0;
	margin: 0 auto 20px auto;
	font-style: italic;
}
#k2Container .yjk2-tags span {
	font-weight: normal;
	color: #959595;
}
/* K2 Search */
.fk2search {
	margin: 0 auto 40px auto;
}
.fk2search div.k2SearchBlock form input.inputbox {
	width: 100%;
	padding: 8px 0;
	text-indent: 15px;
}