Results of the CSS crunched for spyroltd.com

Let's see what we've done for spyroltd.com

CSSCruncher.com has crunched this CSS to
3.64 %Less Size! OK!

Crunched CSS code:

/**
* @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{clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none}
/* --- Zebra rows --- */
.even{background:#fffff0;padding:2px;border-bottom:1px dotted #ccc}
.odd{background:#fff;padding:2px;border-bottom:1px dotted #ccc}
/* --- RSS feed icon --- */
div.k2FeedIcon{padding:4px 8px}
div.k2FeedIcon a, div.k2FeedIcon a:hover{display:block;float:right;margin:0;padding:0;width:16px;height:16px;background:url(../images/fugue/feed.png) no-repeat 50% 50%}
div.k2FeedIcon a span, div.k2FeedIcon a:hover span{display:none}
/* --- Rating --- */
.itemRatingForm{display:block;vertical-align:middle;line-height:25px;float:left}
.itemRatingLog{font-size:11px;margin:0;padding:0 0 0 4px;float:left}
div.itemRatingForm .formLogLoading{background:url(../images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px}
.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating{background:transparent url(../images/system/transparent_star.gif) left -1000px repeat-x}
.itemRatingList{position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top}
.itemRatingList li{display:inline;background:none;padding:0}
.itemRatingList a, .itemRatingList .itemCurrentRating{position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer}
.itemRatingList a:hover{background-position:left bottom}
.itemRatingList a.one-star{width:20%;z-index:6}
.itemRatingList a.two-stars{width:40%;z-index:5}
.itemRatingList a.three-stars{width:60%;z-index:4}
.itemRatingList a.four-stars{width:80%;z-index:3}
.itemRatingList a.five-stars{width:100%;z-index:2}
.itemRatingList .itemCurrentRating{z-index:1;background-position:0 center;margin:0;padding:0}
span.siteRoot{display:none}
/* --- CSS added with Javascript --- */
.smallerFontSize{font-size:100%;line-height:inherit}
.largerFontSize{font-size:150%;line-height:140%}
/* --- 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 --- */
div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul{}/* Example CSS:padding:0;margin:0;list-style:none;*/
div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li{}/* 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;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0}
/* --- Read more --- */
a.k2ReadMore{}
a.k2ReadMore:hover{}
/* --- Pagination --- */
div.k2Pagination{padding:8px;margin:24px 0 4px 0;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 --- */
table.csvData{}
table.csvData tr th{}
table.csvData tr td{}
/* --- 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{display:block;width:160px;margin:4px auto 16px;padding:4px;background:#F7FAFE;border:1px solid #ccc;text-align:center;color:#555;font-size:13px}
a.itemPrintThisPage:hover{background:#eee;text-decoration:none}
div.itemView{padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc}/* this is the item container for this view */
div.itemIsFeatured{}/* Attach a class for each featured item */
span.itemEditLink{float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right}
span.itemEditLink a{padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial,Helvetica,sans-serif}
span.itemEditLink a:hover{background:#ffffcc}
div.itemHeader{}
div.itemHeader span.itemDateCreated{color:#999;font-size:11px}
div.itemHeader h2.itemTitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:36px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0}
div.itemHeader h2.itemTitle span{}
div.itemHeader h2.itemTitle span sup{font-size:12px;color:#CF1919;text-decoration:none}/* "Featured" presented in superscript */
div.itemHeader span.itemAuthor{display:block;padding:0;margin:0}
div.itemHeader span.itemAuthor a{}
div.itemHeader span.itemAuthor a:hover{}
div.itemToolbar{padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe}
div.itemToolbar ul{text-align:right;list-style:none;padding:0;margin:0}
div.itemToolbar ul li{display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px}
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:hover{}
div.itemToolbar ul li a span{}
div.itemToolbar ul li a.itemPrintLink{}
div.itemToolbar ul li a.itemPrintLink span{}
div.itemToolbar ul li a.itemEmailLink{}
div.itemToolbar ul li a.itemEmailLink span{}
div.itemToolbar ul li a.itemVideoLink{}
div.itemToolbar ul li a.itemVideoLink span{}
div.itemToolbar ul li a.itemImageGalleryLink{}
div.itemToolbar ul li a.itemImageGalleryLink span{}
div.itemToolbar ul li a.itemCommentsLink{}
div.itemToolbar ul li a.itemCommentsLink span{}
div.itemToolbar ul li a img{vertical-align:middle}
div.itemToolbar ul li span.itemTextResizerTitle{}
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{display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999}
div.itemBody{padding:8px 0;margin:0}
div.itemImageBlock{padding:8px;margin:0 0 16px 0}
span.itemImage{display:block;text-align:center;margin:0 0 8px 0}
span.itemImage img{border:1px solid #ccc;padding:8px}
span.itemImageCaption{color:#666;float:left;display:block;font-size:11px}
span.itemImageCredits{color:#999;float:right;display:block;font-style:italic;font-size:11px}
div.itemIntroText{color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0}
div.itemIntroText img{}
div.itemFullText{}
div.itemFullText h3{margin:0;padding:16px 0 4px 0}
div.itemFullText p{}
div.itemFullText img{}
div.itemExtraFields{margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd}
div.itemExtraFields h3{margin:0;padding:0 0 8px 0;line-height:normal !important}
div.itemExtraFields ul{margin:0;padding:0;list-style:none}
div.itemExtraFields ul li{display:block}
div.itemExtraFields ul li span.itemExtraFieldsLabel{display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%}
div.itemExtraFields ul li span.itemExtraFieldsValue{}
div.itemContentFooter{display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999}
span.itemHits{float:left}
span.itemDateModified{}
div.itemSocialSharing{padding:8px 0}
div.itemTwitterButton{float:left;margin:2px 24px 0 0}
div.itemFacebookButton{float:left;margin-right:24px;width:200px}
div.itemGooglePlusOneButton{}
div.itemLinks{margin:16px 0;padding:0}
div.itemCategory{padding:4px;border-bottom:1px dotted #ccc}
div.itemCategory span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.itemCategory a{}
div.itemTagsBlock{padding:4px;border-bottom:1px dotted #ccc}
div.itemTagsBlock span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.itemTagsBlock ul.itemTags{list-style:none;padding:0;margin:0;display:inline}
div.itemTagsBlock ul.itemTags li{display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center}
div.itemTagsBlock ul.itemTags li a{}
div.itemTagsBlock ul.itemTags li a:hover{}
div.itemAttachmentsBlock{padding:4px;border-bottom:1px dotted #ccc}
div.itemAttachmentsBlock span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.itemAttachmentsBlock ul.itemAttachments{list-style:none;padding:0;margin:0;display:inline}
div.itemAttachmentsBlock ul.itemAttachments li{display:inline;list-style:none;padding:0 4px;margin:0;text-align:center}
div.itemAttachmentsBlock ul.itemAttachments li a{}
div.itemAttachmentsBlock ul.itemAttachments li a:hover{}
div.itemAttachmentsBlock ul.itemAttachments li span{font-size:10px;color:#999;font-weight:normal}
/* Author block */
div.itemAuthorBlock{background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px}
div.itemAuthorBlock img.itemAuthorAvatar{float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0}
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 h3.authorName a:hover{}
div.itemAuthorBlock div.itemAuthorDetails p{}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl{font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0}
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}
/* Author latest */
div.itemAuthorLatest{margin-bottom:16px;padding:0}
div.itemAuthorLatest h3{}
div.itemAuthorLatest ul{}
div.itemAuthorLatest ul li{}
div.itemAuthorLatest ul li a{}
div.itemAuthorLatest ul li a:hover{}
/* 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 h3{}
div.itemRelated ul{}
div.itemRelated ul li{}
div.itemRelated ul li.k2ScrollerElement{float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;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{clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none}
a.itemRelTitle{}
div.itemRelCat{}
div.itemRelCat a{}
div.itemRelAuthor{}
div.itemRelAuthor a{}
img.itemRelImg{}
div.itemRelIntrotext{}
div.itemRelFulltext{}
div.itemRelMedia{}
div.itemRelImageGallery{}
/* 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{color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%}
div.itemVideoBlock span.itemVideoCredits{color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right}
/* Image Gallery */
div.itemImageGallery{margin:0 0 16px 0;padding:0}
/* Article navigation */
div.itemNavigation{padding:4px 8px;margin:0 0 24px 0;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{background:#f7fafe;border:1px solid #ddd;padding:16px}
div.itemComments ul.itemCommentsList{margin:0 0 16px;padding:0;list-style:none}
div.itemComments ul.itemCommentsList li{padding:4px;margin:0;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;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2}
div.itemComments ul.itemCommentsList li span.commentDate{padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px}
div.itemComments ul.itemCommentsList li span.commentAuthorName{font-weight:bold;font-size:14px}
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;color:#999;text-decoration:underline}
div.itemComments ul.itemCommentsList li span.commentLink a:hover{font-size:11px;color:#555;text-decoration:underline}
div.itemComments ul.itemCommentsList li span.commentToolbar{display:block;clear:both}
div.itemComments ul.itemCommentsList li span.commentToolbar a{font-size:11px;color:#999;text-decoration:underline;margin-right:4px}
div.itemComments ul.itemCommentsList li span.commentToolbar a:hover{font-size:11px;color:#555;text-decoration:underline}
div.itemComments ul.itemCommentsList li span.commentToolbarLoading{background:url(../images/system/searchLoader.gif) no-repeat 100% 50%}
div.itemCommentsPagination{padding:4px;margin:0 0 24px 0}
div.itemCommentsPagination span.pagination{display:block;float:right;clear:both}
div.itemCommentsForm h3{margin:0;padding:0 0 4px 0}
div.itemCommentsForm p.itemCommentsFormNotes{border-top:2px solid #ccc}
div.itemCommentsForm form{}
div.itemCommentsForm form label.formComment{display:block;margin:12px 0 0 2px}
div.itemCommentsForm form label.formName{display:block;margin:12px 0 0 2px}
div.itemCommentsForm form label.formEmail{display:block;margin:12px 0 0 2px}
div.itemCommentsForm form label.formUrl{display:block;margin:12px 0 0 2px}
div.itemCommentsForm form label.formRecaptcha{display:block;margin:12px 0 0 2px}
div.itemCommentsForm form textarea.inputbox{display:block;width:350px;height:160px;margin:0}
div.itemCommentsForm form input.inputbox{display:block;width:350px;margin:0}
div.itemCommentsForm form input#submitCommentButton{display:block;margin:16px 0 0 0;padding:4px;border:1px solid #ccc;background:#eee;font-size:16px}
div.itemCommentsForm form span#formLog{margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919}
div.itemCommentsForm form .formLogLoading{background:url(../images/system/loading.gif) no-repeat left center}
/* "Report comment" form */
div.k2ReportCommentFormContainer{padding:8px;width:480px;margin:0 auto}
div.k2ReportCommentFormContainer blockquote{width:462px;background:#f7fafe;border:1px solid #ddd;padding:8px;margin:0 0 8px 0}
div.k2ReportCommentFormContainer blockquote span.quoteIconLeft{font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left}
div.k2ReportCommentFormContainer blockquote span.quoteIconRight{font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right}
div.k2ReportCommentFormContainer blockquote span.theComment{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px}
div.k2ReportCommentFormContainer form label{display:block;font-weight:bold}
div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea{display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px}
div.k2ReportCommentFormContainer form #recaptcha{margin-bottom:24px}
div.k2ReportCommentFormContainer form span#formLog{margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;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}
div.itemBackToTop a:hover{text-decoration:underline}
/*----------------------------------------------------------------------
Component:Itemlist view (category)
----------------------------------------------------------------------*/
div.itemListCategoriesBlock{}
/* --- Category block --- */
div.itemListCategory{background:#f7fafe;border:1px solid #ddd;margin:4px 0;padding:8px}
span.catItemAddLink{display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right}
span.catItemAddLink a{padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none}
span.catItemAddLink a:hover{background:#ffffcc}
div.itemListCategory img{float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0}
div.itemListCategory h2{}
div.itemListCategory p{}
/* --- Sub-category block --- */
div.itemListSubCategories{}
div.itemListSubCategories h3{}
div.subCategoryContainer{float:left}
div.subCategoryContainerLast{}/* 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{background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px}
div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover{text-align:center;display:block}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img{background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0}
div.subCategory h2{}
div.subCategory h2 a{}
div.subCategory h2 a:hover{}
div.subCategory p{}
/* --- Item groups --- */
div.itemList{}
div#itemListLeading{}
div#itemListPrimary{}
div#itemListSecondary{}
div#itemListLinks{background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px}
div.itemContainer{float:left}
div.itemContainerLast{}/* 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.groupLeading{}
div.groupPrimary{}
div.groupSecondary{}
div.groupLinks{padding:0;margin:0}
div.catItemIsFeatured{}/* Attach a class for each featured item */
span.catItemEditLink{float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right}
span.catItemEditLink a{padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial,Helvetica,sans-serif}
span.catItemEditLink a:hover{background:#ffffcc}
div.catItemHeader{}
div.catItemHeader span.catItemDateCreated{color:#999;font-size:11px}
div.catItemHeader h3.catItemTitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0}
div.catItemHeader h3.catItemTitle span{}
div.catItemHeader h3.catItemTitle span sup{font-size:12px;color:#CF1919;text-decoration:none}/* superscript */
div.catItemHeader span.catItemAuthor{display:block;padding:0;margin:0}
div.catItemHeader span.catItemAuthor a{}
div.catItemHeader span.catItemAuthor a:hover{}
div.catItemRatingBlock{padding:8px 0}
div.catItemRatingBlock span{display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999}
div.catItemBody{padding:8px 0;margin:0}
div.catItemImageBlock{padding:8px;margin:0 0 16px 0}
span.catItemImage{display:block;text-align:center;margin:0 0 8px 0}
span.catItemImage img{border:1px solid #ccc;padding:8px}
div.catItemIntroText{font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0}
div.catItemIntroText img{}
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{margin:0;padding:0 0 8px 0;line-height:normal !important}
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{display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%}
div.catItemExtraFields ul li span.catItemExtraFieldsValue{}
div.catItemLinks{margin:0 0 16px 0;padding:0}
div.catItemHitsBlock{padding:4px;border-bottom:1px dotted #ccc}
span.catItemHits{}
div.catItemCategory{padding:4px;border-bottom:1px dotted #ccc}
div.catItemCategory span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.catItemCategory a{}
div.catItemTagsBlock{padding:4px;border-bottom:1px dotted #ccc}
div.catItemTagsBlock span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.catItemTagsBlock ul.catItemTags{list-style:none;padding:0;margin:0;display:inline}
div.catItemTagsBlock ul.catItemTags li{display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center}
div.catItemTagsBlock ul.catItemTags li a{}
div.catItemTagsBlock ul.catItemTags li a:hover{}
div.catItemAttachmentsBlock{padding:4px;border-bottom:1px dotted #ccc}
div.catItemAttachmentsBlock span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.catItemAttachmentsBlock ul.catItemAttachments{list-style:none;padding:0;margin:0;display:inline}
div.catItemAttachmentsBlock ul.catItemAttachments li{display:inline;list-style:none;padding:0 4px;margin:0;text-align:center}
div.catItemAttachmentsBlock ul.catItemAttachments li a{}
div.catItemAttachmentsBlock ul.catItemAttachments li a:hover{}
div.catItemAttachmentsBlock ul.catItemAttachments li span{font-size:10px;color:#999;font-weight:normal}
/* 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}
div.catItemCommentsLink a{}
div.catItemCommentsLink a:hover{}
/* Read more link */
div.catItemReadMore{display:inline}
div.catItemReadMore a{}
div.catItemReadMore a:hover{}
/* Modified date */
span.catItemDateModified{display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd}
/*----------------------------------------------------------------------
Component:Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userView{}
div.userBlock{background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both}
span.userItemAddLink{display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right}
span.userItemAddLink a{padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none}
span.userItemAddLink a:hover{background:#ffffcc}
div.userBlock img{display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0}
div.userBlock h2{}
div.userBlock div.userDescription{padding:4px 0}
div.userBlock div.userAdditionalInfo{padding:4px 0;margin:8px 0 0 0}
span.userURL{font-weight:bold;color:#555;display:block}
span.userEmail{font-weight:bold;color:#555;display:block}
div.userItemList{}
/* User items */
div.userItemView{}/* this is the item container for this view */
div.userItemIsFeatured{}/* Attach a class for each featured item */
div.userItemViewUnpublished{opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0}
span.userItemEditLink{float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right}
span.userItemEditLink a{padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial,Helvetica,sans-serif}
span.userItemEditLink a:hover{background:#ffffcc}
div.userItemHeader{}
div.userItemHeader span.userItemDateCreated{color:#999;font-size:11px}
div.userItemHeader h3.userItemTitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0}
div.userItemHeader h3.userItemTitle span sup{font-size:12px;color:#CF1919;text-decoration:none}/* "Unpublished" presented in superscript */
div.userItemBody{padding:8px 0;margin:0}
div.userItemImageBlock{padding:0;margin:0;float:left}
span.userItemImage{display:block;text-align:center;margin:0 8px 8px 0}
span.userItemImage img{border:1px solid #ccc;padding:8px}
div.userItemIntroText{font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0}
div.userItemIntroText img{}
div.userItemLinks{margin:0 0 16px 0;padding:0}
div.userItemCategory{padding:4px;border-bottom:1px dotted #ccc}
div.userItemCategory span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.userItemCategory a{}
div.userItemTagsBlock{padding:4px;border-bottom:1px dotted #ccc}
div.userItemTagsBlock span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.userItemTagsBlock ul.userItemTags{list-style:none;padding:0;margin:0;display:inline}
div.userItemTagsBlock ul.userItemTags li{display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center}
div.userItemTagsBlock ul.userItemTags li a{}
div.userItemTagsBlock ul.userItemTags li a:hover{}
/* Anchor link to comments */
div.userItemCommentsLink{display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc}
div.userItemCommentsLink a{}
div.userItemCommentsLink a:hover{}
/* Read more link */
div.userItemReadMore{display:inline}
div.userItemReadMore a{}
div.userItemReadMore a:hover{}
/*----------------------------------------------------------------------
Component:Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagView{}
div.tagItemList{}
div.tagItemView{border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0}/* this is the item container for this view */
div.tagItemHeader{}
div.tagItemHeader span.tagItemDateCreated{color:#999;font-size:11px}
div.tagItemHeader h2.tagItemTitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0}
div.tagItemBody{padding:8px 0;margin:0}
div.tagItemImageBlock{padding:0;margin:0;float:left}
span.tagItemImage{display:block;text-align:center;margin:0 8px 8px 0}
span.tagItemImage img{border:1px solid #ccc;padding:8px}
div.tagItemIntroText{font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0}
div.tagItemIntroText img{}
div.tagItemExtraFields{}
div.tagItemExtraFields h4{}
div.tagItemExtraFields ul{}
div.tagItemExtraFields ul li{}
div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel{}
div.tagItemExtraFields ul li span.tagItemExtraFieldsValue{}
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;color:#555;padding:0 4px 0 0}
div.tagItemCategory a{}
/* Read more link */
div.tagItemReadMore{display:inline}
div.tagItemReadMore a{}
div.tagItemReadMore a:hover{}
/*----------------------------------------------------------------------
Component:Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericView{}
div.genericItemList{}
div.genericItemView{border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0}/* this is the item container for this view */
div.genericItemHeader{}
div.genericItemHeader span.genericItemDateCreated{color:#999;font-size:11px}
div.genericItemHeader h2.genericItemTitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0}
div.genericItemBody{padding:8px 0;margin:0}
div.genericItemImageBlock{padding:0;margin:0;float:left}
span.genericItemImage{display:block;text-align:center;margin:0 8px 8px 0}
span.genericItemImage img{border:1px solid #ccc;padding:8px}
div.genericItemIntroText{font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0}
div.genericItemIntroText img{}
div.genericItemExtraFields{}
div.genericItemExtraFields h4{}
div.genericItemExtraFields ul{}
div.genericItemExtraFields ul li{}
div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel{}
div.genericItemExtraFields ul li span.genericItemExtraFieldsValue{}
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;color:#555;padding:0 4px 0 0}
div.genericItemCategory a{}
/* Read more link */
div.genericItemReadMore{display:inline}
div.genericItemReadMore a{}
div.genericItemReadMore a:hover{}
/* 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{background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px}
div.latestItemsCategoryImage{text-align:center}
div.latestItemsCategoryImage img{background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0}
div.latestItemsCategory h2{}
div.latestItemsCategory p{}
/* User info block */
div.latestItemsUser{background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;clear:both}
div.latestItemsUser img{display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0}
div.latestItemsUser h2{}
div.latestItemsUser p.latestItemsUserDescription{padding:4px 0}
div.latestItemsUser p.latestItemsUserAdditionalInfo{padding:4px 0;margin:8px 0 0 0}
span.latestItemsUserURL{font-weight:bold;color:#555;display:block}
span.latestItemsUserEmail{font-weight:bold;color:#555;display:block}
/* Latest items list */
div.latestItemList{padding:0 8px 8px 0}
div.latestItemView{}/* this is the item container for this view */
div.latestItemHeader{}
div.latestItemHeader h3.latestItemTitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0}
span.latestItemDateCreated{color:#999;font-size:11px}
div.latestItemBody{padding:8px 0;margin:0}
div.latestItemImageBlock{padding:0;margin:0;float:left}
span.latestItemImage{display:block;text-align:center;margin:0 8px 8px 0}
span.latestItemImage img{border:1px solid #ccc;padding:8px}
div.latestItemIntroText{font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0}
div.latestItemIntroText img{}
div.latestItemLinks{margin:0 0 16px 0;padding:0}
div.latestItemCategory{padding:4px;border-bottom:1px dotted #ccc}
div.latestItemCategory span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.latestItemCategory a{}
div.latestItemTagsBlock{padding:4px;border-bottom:1px dotted #ccc}
div.latestItemTagsBlock span{font-weight:bold;color:#555;padding:0 4px 0 0}
div.latestItemTagsBlock ul.latestItemTags{list-style:none;padding:0;margin:0;display:inline}
div.latestItemTagsBlock ul.latestItemTags li{display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center}
div.latestItemTagsBlock ul.latestItemTags li a{}
div.latestItemTagsBlock ul.latestItemTags li a:hover{}
/* 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}
div.latestItemCommentsLink a{}
div.latestItemCommentsLink a:hover{}
/* Read more link */
div.latestItemReadMore{display:inline}
div.latestItemReadMore a{}
div.latestItemReadMore a:hover{}
/* Items presented in a list */
h2.latestItemTitleList{font-size:14px;padding:2px 0;margin:8px 0 2px 0;font-family:Arial,Helvetica,sans-serif;border-bottom:1px dotted #ccc;line-height:normal}
/*----------------------------------------------------------------------
Component:Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage{}
.k2AccountPage table{}
.k2AccountPage table tr th{}
.k2AccountPage table tr td{}
.k2AccountPage table tr td label{white-space:nowrap}
img.k2AccountPageImage{border:4px solid #ddd;margin:10px 0;padding:0;display:block}
.k2AccountPage div.k2AccountPageNotice{padding:8px}
.k2AccountPage div.k2AccountPageUpdate{border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right}
.k2AccountPage th.k2ProfileHeading{text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/}
.k2AccountPage td#userAdminParams{padding:0;margin:0}
.k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key{background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px}
/* Profile edit */
.k2AccountPage table.admintable{}
.k2AccountPage table.admintable tr td{}
.k2AccountPage table.admintable tr td span{}
.k2AccountPage table.admintable tr td span label{}
/*----------------------------------------------------------------------
Modules:mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments */
div.k2LatestCommentsBlock{}
div.k2LatestCommentsBlock ul{}
div.k2LatestCommentsBlock ul li{}
div.k2LatestCommentsBlock ul li.lastItem{}
div.k2LatestCommentsBlock ul li a.lcAvatar img{}
div.k2LatestCommentsBlock ul li a{}
div.k2LatestCommentsBlock ul li a:hover{}
div.k2LatestCommentsBlock ul li span.lcComment{}
div.k2LatestCommentsBlock ul li span.lcUsername{}
div.k2LatestCommentsBlock ul li span.lcCommentDate{color:#999}
div.k2LatestCommentsBlock ul li span.lcItemTitle{}
div.k2LatestCommentsBlock ul li span.lcItemCategory{}
/* Top Commenters */
div.k2TopCommentersBlock{}
div.k2TopCommentersBlock ul{}
div.k2TopCommentersBlock ul li{}
div.k2TopCommentersBlock ul li.lastItem{}
div.k2TopCommentersBlock ul li a.tcAvatar img{}
div.k2TopCommentersBlock ul li a.tcLink{}
div.k2TopCommentersBlock ul li a.tcLink:hover{}
div.k2TopCommentersBlock ul li span.tcUsername{}
div.k2TopCommentersBlock ul li span.tcCommentsCounter{}
div.k2TopCommentersBlock ul li a.tcLatestComment{}
div.k2TopCommentersBlock ul li a.tcLatestComment:hover{}
div.k2TopCommentersBlock ul li span.tcLatestCommentDate{color:#999}
/*----------------------------------------------------------------------
Modules:mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock{}
div.k2ItemsBlock p.modulePretext{}
div.k2ItemsBlock ul{}
div.k2ItemsBlock ul li{}
div.k2ItemsBlock ul li a{}
div.k2ItemsBlock ul li a:hover{}
div.k2ItemsBlock ul li.lastItem{}
div.k2ItemsBlock ul li a.moduleItemTitle{}
div.k2ItemsBlock ul li a.moduleItemTitle:hover{}
div.k2ItemsBlock ul li div.moduleItemAuthor{}
div.k2ItemsBlock ul li div.moduleItemAuthor a{}
div.k2ItemsBlock ul li div.moduleItemAuthor a:hover{}
div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img{}
div.k2ItemsBlock ul li div.moduleItemIntrotext{display:block;padding:4px 0;line-height:120%}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img{float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd}
div.k2ItemsBlock ul li div.moduleItemExtraFields{}
div.moduleItemExtraFields ul{}
div.moduleItemExtraFields ul li{}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel{display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue{}
div.k2ItemsBlock ul li div.moduleItemVideo{}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption{}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits{}
div.k2ItemsBlock ul li span.moduleItemDateCreated{}
div.k2ItemsBlock ul li a.moduleItemCategory{}
div.k2ItemsBlock ul li div.moduleItemTags{}
div.k2ItemsBlock ul li div.moduleItemTags b{}
div.k2ItemsBlock ul li div.moduleItemTags a{padding:0 2px}
div.k2ItemsBlock ul li div.moduleItemTags a:hover{}
div.k2ItemsBlock ul li div.moduleAttachments{}
div.k2ItemsBlock ul li a.moduleItemComments{border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0}
div.k2ItemsBlock ul li a.moduleItemComments:hover{}
div.k2ItemsBlock ul li span.moduleItemHits{border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0}
div.k2ItemsBlock ul li a.moduleItemReadMore{}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover{}
div.k2ItemsBlock a.moduleCustomLink{}
div.k2ItemsBlock a.moduleCustomLink:hover{}
/*----------------------------------------------------------------------
Modules:mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/
div.k2LoginBlock{}
div.k2LoginBlock p.preText{}
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.k2LoginBlock fieldset.input input.button{}
div.k2LoginBlock ul{}
div.k2LoginBlock ul li{}
div.k2LoginBlock p.postText{}
div.k2UserBlock{}
div.k2UserBlock p.ubGreeting{border-bottom:1px dotted #ccc}
div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img{}
div.k2UserBlock div.k2UserBlockDetails span.ubName{display:block;font-weight:bold;font-size:14px}
div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount{}
div.k2UserBlock ul.k2UserBlockActions{}
div.k2UserBlock ul.k2UserBlockActions li{}
div.k2UserBlock ul.k2UserBlockActions li a{}
div.k2UserBlock ul.k2UserBlockActions li a:hover{}
div.k2UserBlock ul.k2UserBlockRenderedMenu{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li a{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul{}/* 2nd level ul */
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul{}/* 3rd level ul (and so on...) */
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li{}
div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a{}
div.k2UserBlock form{}
div.k2UserBlock form input.ubLogout{}
/*----------------------------------------------------------------------
Modules:mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
div.k2ArchivesBlock{}
div.k2ArchivesBlock ul{}
div.k2ArchivesBlock ul li{}
div.k2ArchivesBlock ul li a{}
div.k2ArchivesBlock ul li a:hover{}
/* --- Authors --- */
div.k2AuthorsListBlock{}
div.k2AuthorsListBlock ul{}
div.k2AuthorsListBlock ul li{}
div.k2AuthorsListBlock ul li a.abAuthorAvatar img{}
div.k2AuthorsListBlock ul li a.abAuthorName{}
div.k2AuthorsListBlock ul li a.abAuthorName:hover{}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem{display:block;clear:both}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover{}
div.k2AuthorsListBlock ul li span.abAuthorCommentsCount{}
/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock{}
div.k2BreadcrumbsBlock span.bcTitle{padding:0 4px 0 0;color:#999}
div.k2BreadcrumbsBlock a{}
div.k2BreadcrumbsBlock a:hover{}
div.k2BreadcrumbsBlock span.bcSeparator{padding:0 4px;font-size:14px}
/* --- Calendar --- */
div.k2CalendarBlock{height:190px;margin-bottom:8px}/* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader{background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%}
table.calendar{margin:0 auto;background:#fff;border-collapse:collapse}
table.calendar tr td{text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff}
table.calendar tr td.calendarNavMonthPrev{background:#f3f3f3;text-align:left}
table.calendar tr td.calendarNavMonthPrev a{font-size:20px;text-decoration:none}
table.calendar tr td.calendarNavMonthPrev a:hover{font-size:20px;text-decoration:none}
table.calendar tr td.calendarCurrentMonth{background:#f3f3f3}
table.calendar tr td.calendarNavMonthNext{background:#f3f3f3;text-align:right}
table.calendar tr td.calendarNavMonthNext a{font-size:20px;text-decoration:none}
table.calendar tr td.calendarNavMonthNext a:hover{font-size:20px;text-decoration:none}
table.calendar tr td.calendarDayName{background:#e9e9e9;font-size:11px;width:14.2%}
table.calendar tr td.calendarDateEmpty{background:#fbfbfb}
table.calendar tr td.calendarDate{}
table.calendar tr td.calendarDateLinked{padding:0}
table.calendar tr td.calendarDateLinked a{display:block;padding:2px;text-decoration:none;background:#eee}
table.calendar tr td.calendarDateLinked a:hover{display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none}
table.calendar tr td.calendarToday{background:#135cae;color:#fff}
table.calendar tr td.calendarTodayLinked{background:#135cae;color:#fff;padding:0}
table.calendar tr td.calendarTodayLinked a{display:block;padding:2px;color:#fff;text-decoration:none}
table.calendar tr td.calendarTodayLinked a:hover{display:block;background:#BFD9FF;padding:2px;text-decoration:none}
/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock{}
div.k2CategorySelectBlock form select{width:auto}
div.k2CategorySelectBlock form select option{}
/* --- Category List/Menu --- */
div.k2CategoriesListBlock{}
div.k2CategoriesListBlock ul{}
div.k2CategoriesListBlock ul li{}
div.k2CategoriesListBlock ul li a{}
div.k2CategoriesListBlock ul li a:hover{}
div.k2CategoriesListBlock ul li a span.catTitle{padding-right:4px}
div.k2CategoriesListBlock ul li a span.catCounter{}
div.k2CategoriesListBlock ul li a:hover span.catTitle{}
div.k2CategoriesListBlock ul li a:hover span.catCounter{}
div.k2CategoriesListBlock ul li.activeCategory{}
div.k2CategoriesListBlock ul li.activeCategory a{font-weight:bold}
/* Root level (0) */
ul.level0{}
ul.level0 li{}
ul.level0 li a{}
ul.level0 li a:hover{}
ul.level0 li a span{}
ul.level0 li a:hover span{}
/* First level (1) */
ul.level1{}
ul.level1 li{}
ul.level1 li a{}
ul.level1 li a:hover{}
ul.level1 li a span{}
ul.level1 li a:hover span{}
/* n level (n) - like the above... */
/* --- Search Box --- */
div.k2SearchBlock{position:relative}
div.k2SearchBlock form{}
div.k2SearchBlock form input.inputbox{}
div.k2SearchBlock form input.button{}
div.k2SearchBlock form input.k2SearchLoading{background:url(../images/system/searchLoader.gif) no-repeat 100% 50%}
div.k2SearchBlock div.k2LiveSearchResults{display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px}
/* Live search results (fetched via ajax) */
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults{list-style:none;margin:0;padding:0}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li{border:none;margin:0;padding:0}
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{padding:4px;float:left;display:block}
div.k2TagCloudBlock a:hover{padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none}
/* --- Custom Code --- */
div.k2CustomCodeBlock{}
/*----------------------------------------------------------------------
Modules:mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock{}
div.k2UsersBlock ul{}
div.k2UsersBlock ul li{}
div.k2UsersBlock ul li.lastItem{}
div.k2UsersBlock ul li a.ubUserAvatar img{}
div.k2UsersBlock ul li a.ubUserName{}
div.k2UsersBlock ul li a.ubUserName:hover{}
div.k2UsersBlock ul li div.ubUserDescription{}
div.k2UsersBlock ul li div.ubUserAdditionalInfo{}
a.ubUserFeedIcon, a.ubUserFeedIcon:hover{display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;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;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/globe.png) no-repeat 50% 50%}
a.ubUserURL span, a.ubUserURL:hover span{display:none}
span.ubUserEmail{display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/mail.png) no-repeat 50% 50%;overflow:hidden}
span.ubUserEmail a{display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px}
div.k2UsersBlock ul li h3{clear:both;margin:8px 0 0 0;padding:0}
div.k2UsersBlock ul li ul.ubUserItems{}
div.k2UsersBlock ul li ul.ubUserItems li{}
/* --- END --- */

» Show original CSS code

« Hide original CSS code

/*
### 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 {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}

/* --- Zebra rows --- */
.even {background:#fffff0;padding:2px;border-bottom:1px dotted #ccc;}
.odd {background:#fff;padding:2px;border-bottom:1px dotted #ccc;}

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

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

/* --- CSS added with Javascript --- */
.smallerFontSize {font-size:100%;line-height:inherit;}
.largerFontSize {font-size:150%;line-height:140%;}

/* --- 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 --- */
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/

div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {} /* 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;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;}

/* --- Read more --- */
a.k2ReadMore {}
a.k2ReadMore:hover {}

/* --- Pagination --- */
div.k2Pagination {padding:8px;margin:24px 0 4px 0;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 --- */
table.csvData {}
table.csvData tr th {}
table.csvData tr td {}

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

div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */
div.itemIsFeatured {} /* Attach a class for each featured item */

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

div.itemHeader {}
	div.itemHeader span.itemDateCreated {color:#999;font-size:11px;}
	div.itemHeader h2.itemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:36px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
	div.itemHeader h2.itemTitle span {}
	div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */
	div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;}
	div.itemHeader span.itemAuthor a {}
	div.itemHeader span.itemAuthor a:hover {}

div.itemToolbar {padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;}
	div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;}
	div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;}
	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:hover {}
	div.itemToolbar ul li a span {}
	div.itemToolbar ul li a.itemPrintLink {}
	div.itemToolbar ul li a.itemPrintLink span {}
	div.itemToolbar ul li a.itemEmailLink {}
	div.itemToolbar ul li a.itemEmailLink span {}
	div.itemToolbar ul li a.itemVideoLink {}
	div.itemToolbar ul li a.itemVideoLink span {}
	div.itemToolbar ul li a.itemImageGalleryLink {}
	div.itemToolbar ul li a.itemImageGalleryLink span {}
	div.itemToolbar ul li a.itemCommentsLink {}
	div.itemToolbar ul li a.itemCommentsLink span {}
	div.itemToolbar ul li a img {vertical-align:middle;}
	div.itemToolbar ul li span.itemTextResizerTitle {}
	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 {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}

div.itemBody {padding:8px 0;margin:0;}

div.itemImageBlock {padding:8px;margin:0 0 16px 0;}
	span.itemImage {display:block;text-align:center;margin:0 0 8px 0;}
	span.itemImage img {border:1px solid #ccc;padding:8px;}
	span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}
	span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}

div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;}
	div.itemIntroText img {}

div.itemFullText {}
	div.itemFullText h3 {margin:0;padding:16px 0 4px 0;}
	div.itemFullText p {}
	div.itemFullText img {}

div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
	div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
	div.itemExtraFields ul {margin:0;padding:0;list-style:none;}
	div.itemExtraFields ul li {display:block;}
	div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
	div.itemExtraFields ul li span.itemExtraFieldsValue {}

div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;}
	span.itemHits {float:left;}
	span.itemDateModified {}

div.itemSocialSharing {padding:8px 0;}
	div.itemTwitterButton {float:left;margin:2px 24px 0 0;}
	div.itemFacebookButton {float:left;margin-right:24px;width:200px;}
	div.itemGooglePlusOneButton {}

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

div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;}
	div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.itemCategory a {}
div.itemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.itemTagsBlock ul.itemTags li a {}
	div.itemTagsBlock ul.itemTags li a:hover {}

div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;}
	div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
	div.itemAttachmentsBlock ul.itemAttachments li a {}
	div.itemAttachmentsBlock ul.itemAttachments li a:hover {}
	div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;}

/* Author block */
div.itemAuthorBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;}
	div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
	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 h3.authorName a:hover {}
	div.itemAuthorBlock div.itemAuthorDetails p {}
	div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;}
	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;}

/* Author latest */
div.itemAuthorLatest {margin-bottom:16px;padding:0;}
	div.itemAuthorLatest h3 {}
	div.itemAuthorLatest ul {}
		div.itemAuthorLatest ul li {}
			div.itemAuthorLatest ul li a {}
			div.itemAuthorLatest ul li a:hover {}

/* 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 h3 {}
	div.itemRelated ul {}
		div.itemRelated ul li {}
		div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;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 {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
			a.itemRelTitle {}
			div.itemRelCat {}
				div.itemRelCat a {}
			div.itemRelAuthor {}
				div.itemRelAuthor a {}
			img.itemRelImg {}
			div.itemRelIntrotext {}
			div.itemRelFulltext {}
			div.itemRelMedia {}
			div.itemRelImageGallery {}

/* 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 {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;}
	div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;}

/* Image Gallery */
div.itemImageGallery {margin:0 0 16px 0;padding:0;}

/* Article navigation */
div.itemNavigation {padding:4px 8px;margin:0 0 24px 0;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 {background:#f7fafe;border:1px solid #ddd;padding:16px;}

div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;}
	div.itemComments ul.itemCommentsList li {padding:4px;margin:0;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;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
	div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px;}
	div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;}
	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;color:#999;text-decoration:underline;}
	div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;}

div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;}
	div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;}
	div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;}
	div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;}

div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;}
	div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;}

div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;}
	div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;}
	div.itemCommentsForm form {}
	div.itemCommentsForm form label.formComment {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;}
	div.itemCommentsForm form textarea.inputbox {display:block;width:350px;height:160px;margin:0;}
	div.itemCommentsForm form input.inputbox {display:block;width:350px;margin:0;}
	div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:4px;border:1px solid #ccc;background:#eee;font-size:16px;}
	div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold;color:#CF1919;}
	div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;}

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

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

div.itemListCategoriesBlock {}

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

/* --- Sub-category block --- */
div.itemListSubCategories {}
	div.itemListSubCategories h3 {}
		div.subCategoryContainer {float:left;}
		div.subCategoryContainerLast {} /* 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 {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;}
				div.subCategory a.subCategoryImage,
				div.subCategory a.subCategoryImage:hover {text-align:center;display:block;}
				div.subCategory a.subCategoryImage img,
				div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
				div.subCategory h2 {}
				div.subCategory h2 a {}
				div.subCategory h2 a:hover {}
				div.subCategory p {}

/* --- Item groups --- */
div.itemList {}
	div#itemListLeading {}
	div#itemListPrimary {}
	div#itemListSecondary {}
	div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;}

div.itemContainer {float:left;}
		div.itemContainerLast {} /* 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.groupLeading {}
	div.groupPrimary {}
	div.groupSecondary {}
	div.groupLinks {padding:0;margin:0;}

div.catItemIsFeatured {} /* Attach a class for each featured item */

span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.catItemEditLink a:hover {background:#ffffcc;}

div.catItemHeader {}
	div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;}
	div.catItemHeader h3.catItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
	div.catItemHeader h3.catItemTitle span {}
	div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */
	div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;}
	div.catItemHeader span.catItemAuthor a {}
	div.catItemHeader span.catItemAuthor a:hover {}

div.catItemRatingBlock {padding:8px 0;}
	div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}

div.catItemBody {padding:8px 0;margin:0;}

div.catItemImageBlock {padding:8px;margin:0 0 16px 0;}
	span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
	span.catItemImage img {border:1px solid #ccc;padding:8px;}

div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.catItemIntroText img {}

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 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
	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 {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
	div.catItemExtraFields ul li span.catItemExtraFieldsValue {}

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

div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	span.catItemHits {}

div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
	div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.catItemCategory a {}

div.catItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.catItemTagsBlock ul.catItemTags li a {}
	div.catItemTagsBlock ul.catItemTags li a:hover {}

div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;}
	div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
	div.catItemAttachmentsBlock ul.catItemAttachments li a {}
	div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {}
	div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;}

/* 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;}
	div.catItemCommentsLink a {}
	div.catItemCommentsLink a:hover {}

/* Read more link */
div.catItemReadMore {display:inline;}
	div.catItemReadMore a {}
	div.catItemReadMore a:hover {}

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

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

/* User info block */
div.userView {}
	div.userBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;}

span.userItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;}
		span.userItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;}
		span.userItemAddLink a:hover {background:#ffffcc;}

div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
		div.userBlock h2 {}
		div.userBlock div.userDescription {padding:4px 0;}
		div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;}
			span.userURL {font-weight:bold;color:#555;display:block;}
			span.userEmail {font-weight:bold;color:#555;display:block;}

div.userItemList {}

/* User items */
div.userItemView {} /* this is the item container for this view */
div.userItemIsFeatured {} /* Attach a class for each featured item */

div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;}

span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
	span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
	span.userItemEditLink a:hover {background:#ffffcc;}

div.userItemHeader {}
	div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;}
	div.userItemHeader h3.userItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
	div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */

div.userItemBody {padding:8px 0;margin:0;}

div.userItemImageBlock {padding:0;margin:0;float:left;}
	span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
	span.userItemImage img {border:1px solid #ccc;padding:8px;}

div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.userItemIntroText img {}

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

div.userItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
	div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.userItemCategory a {}

div.userItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.userItemTagsBlock ul.userItemTags li a {}
	div.userItemTagsBlock ul.userItemTags li a:hover {}

/* Anchor link to comments */
div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
	div.userItemCommentsLink a {}
	div.userItemCommentsLink a:hover {}

/* Read more link */
div.userItemReadMore {display:inline;}
	div.userItemReadMore a {}
	div.userItemReadMore a:hover {}

/*----------------------------------------------------------------------
	Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagView {}

div.tagItemList {}

div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */

div.tagItemHeader {}
	div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;}
	div.tagItemHeader h2.tagItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}

div.tagItemBody {padding:8px 0;margin:0;}

div.tagItemImageBlock {padding:0;margin:0;float:left;}
	span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
	span.tagItemImage img {border:1px solid #ccc;padding:8px;}

div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.tagItemIntroText img {}

div.tagItemExtraFields {}
		div.tagItemExtraFields h4 {}
		div.tagItemExtraFields ul {}
			div.tagItemExtraFields ul li {}
				div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {}
				div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {}

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;color:#555;padding:0 4px 0 0;}
		div.tagItemCategory a {}

/* Read more link */
div.tagItemReadMore {display:inline;}
	div.tagItemReadMore a {}
	div.tagItemReadMore a:hover {}

/*----------------------------------------------------------------------
	Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericView {}

div.genericItemList {}

div.genericItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */

div.genericItemHeader {}
	div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;}
	div.genericItemHeader h2.genericItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}

div.genericItemBody {padding:8px 0;margin:0;}

div.genericItemImageBlock {padding:0;margin:0;float:left;}
	span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
	span.genericItemImage img {border:1px solid #ccc;padding:8px;}

div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.genericItemIntroText img {}

div.genericItemExtraFields {}
		div.genericItemExtraFields h4 {}
		div.genericItemExtraFields ul {}
			div.genericItemExtraFields ul li {}
				div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {}
				div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {}

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;color:#555;padding:0 4px 0 0;}
		div.genericItemCategory a {}

/* Read more link */
div.genericItemReadMore {display:inline;}
	div.genericItemReadMore a {}
	div.genericItemReadMore a:hover {}

/* 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 {background:#f7fafe;border:1px solid #ddd;margin:0 8px 8px 0;padding:8px;}
	div.latestItemsCategoryImage {text-align:center;}
	div.latestItemsCategoryImage img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.latestItemsCategory h2 {}
div.latestItemsCategory p {}

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

/* Latest items list */
div.latestItemList {padding:0 8px 8px 0;}

div.latestItemView {} /* this is the item container for this view */

div.latestItemHeader {}
	div.latestItemHeader h3.latestItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}

span.latestItemDateCreated {color:#999;font-size:11px;}

div.latestItemBody {padding:8px 0;margin:0;}

div.latestItemImageBlock {padding:0;margin:0;float:left;}
	span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
	span.latestItemImage img {border:1px solid #ccc;padding:8px;}

div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
	div.latestItemIntroText img {}

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

div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
	div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.latestItemCategory a {}

div.latestItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
	div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
	div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;}
	div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
	div.latestItemTagsBlock ul.latestItemTags li a {}
	div.latestItemTagsBlock ul.latestItemTags li a:hover {}

/* 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;}
	div.latestItemCommentsLink a {}
	div.latestItemCommentsLink a:hover {}

/* Read more link */
div.latestItemReadMore {display:inline;}
	div.latestItemReadMore a {}
	div.latestItemReadMore a:hover {}

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

/*----------------------------------------------------------------------
	Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage {}
.k2AccountPage table {}
.k2AccountPage table tr th {}
.k2AccountPage table tr td {}
.k2AccountPage table tr td label {white-space:nowrap;}
img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;}
.k2AccountPage div.k2AccountPageNotice {padding:8px;}
.k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ccc;margin:8px 0;padding:8px;text-align:right;}

.k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;/*border-bottom:1px solid #e9e9e9;*/}
.k2AccountPage td#userAdminParams {padding:0;margin:0;}
.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;}

/* Profile edit */
.k2AccountPage table.admintable {}
.k2AccountPage table.admintable tr td {}
.k2AccountPage table.admintable tr td span {}
.k2AccountPage table.admintable tr td span label {}

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

/* Latest Comments */
div.k2LatestCommentsBlock {}
div.k2LatestCommentsBlock ul {}
div.k2LatestCommentsBlock ul li {}
div.k2LatestCommentsBlock ul li.lastItem {}
div.k2LatestCommentsBlock ul li a.lcAvatar img {}
div.k2LatestCommentsBlock ul li a {}
div.k2LatestCommentsBlock ul li a:hover {}
div.k2LatestCommentsBlock ul li span.lcComment {}
div.k2LatestCommentsBlock ul li span.lcUsername {}
div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;}
div.k2LatestCommentsBlock ul li span.lcItemTitle {}
div.k2LatestCommentsBlock ul li span.lcItemCategory {}

/* Top Commenters */
div.k2TopCommentersBlock {}
div.k2TopCommentersBlock ul {}
div.k2TopCommentersBlock ul li {}
div.k2TopCommentersBlock ul li.lastItem {}
div.k2TopCommentersBlock ul li a.tcAvatar img {}
div.k2TopCommentersBlock ul li a.tcLink {}
div.k2TopCommentersBlock ul li a.tcLink:hover {}
div.k2TopCommentersBlock ul li span.tcUsername {}
div.k2TopCommentersBlock ul li span.tcCommentsCounter {}
div.k2TopCommentersBlock ul li a.tcLatestComment {}
div.k2TopCommentersBlock ul li a.tcLatestComment:hover {}
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}

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

div.k2ItemsBlock {}

div.k2ItemsBlock p.modulePretext {}

div.k2ItemsBlock ul {}
div.k2ItemsBlock ul li {}
div.k2ItemsBlock ul li a {}
div.k2ItemsBlock ul li a:hover {}
div.k2ItemsBlock ul li.lastItem {}

div.k2ItemsBlock ul li a.moduleItemTitle {}
div.k2ItemsBlock ul li a.moduleItemTitle:hover {}

div.k2ItemsBlock ul li div.moduleItemAuthor {}
div.k2ItemsBlock ul li div.moduleItemAuthor a {}
div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {}

div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {}

div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;border:2px solid #ddd;}

div.k2ItemsBlock ul li div.moduleItemExtraFields {}
	div.moduleItemExtraFields ul {}
	div.moduleItemExtraFields ul li {}
	div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
	div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {}

div.k2ItemsBlock ul li div.moduleItemVideo {}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {}
div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {}

div.k2ItemsBlock ul li span.moduleItemDateCreated {}

div.k2ItemsBlock ul li a.moduleItemCategory {}

div.k2ItemsBlock ul li div.moduleItemTags {}
div.k2ItemsBlock ul li div.moduleItemTags b {}
div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;}
div.k2ItemsBlock ul li div.moduleItemTags a:hover {}

div.k2ItemsBlock ul li div.moduleAttachments {}

div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemComments:hover {}
div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemReadMore {}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {}

div.k2ItemsBlock a.moduleCustomLink {}
div.k2ItemsBlock a.moduleCustomLink:hover {}

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

div.k2LoginBlock {}
	div.k2LoginBlock p.preText {}

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.k2LoginBlock fieldset.input input.button {}

div.k2LoginBlock ul {}
	div.k2LoginBlock ul li {}

div.k2LoginBlock p.postText {}

div.k2UserBlock {}
	div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;}
	div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {}
	div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;}
	div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {}

div.k2UserBlock ul.k2UserBlockActions {}
		div.k2UserBlock ul.k2UserBlockActions li {}
		div.k2UserBlock ul.k2UserBlockActions li a {}
		div.k2UserBlock ul.k2UserBlockActions li a:hover {}

div.k2UserBlock ul.k2UserBlockRenderedMenu {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li a {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {} /* 2nd level ul */
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {} /* 3rd level ul (and so on...) */
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {}
		div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {}

div.k2UserBlock form {}
	div.k2UserBlock form input.ubLogout {}

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

/* --- Archives --- */
div.k2ArchivesBlock {}
div.k2ArchivesBlock ul {}
div.k2ArchivesBlock ul li {}
div.k2ArchivesBlock ul li a {}
div.k2ArchivesBlock ul li a:hover {}

/* --- Authors --- */
div.k2AuthorsListBlock {}
div.k2AuthorsListBlock ul {}
div.k2AuthorsListBlock ul li {}
div.k2AuthorsListBlock ul li a.abAuthorAvatar img {}
div.k2AuthorsListBlock ul li a.abAuthorName {}
div.k2AuthorsListBlock ul li a.abAuthorName:hover {}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {}
div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {}

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

/* --- Calendar --- */
div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader {background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;}
table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;}
table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;}
table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;}
table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;}
table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;}
table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;}
table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;}
table.calendar tr td.calendarDateEmpty {background:#fbfbfb;}
table.calendar tr td.calendarDate {}
table.calendar tr td.calendarDateLinked {padding:0;}
table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;}
table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;}
table.calendar tr td.calendarToday {background:#135cae;color:#fff;}
table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;}
table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;}
table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}

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

/* --- Category List/Menu --- */
div.k2CategoriesListBlock {}
div.k2CategoriesListBlock ul {}
div.k2CategoriesListBlock ul li {}
div.k2CategoriesListBlock ul li a {}
div.k2CategoriesListBlock ul li a:hover {}
div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;}
div.k2CategoriesListBlock ul li a span.catCounter {}
div.k2CategoriesListBlock ul li a:hover span.catTitle {}
div.k2CategoriesListBlock ul li a:hover span.catCounter {}
div.k2CategoriesListBlock ul li.activeCategory {}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}

/* Root level (0) */
	ul.level0 {}
	ul.level0 li {}
	ul.level0 li a {}
	ul.level0 li a:hover {}
	ul.level0 li a span {}
	ul.level0 li a:hover span {}

/* First level (1) */
		ul.level1 {}
		ul.level1 li {}
		ul.level1 li a {}
		ul.level1 li a:hover {}
		ul.level1 li a span {}
		ul.level1 li a:hover span {}

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

/* --- Search Box --- */
div.k2SearchBlock {position:relative;}
div.k2SearchBlock form {}
div.k2SearchBlock form input.inputbox {}
div.k2SearchBlock form input.button {}
div.k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;}
div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ccc;margin-top:-1px;}
	/* Live search results (fetched via ajax) */
	div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;}
	div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;}
	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 {padding:4px;float:left;display:block;}
div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;}

/* --- Custom Code --- */
div.k2CustomCodeBlock {}

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

div.k2UsersBlock {}
div.k2UsersBlock ul {}
div.k2UsersBlock ul li {}
div.k2UsersBlock ul li.lastItem {}
div.k2UsersBlock ul li a.ubUserAvatar img {}
div.k2UsersBlock ul li a.ubUserName {}
div.k2UsersBlock ul li a.ubUserName:hover {}
div.k2UsersBlock ul li div.ubUserDescription {}
div.k2UsersBlock ul li div.ubUserAdditionalInfo {}
	a.ubUserFeedIcon,
	a.ubUserFeedIcon:hover {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;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;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/globe.png) no-repeat 50% 50%;}
	a.ubUserURL span,
	a.ubUserURL:hover span {display:none;}
	span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;width:16px;height:16px;background:url(../images/fugue/mail.png) no-repeat 50% 50%;overflow:hidden;}
	span.ubUserEmail a {display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px;}

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

/* --- END --- */

Some information about this website:

URL: http://spyroltd.com/
CSS URL: http://spyroltd.com/components/com_k2/css/k2.css
Charset: utf-8
Title: Spyro Systems Ltd. - Home
Meta-Keywords: Building Automation, Home Automation, Lighting System, PA system, Building Management, Sensors