/**
 * @version		2.6.x
 * @package		K2
 * @author		JoomlaWorks http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */


/*
### Legend ###
Font families used:
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-family:Arial, Helvetica, sans-serif;

Colors used:
	#f7fafe (light blue) used as background on all toolbars, category and user/author boxes

*/


/*----------------------------------------------------------------------
	Common Elements
----------------------------------------------------------------------*/


/* --- Basic typography --- */

a:active, a:focus {
    outline: 0;
}
img {
    border: none;
}

/* --- Global K2 container --- */

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

/* used in popups */


/* --- General padding --- */

.k2Padding {
    padding: 4px;
}

/* --- Clearing --- */

.clr {
    line-height: 0;
    display: block;
    float: none;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
}

/* --- Zebra rows --- */


/* --- RSS feed icon --- */

div.k2FeedIcon {
    padding: 4px 8px;
}
div.k2FeedIcon a, div.k2FeedIcon a:hover {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    background: url(../images/fugue/feed.png) no-repeat 50% 50%;
}
div.k2FeedIcon a span, div.k2FeedIcon a:hover span {
    display: none;
}

/* --- Rating --- */

.itemRatingForm {
    line-height: 25px;
    display: block;
    float: left;
    vertical-align: middle;
}
.itemRatingLog {
    font-size: 11px;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
}
div.itemRatingForm .formLogLoading {
    height: 25px;
    padding: 0 0 0 20px;
    background: url(../images/system/loading.gif) no-repeat left center;
}
.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {
    background: transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;
}
.itemRatingList {
    position: relative;
    float: left;
    overflow: hidden;
    width: 125px;
    height: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-position: left top;
}
.itemRatingList li {
    display: inline;
    padding: 0;
    background: none;
}
.itemRatingList a, .itemRatingList .itemCurrentRating {
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 25px;
    cursor: pointer;
    text-indent: -1000px;
    border: none;
    outline: none;
}
.itemRatingList a:hover {
    background-position: left bottom;
}
.itemRatingList a.one-star {
    z-index: 6;
    width: 20%;
}
.itemRatingList a.two-stars {
    z-index: 5;
    width: 40%;
}
.itemRatingList a.three-stars {
    z-index: 4;
    width: 60%;
}
.itemRatingList a.four-stars {
    z-index: 3;
    width: 80%;
}
.itemRatingList a.five-stars {
    z-index: 2;
    width: 100%;
}
.itemRatingList .itemCurrentRating {
    z-index: 1;
    margin: 0;
    padding: 0;
    background-position: 0 center;
}
span.siteRoot {
    display: none;
}

/* --- CSS added with Javascript --- */

.smallerFontSize {
    font-size: 100%;
    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 {
    border-color: #ccc !important;
    background-color: #fff !important;
}

/* --- Primary lists in modules --- */


/* Example CSS: padding:0;margin:0;list-style:none;*/


/* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/

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

/* this class is used to clear all previous floating list elements */

.lastItem {
    border: none;
}

/* class appended on last list item */


/* --- Avatars --- */

.k2Avatar img {
    display: block;
    float: left;
    margin: 2px 4px 4px 0;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}

/* --- Read more --- */


/* --- Pagination --- */

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

/* --- Pagination (additional styling for Joomla! 1.6+) --- */

div.k2Pagination ul {
    text-align: center;
}
div.k2Pagination ul li {
    display: inline;
}

/* --- Extra fields: CSV data styling --- */


/* --- 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 {
    font-size: 13px;
    display: block;
    width: 160px;
    margin: 4px auto 16px;
    padding: 4px;
    text-align: center;
    color: #555;
    border: 1px solid #ccc;
    background: #f7fafe;
}
a.itemPrintThisPage:hover {
    text-decoration: none;
    background: #eee;
}
div.itemView {
    margin: 0 0 24px 0;
    padding: 8px 0 24px 0;
}

/* this is the item container for this view */


/* Attach a class for each featured item */

span.itemEditLink {
    display: block;
    float: right;
    width: 120px;
    margin: 0;
    padding: 4px 0;
    text-align: right;
}
span.itemEditLink a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #eee;
}
span.itemEditLink a:hover {
    background: #ffc;
}
div.itemHeader span.itemDateCreated {
    font-size: 11px;
    color: #999;
}
div.itemHeader h2.itemTitle span sup {
    font-size: 12px;
    text-decoration: none;
    color: #cf1919;
}

/* "Featured" presented in superscript */

div.itemHeader span.itemAuthor {
    display: block;
    margin: 0;
    padding: 0;
}
div.itemToolbar {
    margin: 16px 0 0 0;
    padding: 2px 0;
}
div.itemToolbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
div.itemToolbar ul li {
    font-size: 12px;
    display: inline;
    margin: 0;
    padding: 0 4px 0 8px;
    list-style: none;
    text-align: center;
    border-left: 1px solid #ccc;
    background: none;
}
div.itemToolbar ul > li:first-child {
    border: none;
}

/* remove the first CSS border from the left of the toolbar */

div.itemToolbar ul li a {
    font-size: 12px;
    font-weight: normal;
}
div.itemToolbar ul li a img {
    vertical-align: middle;
}
div.itemToolbar ul li a#fontDecrease {
    margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontDecrease img {
    width: 13px;
    height: 13px;
    background: url(../images/system/font_decrease.gif) no-repeat;
}
div.itemToolbar ul li a#fontIncrease {
    margin: 0 0 0 2px;
}
div.itemToolbar ul li a#fontIncrease img {
    width: 13px;
    height: 13px;
    background: url(../images/system/font_increase.gif) no-repeat;
}
div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {
    display: none;
}
div.itemRatingBlock {
    padding: 8px 0;
}
div.itemRatingBlock span {
    font-style: normal;
    display: block;
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    color: #999;
}
div.itemBody {
    margin: 0;
    padding: 8px 0;
}
div.itemImageBlock {
    display: none;
    margin: 0 0 16px 0;
    padding: 8px;
}
span.itemImage {
    display: block;
    overflow: hidden;
    max-height: 550px;
    margin: 0 0 8px 0;
    text-align: center;
}
span.itemImage img {
    padding: 0;
    border: 1px solid #ccc;
}
span.itemImageCaption {
    font-size: 11px;
    display: block;
    float: left;
    color: #666;
}
span.itemImageCredits {
    font-size: 11px;
    font-style: italic;
    display: block;
    float: right;
    color: #999;
}
div.itemIntroText {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 0 12px 0;
    color: #444;
}
div.itemFullText h3 {
    margin: 0;
    padding: 16px 0 4px 0;
}
div.itemExtraFields {
    margin: 16px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px dotted #ddd;
}
div.itemExtraFields h3 {
    line-height: normal !important;
    margin: 0;
    padding: 0 0 8px 0;
}
div.itemExtraFields ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.itemExtraFields ul li {
    display: block;
}
div.itemExtraFields ul li span.itemExtraFieldsLabel {
    font-weight: bold;
    display: block;
    float: left;
    width: 30%;
    margin: 0 4px 0 0;
}
div.itemContentFooter {
    display: block;
    margin: 16px 0 4px 0;
    padding: 4px;
    text-align: right;
    color: #999;
    border-top: 1px solid #ddd;
}
span.itemHits {
    float: left;
}
div.itemSocialSharing {
    padding: 8px 0;
}
div.itemTwitterButton {
    float: left;
    margin: 2px 24px 0 0;
}
div.itemFacebookButton {
    float: left;
    width: 200px;
    margin-right: 24px;
}
div.itemLinks {
    margin: 20px 0;
    padding: 0;
    font-weight: 400;
}
div.itemLinks a {
    color: #333;
}
div.itemLinks i {
    color: #1bbde8;
}
div.itemCategory {
    padding-right: 5px;
    margin-right: 5px;
    display: inline-block;
}
div.itemCategory span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.itemTagsBlock {
    padding-right: 5px;
    display: inline-block;
}
div.itemTagsBlock span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.itemTagsBlock ul.itemTags {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
div.itemTagsBlock ul.itemTags li {
    display: inline;
    margin: 0;
    padding: 0 4px 0 0;
    list-style: none;
    text-align: center;
}
div.itemAttachmentsBlock {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.itemAttachmentsBlock span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.itemAttachmentsBlock ul.itemAttachments {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
div.itemAttachmentsBlock ul.itemAttachments li {
    display: inline;
    margin: 0;
    padding: 0 4px;
    list-style: none;
    text-align: center;
}
div.itemAttachmentsBlock ul.itemAttachments li span {
    font-size: 10px;
    font-weight: normal;
    color: #999;
}

/* Author block */

div.itemAuthorBlock {
    margin: 40px 0 16px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #fff;
}
div.itemAuthorBlock img.itemAuthorAvatar {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}
div.itemAuthorBlock div.itemAuthorDetails {
    margin: 0;
    padding: 4px 0 0 0;
}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName {
    margin: 0 0 4px 0;
    padding: 0;
}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
    font-weight: bold;
    margin: 0 4px 0 0;
    padding: 0 8px 0 0;
    color: #555;
    border-right: 1px solid #ccc;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
    font-weight: bold;
    color: #555;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
    font-weight: normal;
}
.itemAuthor {
    padding-right: 5px;
    margin-right: 5px;
    display: inline-block;
}

/* Author latest */

div.itemAuthorLatest {
    margin-bottom: 16px;
    padding: 0;
}

/* Related by tag */

div.itemRelated {
    margin-bottom: 16px;
    padding: 0;
}

/* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */

div.itemRelated ul li.k2ScrollerElement {
    float: left;
    overflow: hidden;
    margin: 0 4px 4px 0;
    padding: 4px;
    border: 1px solid #ccc;
    background: #fff;
}

/* you need to insert this class in the related li element in item.php for this styling to take effect */

div.itemRelated ul li.clr {
    line-height: 0;
    display: block;
    float: none;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
}

/* Video */

div.itemVideoBlock {
    margin: 0 0 16px 0;
    padding: 16px;
    background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}
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 {
    font-size: 11px;
    font-weight: bold;
    display: block;
    float: left;
    width: 60%;
    color: #eee;
}
div.itemVideoBlock span.itemVideoCredits {
    font-size: 11px;
    font-style: italic;
    display: block;
    float: right;
    width: 35%;
    text-align: right;
    color: #eee;
}

/* Image Gallery */

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

/* Article navigation */

div.itemNavigation {
    margin: 0 0 24px 0;
    padding: 4px 8px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    background: #fffff0;
}
div.itemNavigation span.itemNavigationTitle {
    color: #999;
}
div.itemNavigation a.itemPrevious {
    padding: 0 12px;
}
div.itemNavigation a.itemNext {
    padding: 0 12px;
}

/* Comments */

div.itemComments {
    padding: 16px;
    border: 1px solid #fff;
    background: #fff;
}
div.itemComments ul.itemCommentsList {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}
div.itemComments ul.itemCommentsList li {
    margin: 0;
    padding: 4px;
    border-bottom: 1px dotted #ddd;
}
div.itemComments ul.itemCommentsList li.authorResponse {
    background: url(../images/system/stripes.png) repeat;
}
div.itemComments ul.itemCommentsList li.unpublishedComment {
    background: #ffeaea;
}
div.itemComments ul.itemCommentsList li img {
    float: left;
    margin: 4px 4px 4px 0;
    padding: 4px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #f2f2f2;
    background: #fff;
}
div.itemComments ul.itemCommentsList li span.commentDate {
    font-size: 14px;
    font-weight: bold;
    margin: 0 8px 0 0;
    padding: 0 4px 0 0;
    border-right: 1px solid #ccc;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
    font-size: 14px;
    font-weight: bold;
}
div.itemComments ul.itemCommentsList li p {
    padding: 4px 0;
}
div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
    display: none;
}
div.itemComments ul.itemCommentsList li span.commentLink {
    float: right;
    margin-left: 8px;
}
div.itemComments ul.itemCommentsList li span.commentLink a {
    font-size: 11px;
    text-decoration: underline;
    color: #999;
}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {
    font-size: 11px;
    text-decoration: underline;
    color: #555;
}
div.itemComments ul.itemCommentsList li span.commentToolbar {
    display: block;
    clear: both;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a {
    font-size: 11px;
    margin-right: 4px;
    text-decoration: underline;
    color: #999;
}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
    font-size: 11px;
    text-decoration: underline;
    color: #555;
}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
    background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.itemCommentsPagination {
    margin: 0 0 24px 0;
    padding: 4px;
}
div.itemCommentsPagination span.pagination {
    display: block;
    float: right;
    clear: both;
}
div.itemCommentsForm h3 {
    margin: 0;
    padding: 0 0 14px 0;
    color: #333;
}
div.itemCommentsForm p.itemCommentsFormNotes {
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
div.itemCommentsForm form label.formComment {
    font-weight: 400;
    display: block;
    margin: 12px 0 5px 2px;
    color: #333;
}
div.itemCommentsForm form label.formName {
    font-weight: 400;
    display: block;
    margin: 12px 0 5px 2px;
    color: #333;
}
div.itemCommentsForm form label.formEmail {
    font-weight: 400;
    display: block;
    margin: 12px 0 5px 2px;
    color: #333;
}
div.itemCommentsForm form label.formUrl {
    font-weight: 400;
    display: block;
    margin: 12px 0 5px 2px;
    color: #333;
}
div.itemCommentsForm form label.formRecaptcha {
    display: block;
    margin: 12px 0 0 2px;
}
div.itemCommentsForm form textarea.inputbox {
    display: block;
    width: 100%;
    height: 200px;
    margin: 0;
}
div.itemCommentsForm form input.inputbox {
    display: block;
    width: 100%;
    margin: 0;
}
div.itemCommentsForm form span#formLog {
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    color: #cf1919;
}
div.itemCommentsForm form .formLogLoading {
    background: url(../images/system/loading.gif) no-repeat left center;
}

/* "Report comment" form */

div.k2ReportCommentFormContainer {
    width: 480px;
    margin: 0 auto;
    padding: 8px;
}
div.k2ReportCommentFormContainer blockquote {
    width: 462px;
    margin: 0 0 8px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
    line-height: 30px;
    display: block;
    float: left;
    vertical-align: top;
    color: #135cae;
}
div.k2ReportCommentFormContainer blockquote span.quoteIconRight {
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
    line-height: 30px;
    display: block;
    float: right;
    vertical-align: top;
    color: #135cae;
}
div.k2ReportCommentFormContainer blockquote span.theComment {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    padding: 0 4px;
    color: #000;
}
div.k2ReportCommentFormContainer form label {
    font-weight: bold;
    display: block;
}
div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea {
    font-size: 12px;
    display: block;
    width: 474px;
    margin: 0 0 8px 0;
    padding: 2px;
    border: 1px solid #ddd;
}
div.k2ReportCommentFormContainer form #recaptcha {
    margin-bottom: 24px;
}
div.k2ReportCommentFormContainer form span#formLog {
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    color: #cf1919;
}
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;
    display: none;
}
div.itemBackToTop a:hover {
    text-decoration: underline;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (category)
----------------------------------------------------------------------*/


/* --- Category block --- */

div.itemListCategory {
    margin: 4px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
span.catItemAddLink {
    display: block;
    margin: 0 0 4px 0;
    padding: 8px 0;
    text-align: right;
    border-bottom: 1px dotted #ccc;
}
span.catItemAddLink a {
    padding: 4px 16px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #eee;
}
span.catItemAddLink a:hover {
    background: #ffc;
}
div.itemListCategory img {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}

/* --- Sub-category block --- */

div.subCategoryContainer {
    float: left;
}

/* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */

div.subCategory {
    margin: 4px;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
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 {
    margin: 0 8px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}

/* --- Item groups --- */

div#itemListLinks {
    margin: 8px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
div.itemContainer {
    float: left;
}

/* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */


/* --- Item block for each item group --- */

div.catItemView {
    padding: 4px;
}

/* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */


/* Additional class appended to the element above for further styling per group item */

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

/* Attach a class for each featured item */

span.catItemEditLink {
    display: block;
    float: right;
    width: 120px;
    margin: 0;
    padding: 4px 0;
    text-align: right;
}
span.catItemEditLink a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #eee;
}
span.catItemEditLink a:hover {
    background: #ffc;
}
div.catItemHeader span.catItemDateCreated {
    font-size: 11px;
    color: #999;
}
div.catItemHeader h3.catItemTitle {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0 4px 0;
}
div.catItemHeader h3.catItemTitle span sup {
    font-size: 12px;
    text-decoration: none;
    color: #cf1919;
}

/* superscript */

div.catItemHeader span.catItemAuthor {
    display: block;
    margin: 0;
    padding: 0;
}
div.catItemRatingBlock {
    padding: 8px 0;
}
div.catItemRatingBlock span {
    font-style: normal;
    display: block;
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    color: #999;
}
div.catItemBody {
    margin: 0;
    padding: 8px 0;
}
div.catItemImageBlock {
    margin: 0 0 16px 0;
    padding: 8px;
    position: relative;
}
span.catItemImage {
    display: block;
    margin: 0 0 8px 0;
    text-align: center;
}
span.catItemImage img {
    padding: 8px;
    border: 1px solid #ccc;
}
div.catItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 4px 0 12px 0;
}
div.catItemExtraFields, div.genericItemExtraFields {
    margin: 16px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px dotted #ddd;
}
div.catItemExtraFields h4, div.genericItemExtraFields h4 {
    line-height: normal !important;
    margin: 0;
    padding: 0 0 8px 0;
}
div.catItemExtraFields ul, div.genericItemExtraFields ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.catItemExtraFields ul li, div.genericItemExtraFields ul li {
    display: block;
}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
    font-weight: bold;
    display: block;
    float: left;
    width: 30%;
    margin: 0 4px 0 0;
}
div.catItemLinks {
    margin: 0 0 16px 0;
    padding: 0;
}
div.catItemHitsBlock {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.catItemCategory {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.catItemCategory span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.catItemTagsBlock {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.catItemTagsBlock span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.catItemTagsBlock ul.catItemTags {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
div.catItemTagsBlock ul.catItemTags li {
    display: inline;
    margin: 0;
    padding: 0 4px 0 0;
    list-style: none;
    text-align: center;
}
div.catItemAttachmentsBlock {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.catItemAttachmentsBlock span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.catItemAttachmentsBlock ul.catItemAttachments {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
div.catItemAttachmentsBlock ul.catItemAttachments li {
    display: inline;
    margin: 0;
    padding: 0 4px;
    list-style: none;
    text-align: center;
}
div.catItemAttachmentsBlock ul.catItemAttachments li span {
    font-size: 10px;
    font-weight: normal;
    color: #999;
}

/* Video */

div.catItemVideoBlock {
    margin: 0 0 16px 0;
    padding: 16px;
    background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}
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 0;
    padding: 0;
}

/* Anchor link to comments */

div.catItemCommentsLink {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    border-right: 1px solid #ccc;
}

/* Read more link */

div.catItemReadMore {
    display: inline;
}

/* Modified date */

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

/*----------------------------------------------------------------------
	Component: Itemlist view (user)
----------------------------------------------------------------------*/


/* User info block */

div.userBlock {
    clear: both;
    margin: 0 0 16px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
span.userItemAddLink {
    display: block;
    margin: 0 0 4px 0;
    padding: 8px 0;
    text-align: right;
    border-bottom: 1px dotted #ccc;
}
span.userItemAddLink a {
    padding: 4px 16px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #eee;
}
span.userItemAddLink a:hover {
    background: #ffc;
}
div.userBlock img {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}
div.userBlock div.userDescription {
    padding: 4px 0;
}
div.userBlock div.userAdditionalInfo {
    margin: 8px 0 0 0;
    padding: 4px 0;
}
span.userURL {
    font-weight: bold;
    display: block;
    color: #555;
}
span.userEmail {
    font-weight: bold;
    display: block;
    color: #555;
}

/* User items */


/* this is the item container for this view */


/* Attach a class for each featured item */

div.userItemViewUnpublished {
    margin: 8px 0;
    padding: 8px;
    opacity: .9;
    border: 4px dashed #ccc;
    background: #fffff2;
}
span.userItemEditLink {
    display: block;
    float: right;
    width: 120px;
    margin: 0;
    padding: 4px 0;
    text-align: right;
}
span.userItemEditLink a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #eee;
}
span.userItemEditLink a:hover {
    background: #ffc;
}
div.userItemHeader span.userItemDateCreated {
    font-size: 11px;
    color: #999;
}
div.userItemHeader h3.userItemTitle {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0 4px 0;
}
div.userItemHeader h3.userItemTitle span sup {
    font-size: 12px;
    text-decoration: none;
    color: #cf1919;
}

/* "Unpublished" presented in superscript */

div.userItemBody {
    margin: 0;
    padding: 8px 0;
}
div.userItemImageBlock {
    float: left;
    margin: 0;
    padding: 0;
}
span.userItemImage {
    display: block;
    margin: 0 8px 8px 0;
    text-align: center;
}
span.userItemImage img {
    padding: 8px;
    border: 1px solid #ccc;
}
div.userItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 4px 0 12px 0;
}
div.userItemLinks {
    margin: 0 0 16px 0;
    padding: 0;
}
div.userItemCategory {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.userItemCategory span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.userItemTagsBlock {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.userItemTagsBlock span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.userItemTagsBlock ul.userItemTags {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
div.userItemTagsBlock ul.userItemTags li {
    display: inline;
    margin: 0;
    padding: 0 4px 0 0;
    list-style: none;
    text-align: center;
}

/* Anchor link to comments */

div.userItemCommentsLink {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    border-right: 1px solid #ccc;
}

/* Read more link */

div.userItemReadMore {
    display: inline;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (tag)
----------------------------------------------------------------------*/

div.tagItemView {
    margin: 0 0 16px 0;
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}

/* this is the item container for this view */

div.tagItemHeader span.tagItemDateCreated {
    font-size: 11px;
    color: #999;
}
div.tagItemHeader h2.tagItemTitle {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0 4px 0;
}
div.tagItemBody {
    margin: 0;
    padding: 8px 0;
}
div.tagItemImageBlock {
    float: left;
    margin: 0;
    padding: 0;
}
span.tagItemImage {
    display: block;
    margin: 0 8px 8px 0;
    text-align: center;
}
span.tagItemImage img {
    padding: 8px;
    border: 1px solid #ccc;
}
div.tagItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 4px 0 12px 0;
}
div.tagItemCategory {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    border-right: 1px solid #ccc;
}
div.tagItemCategory span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}

/* Read more link */

div.tagItemReadMore {
    display: inline;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (generic)
----------------------------------------------------------------------*/

div.genericItemView {
    margin: 0 0 16px 0;
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}

/* this is the item container for this view */

div.genericItemHeader span.genericItemDateCreated {
    font-size: 11px;
    color: #999;
}
div.genericItemHeader h2.genericItemTitle {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0 4px 0;
}
div.genericItemBody {
    margin: 0;
    padding: 8px 0;
}
div.genericItemImageBlock {
    float: left;
    margin: 0;
    padding: 0;
}
span.genericItemImage {
    display: block;
    margin: 0 8px 8px 0;
    text-align: center;
}
span.genericItemImage img {
    padding: 8px;
    border: 1px solid #ccc;
}
div.genericItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 4px 0 12px 0;
}
div.genericItemCategory {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    border-right: 1px solid #ccc;
}
div.genericItemCategory span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}

/* Read more link */

div.genericItemReadMore {
    display: inline;
}

/* No results found message */

div#genericItemListNothingFound {
    padding: 40px;
    text-align: center;
}
div#genericItemListNothingFound p {
    font-size: 20px;
    color: #999;
}

/* --- Google Search (use Firebug or similar tools to inspect the generated HTML, then style accordingly --- */

#k2GoogleSearchContainer .gsc-control {
    width: auto !important;
}
#k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area, #k2GoogleSearchContainer .gsc-control .gsc-resultsHeader, #k2GoogleSearchContainer .gsc-control .gsc-url-bottom {
    display: none !important;
}

/* Hide unneeded elements of the results page */


/*----------------------------------------------------------------------
	Component: Latest view
----------------------------------------------------------------------*/

div.latestItemsContainer {
    float: left;
}

/* Category info block */

div.latestItemsCategory {
    margin: 0 8px 8px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
div.latestItemsCategoryImage {
    text-align: center;
}
div.latestItemsCategoryImage img {
    margin: 0 8px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}

/* User info block */

div.latestItemsUser {
    clear: both;
    margin: 0 8px 8px 0;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f7fafe;
}
div.latestItemsUser img {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}
div.latestItemsUser p.latestItemsUserDescription {
    padding: 4px 0;
}
div.latestItemsUser p.latestItemsUserAdditionalInfo {
    margin: 8px 0 0 0;
    padding: 4px 0;
}
span.latestItemsUserURL {
    font-weight: bold;
    display: block;
    color: #555;
}
span.latestItemsUserEmail {
    font-weight: bold;
    display: block;
    color: #555;
}

/* Latest items list */

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

/* this is the item container for this view */

div.latestItemHeader h3.latestItemTitle {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0 4px 0;
}
span.latestItemDateCreated {
    font-size: 11px;
    color: #999;
}
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 {
    padding: 8px;
    border: 1px solid #ccc;
}
div.latestItemIntroText {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    padding: 4px 0 12px 0;
}
div.latestItemLinks {
    margin: 0 0 16px 0;
    padding: 0;
}
div.latestItemCategory {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.latestItemCategory span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.latestItemTagsBlock {
    padding: 4px;
    border-bottom: 1px dotted #ccc;
}
div.latestItemTagsBlock span {
    font-weight: bold;
    padding: 0 4px 0 0;
    color: #555;
}
div.latestItemTagsBlock ul.latestItemTags {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
div.latestItemTagsBlock ul.latestItemTags li {
    display: inline;
    margin: 0;
    padding: 0 4px 0 0;
    list-style: none;
    text-align: center;
}

/* Video */

div.latestItemVideoBlock {
    margin: 0 0 16px 0;
    padding: 16px;
    background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}
div.latestItemVideoBlock span.latestItemVideo {
    display: block;
}

/* Anchor link to comments */

div.latestItemCommentsLink {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    border-right: 1px solid #ccc;
}

/* Read more link */

div.latestItemReadMore {
    display: inline;
}

/* Items presented in a list */

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

/*----------------------------------------------------------------------
	Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/

.k2AccountPage table tr td label {
    white-space: nowrap;
}
img.k2AccountPageImage {
    display: block;
    margin: 10px 0;
    padding: 0;
    border: 4px solid #ddd;
}
.k2AccountPage div.k2AccountPageNotice {
    padding: 8px;
}
.k2AccountPage div.k2AccountPageUpdate {
    margin: 8px 0;
    padding: 8px;
    text-align: right;
    border-top: 1px dotted #ccc;
}
.k2AccountPage th.k2ProfileHeading {
    font-size: 18px;
    padding: 8px;
    text-align: left;
    background: #f6f6f6;
    /*border-bottom:1px solid #e9e9e9;*/
}
.k2AccountPage td#userAdminParams {
    margin: 0;
    padding: 0;
}
.k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key {
    font-size: 11px;
    font-weight: bold;
    width: 140px;
    text-align: right;
    color: #666;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #f6f6f6;
}

/* Profile edit */


/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/


/* Latest Comments */

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

/* Top Commenters */

div.k2TopCommentersBlock ul li span.tcLatestCommentDate {
    color: #999;
}

/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/

div.k2ItemsBlock ul li div.moduleItemIntrotext {
    line-height: 24px;
    ;
    display: block;
    padding: 4px 0;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    float: right;
    margin: 2px 0 4px 4px;
    padding: 0;
    border: 2px solid #ddd;
}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
    font-weight: bold;
    display: block;
    float: left;
    width: 30%;
    margin: 0 4px 0 0;
}
div.k2ItemsBlock ul li div.moduleItemTags a {
    padding: 0 2px;
}
div.k2ItemsBlock ul li a.moduleItemComments {
    margin: 0 8px 0 0;
    padding: 0 4px 0 0;
}
div.k2ItemsBlock ul li span.moduleItemHits {
    margin: 0 8px 0 0;
    padding: 0 4px 0 0;
    border-right: 1px solid #ccc;
}

/*----------------------------------------------------------------------
	Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/

div.k2LoginBlock fieldset.input {
    margin: 0;
    padding: 0 0 8px 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.k2UserBlock p.ubGreeting {
    border-bottom: 1px dotted #ccc;
}
div.k2UserBlock div.k2UserBlockDetails span.ubName {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

/* 2nd level ul */


/* 3rd level ul (and so on...) */


/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/


/* --- Archives --- */


/* --- Authors --- */

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

/* --- Breadcrumbs --- */

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

/* --- Category Tree Select Box --- */

div.k2CategorySelectBlock form select {
    width: auto;
}

/* --- Category List/Menu --- */

div.k2CategoriesListBlock ul li a span.catTitle {
    padding-right: 4px;
}

/* Root level (0) */


/* First level (1) */


/* n level (n) - like the above... */


/* --- Search Box --- */

div.k2SearchBlock {
    position: relative;
}
div.k2SearchBlock form input.k2SearchLoading {
    background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}
div.k2SearchBlock div.k2LiveSearchResults {
    position: absolute;
    z-index: 99;
    display: none;
    margin-top: -1px;
    border: 1px solid #ccc;
    background: #fff;
}

/* Live search results (fetched via ajax) */

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {
    margin: 0;
    padding: 0;
    border: none;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
    display: block;
    padding: 1px 2px;
    border-top: 1px dotted #eee;
}
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 {
    display: block;
    float: left;
    padding: 4px;
    text-decoration: none;
    color: #fff;
    background: #135cae;
}

/* --- Custom Code --- */


/*----------------------------------------------------------------------
	Modules: mod_k2_users
----------------------------------------------------------------------*/

a.ubUserFeedIcon, a.ubUserFeedIcon:hover {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    padding: 0;
    background: url(../images/fugue/feed.png) no-repeat 50% 50%;
}
a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {
    display: none;
}
a.ubUserURL, a.ubUserURL:hover {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    padding: 0;
    background: url(../images/fugue/globe.png) no-repeat 50% 50%;
}
a.ubUserURL span, a.ubUserURL:hover span {
    display: none;
}
span.ubUserEmail {
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    padding: 0;
    background: url(../images/fugue/mail.png) no-repeat 50% 50%;
}
span.ubUserEmail a {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
div.k2UsersBlock ul li h3 {
    clear: both;
    margin: 8px 0 0 0;
    padding: 0;
}

/* --- END --- */

.catItemImage {}
.catItemImage .k2-overley {
    position: absolute;
    height: 0;
    width: 0;
    display: block;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.catItemImage:hover .k2-overley {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.catItemImage .k2-overley i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #fff;
    width: 80px;
    height: 80px;
    margin-top: -50px;
    margin-left: -50px;
    padding: 26px 0;
}
.catItemImage:hover .k2-overley i {
    opacity: 1;
}