/** * @version $Id: k2.css 569 2010-09-23 12:50:28Z joomlaworks $ * @package K2 * @author JoomlaWorks http://www.joomlaworks.gr * @copyright Copyright (c) 2006 - 2010 JoomlaWorks, a business unit of Nuevvo Webware 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;} /* --- 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: 0;} 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: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, 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 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;} /* --- 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 ----------------------------------------------------------------------*/ 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 {display:block;text-align:right;padding:16px 36px 4px 4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;} span.itemEditLink a {} span.itemEditLink a:hover {} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h2.itemTitle {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 {} span.itemDateModified {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;color:#999;border-top:1px solid #ddd;} div.itemLinks {margin:0 0 16px 0;padding:0;} div.itemHitsTwitter {padding:4px;border-bottom:1px dotted #ccc;} span.itemHits {} span.itemHitsTwitterSep {padding:0 8px;color:#ccc;} span.itemTwitterLink {} span.itemTwitterLink a {background:url(../images/social/twitter_16.png) no-repeat 0 50%;padding:2px 0 0 20px;margin:8px 0;text-decoration:none;} span.itemTwitterLink a:hover {text-decoration:none;} 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.itemSocialLinksBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemSocialLinksBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;float:left;display:block;} div.itemSocialLinksBlock ul.itemSocialLinks {list-style:none;padding:0;margin:0;float:left;} div.itemSocialLinksBlock ul.itemSocialLinks li {float:left;list-style:none;padding:0 4px;margin:0;} div.itemSocialLinksBlock ul.itemSocialLinks li a {float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat;} div.itemSocialLinksBlock ul.itemSocialLinks li a:hover {} div.itemSocialLinksBlock ul.itemSocialLinks li a span {display:none;} a.delicious {background-image: url(../images/social/delicious_16.png);} a.digg {background-image: url(../images/social/digg_16.png);} a.facebook {background-image: url(../images/social/facebook_16.png);} a.googlebuzz {background-image: url(../images/social/googlebuzz_16.png);} a.myspace {background-image: url(../images/social/myspace_16.png);} a.reddit {background-image: url(../images/social/reddit_16.png);} a.stumble {background-image: url(../images/social/stumbleupon_16.png);} a.technorati {background-image: url(../images/social/technorati_16.png);} 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.itemRelated {margin-bottom:16px;padding:0;} /* Related by tag */ div.itemAuthorLatest {margin-bottom:16px;padding:0;} /* 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 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;} div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;} 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 #777;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;} /* 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 {clear:both;display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;} span.catItemAddLink a {} span.catItemAddLink a:hover {} 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 {display:block;text-align:right;padding:16px 36px 4px 4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;} span.catItemEditLink a {} span.catItemEditLink a:hover {} 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;margin:0 0 16px 0;padding:8px;clear:both;} span.userItemAddLink {display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;} span.userItemAddLink a {} span.userItemAddLink a:hover {} 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 p.userDescription {padding:4px 0;} div.userBlock p.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;border-top:1px dotted #ccc;} 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;} span.userItemEditLink {display:block;text-align:right;padding:16px 36px 4px 4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;} span.userItemEditLink a {} span.userItemEditLink a:hover {} 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 (generic) ----------------------------------------------------------------------*/ 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.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 {} /*---------------------------------------------------------------------- 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.ulatestItemsUserDescription {padding:4px 0;} div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;border-top:1px dotted #ccc;} 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;} /* 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 { font-weight: bold; } 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:22px;} 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_login ----------------------------------------------------------------------*/ 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 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 {} div.k2CategoriesListBlock ul li a:hover span {} 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 {} div.k2SearchBlock form {} div.k2SearchBlock form input.inputbox {} div.k2SearchBlock form input.button {} /* --- Tag Cloud --- */ div.k2TagCloudBlock {padding:8px 0;} div.k2TagCloudBlock a {padding:6px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;} /* --- Google Search --- */ #k2Container div.gsc-branding-text {text-align:right;} #k2Container div.gsc-control {width:100%;} #k2Container div.gs-visibleUrl {display:none;} /*---------------------------------------------------------------------- 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 --- */ /*K2 Component*/ div.itemBody { margin: 0; padding: 0; } .itemheader1 { border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; color: #999999; display: inline-block; font-size: 11px; font-style: italic; padding: 0 0 3px; width: 100%; } .itemheader1 .clr { border: medium none; display: inline; float: none; height: 0; line-height: 0; margin: 0; padding: 0; } div.k2Pagination { color: #999999; margin: 0 0 4px; padding: 8px; text-align: center; } div.catItemBody { margin: 0; padding: 0 0 20px; } div.catItemBody p{ margin: 15px 0 0 0; } div.catItemIntroText { font-size: inherit; font-weight: normal; line-height: inherit; padding: 0; } div.itemFullText { padding-bottom: 5px; } .itemheader1 li { display: inline;} div.itemheader1 span.catItemAuthor { border-right: 0 solid #CCCCCC; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.k2CategoriesListBlock ul li a { font-family: arial; font-size: 13px; } div.itemheader1 span.catItemDateCreated { border-right: 0 solid #CCCCCC; color: #999999; display: inline-block; font-size: 11px; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.catItemCategory span { color: #999999; font-weight: normal; padding: 0 4px 0 0; } div.catItemCategory { border-bottom: medium none; border-right: 0 solid #CCCCCC; color: #999999; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.catItemTagsBlock ul.catItemTags { display: inline; font-size: 11px; font-style: italic; list-style: none outside none; margin: 0; padding: 0; } div.catItemHeader h3.catItemTitle, div.catItemHeader h3.catItemTitle a, div.catItemHeader h3.catItemTitle a:hover { font-family: Comfortaa_Regular-webfont; font-size: 24px; font-weight: normal; line-height: 110%; margin: 0; padding: 0 0 10px; } span.catItemHits { border-bottom: medium none; border-right: 0 solid #CCCCCC; color: #999999; display: inline; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.catItemCommentsLink { border-right: 0 solid #CCCCCC; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } .clr { border: medium none; display: block; float: none; height: 0; line-height: 0; margin: 0; padding: 0; } #itemComments1 { display: inline-block; } #itemComments1 a { border-right: 0px solid #CCCCCC; margin: 8px 8px 0 0; padding: 0 8px 0 0; } div.catItemView { padding: 0; } div.itemheader1 h3.catItemTitle { font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; font-weight: normal; line-height: 110%; margin: 0; padding: 0px 0 15px; } /*K2 ITEMS*/ #itemhead { display: inline-block; } div.itemIntroText { color: #3F4345; font-size: 13px; line-height: 22px; padding: 0; } .itemheader2 { border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; color: #999999; font-size: 11px; font-style: italic; padding: 0 0 3px; } div.itemHeader span.itemAuthor { border-right: 0 solid #CCCCCC; display: inline-block; margin: 3px 8px 0 0; padding: 0 8px 0 0; } div.itemHeader span.itemDateCreated { border-right: 0 solid #CCCCCC; color: #999999; display: inline; font-size: 11px; margin: 8px 8px 0 0; padding: 0 4px 0 0; } div.itemToolbar ul li { background: none repeat scroll 0 0 transparent; border-left: 1px solid #CCCCCC; display: inline; font-size: 11px; list-style: none outside none; margin: 0; padding: 0 4px 0 8px; text-align: center; } div.itemToolbar ul li a { font-size: 11px; font-weight: normal; } div.itemToolbar { background: none repeat scroll 0 0 transparent; border-bottom: medium none; border-top: medium none; display: inline-block; margin: 3px 8px 0 -12px; padding: 2px 0; } span.itemDateModified { border-bottom: 0 dashed #CCCCCC; border-top: 0 dashed #CCCCCC; color: #999999; display: block; font-size: 11px; font-style: italic; margin: 0; padding: 4px 0; text-align: right; } div.itemToolbar ul { color: #999999; display: inline-block; font-style: italic; list-style: none outside none; margin: 0; padding: 0; text-align: right; } .itemHeader li { display: inline-block; } .itemHeader .itemrating1 { display: inline-block; margin: 8px 8px 0 0; padding: 0; width: 240px; } .itemRatingList a, .itemRatingList .itemCurrentRating { border: medium none; cursor: pointer; height: 26px; left: 0; line-height: 25px; outline: medium none; overflow: hidden; position: absolute; text-indent: -1000px; top: 0; } div.itemHeader h2.itemTitle { font-size: 40px; font-weight: normal; line-height: 110%; margin: 0; padding: 10px 0 15px; } div.itemView { border-bottom: 0 dashed #CCCCCC; margin: 0 0 24px; } div.itemBackToTop a, div.itemBackToTop a:hover { text-decoration: none; } /* .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating { background: url("../images/transparent_star.png") repeat-x scroll left -1000px transparent; } */ div.catItemLinks { display: inline-block; margin: 0; padding: 0; } div.catItemTagsBlock { border-bottom: 0 dotted #CCCCCC; display: inline-block; margin: 3px 6px 0 0; padding: 0 4px 0 0; } div.catItemTagsBlock span { color: #999999; font-weight: lighter; padding: 0 4px 0 0; } div.itemLinks { border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; margin: 40px 0; padding: 10px 0; } span.rateitem {} div.itemRatingForm .formLogLoading { background: url("../images/system/loading.gif") no-repeat scroll left center transparent; height: 15px; padding: 0 0 0 20px; } .itemrating1 { display: inline-block; float: none; font-size: 11px; margin: 0; padding: 0; } .itemrating2 { color: #999999; display: inline-block; } .itemRatingForm { display: block; float: right; vertical-align: middle; } .itemRatingForm ul.itemRatingList { margin: 0 1px 0 4px; } .itemRatingList { background-position: left top; display: block; float: left; height: 22px; list-style: none outside none; overflow: visible; position: relative; width: 128px; } .itemRatingLog { border-right: 0 solid #CCCCCC; display: inline; float: right; font-size: 11px; line-height: 16px; margin: 3px 0 0; padding: 0 4px; } div.itemRatingBlock { padding: 4px 0; } /* --- Sub-category block --- */ div.subCategory { background: none repeat scroll 0 0 transparent; border: 0 solid #DDDDDD; margin: 0 10px 10px 0; padding: 0 20px 10px 0; } div.subCategory h2 { margin: 0; } /*---------------------------------------------------------------------- Component: Itemlist view (category) ----------------------------------------------------------------------*/ div.itemListCategoriesBlock { display: inline-block; width: 100%; } /* --- Category block --- */ div.itemListCategory { background: none repeat scroll 0 0 #F7FAFE; border: 1px solid #DDDDDD; margin: 4px 0 20px; padding: 8px; } div.itemListCategory img { background: none repeat scroll 0 0 transparent; border: 1px solid #DDDDDD; display: block; float: left; margin: 0 8px 0 0; padding: 4px; } div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img { border: 1px solid #DDDDDD; float: left; margin: 0 8px 0 0; padding: 4px; width: 100px; } div.groupLeading { margin-bottom: 40px; } div.groupPrimary { margin-bottom: 40px; margin-right: 20px; } span.catItemDateModified { border-top: 0 solid #DDDDDD; color: #999999; display: inline-block; float: right; font-size: 11px; margin: 0 0; padding: 0; text-align: right; } /* --- ITEM LINKS ---*/ div.itemHitsTwitter { border-bottom: 0 dotted #CCCCCC; padding: 5px 0; } div.itemCategory { border-bottom: 0 dotted #CCCCCC; padding: 5px 0; } div.itemTagsBlock span { color: #555555; font-weight: normal; padding: 0 4px 0 0; } div.itemTagsBlock { border-bottom: 0 dotted #CCCCCC; padding: 5px 0; } div.itemSocialLinksBlock { border-bottom: 0 dotted #CCCCCC; margin-bottom: 0; padding: 5px 0; } /* --- ITEM AUTHOR LATEST ---*/ #k2Container .itemAuthorLatest ul li { padding-left: 0;} .odd { border-bottom: 0 dotted #CCCCCC; padding: 2px; } .even { border-bottom: 0 dotted #CCCCCC; padding: 2px; } div.itemNavigation { background: none repeat scroll 0 0 transparent; border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; font-style: italic; margin: 0 0 20px; padding: 4px 0; } div.itemCategory span { color: #555555; font-weight: normal; padding: 0 4px 0 0; } div.itemSocialLinksBlock span { color: #555555; display: block; float: left; font-weight: lighter; padding: 0 4px 0 0; } div.itemAuthorLatest h3 { border-bottom: 1px dashed #CCCCCC; margin: 15px 0; padding: 0 0 15px; } div.itemAuthorLatest { margin-bottom: 15px; padding-top: 1px; } #k2Container .itemAuthorLatest ul li { background: url("../images/bullet.gif") no-repeat scroll left center transparent; padding-left: 10px; } /* --- itemAuthorBlock --- */ div.itemAuthorBlock { background: none repeat scroll 0 0 transparent; border: 1px dashed #CCCCCC; margin: 0 0 21px; padding: 8px; } div.itemAuthorBlock .itemAuthorDetails h3 { margin: 0; } div.itemAuthorBlock div.itemAuthorDetails { margin: 0; padding: 0; } div.itemAuthorBlock img.itemAuthorAvatar { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: block; float: left; margin: 0 15px 5px 0; padding: 4px; } div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl { border-right: 0 solid #CCCCCC; color: #555555; font-style: italic; font-weight: normal; margin: 0 5px 0 0; padding: 0 10px 0 0; } /* --- itemComments --- */ div.itemComments ul.itemCommentsList li span.commentDate { border-right: 1px solid #CCCCCC; font-size: 14px; font-weight: lighter; margin: 0 8px 0 0; padding: 0 4px 0 0; } div.itemComments ul.itemCommentsList li span.commentAuthorName { font-size: 14px; font-weight: lighter; } div.itemCommentsForm p.itemCommentsFormNotes { border-top: 0 solid #CCCCCC; } div.itemComments { background: none repeat scroll 0 0 transparent; border: 0 solid #DDDDDD; padding: 1px 0 0; } div.itemComments h3 { border-bottom: 1px dashed #CCCCCC; margin: 15px 0 0; padding-bottom: 15px; } div.itemCommentsForm form textarea.inputbox { display: block; height: 160px; line-height: 21px; margin: 0; width: 350px; } div.itemComments ul.itemCommentsList { list-style: none outside none; margin: 0 0 36px; padding: 0; } div.itemCommentsPagination { margin: 0; padding: 0; } div.itemComments ul.itemCommentsList li img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBCBCB; float: left; margin: 4px 10px 4px 0; padding: 2px; } div.itemComments ul.itemCommentsList li p { margin: 0; padding: 4px 0; } div.itemComments ul.itemCommentsList li span.commentDate { border-right: 1px solid #CCCCCC; font-size: 13px; font-style: italic; font-weight: lighter; margin: 0 8px 0 0; padding: 0 4px 0 0; } div.itemComments ul.itemCommentsList li span.commentAuthorName { font-size: 13px; font-style: italic; font-weight: lighter; } div.itemComments ul.itemCommentsList li span.commentLink { float: right; font-style: italic; } div.itemComments ul.itemCommentsList li span.commentLink a { font-size: 11px; text-decoration: none; } div.itemComments ul.itemCommentsList li span.commentLink a:hover { color: #555555; font-size: 11px; text-decoration: none; } div.itemComments ul.itemCommentsList li { border-bottom: 1px dashed #CCCCCC; margin: 0; padding: 20px 0; } /* --- RSS feed icon --- */ div.k2FeedIcon { padding: 0; position: relative; } div.k2FeedIcon a, div.k2FeedIcon a:hover { background: url("../images/fugue/feed.png") no-repeat scroll right 50% transparent; display: block; float: right; height: 16px; margin: 0; padding: 0; position: absolute; width: 100%; } /*--- ITEM HITS ---*/ div.catItemHitsBlock { border-bottom: 0 dotted #CCCCCC; display: inline-block; padding: 0; } /*--- K2 USER ---*/ div.userItemHeader h3.userItemTitle { font-family: Comfortaa_Regular-webfont; font-size: 24px; font-weight: normal; line-height: 110%; margin: 0; padding: 0 0 15px; } div.userItemBody { margin: 0; padding: 0; } div.userItemIntroText { font-size: inherit; font-weight: normal; line-height: inherit; padding: 0; } div.userItemTagsBlock ul.userItemTags { display: inline; font-size: 11px; font-style: italic; list-style: none outside none; margin: 0; padding: 0; } div.userItemHeader span.userItemAuthor { border-right: 0 solid #CCCCCC; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.userItemHeader span.userItemDateCreated { border-right: 0 solid #CCCCCC; color: #999999; display: inline-block; font-size: 11px; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.userItemuseregory span { color: #999999; font-weight: normal; padding: 0 4px 0 0; } div.userItemuseregory { border-bottom: medium none; border-right: 0 solid #CCCCCC; color: #999999; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } span.userItemHits { border-bottom: medium none; border-right: 0 solid #CCCCCC; color: #999999; display: inline; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.userItemCommentsLink { border-right: 0 solid #CCCCCC; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.userItemView { padding: 0 0 40px; } ddiv.userItemHeader h3.userItemTitle, div.userItemHeader h3.userItemTitle a, div.userItemHeader h3.userItemTitle a:hover { font-family: Comfortaa_Regular-webfont; font-size: 26px; font-weight: normal; line-height: 110%; margin: 0; padding: 0 0 15px; } div.userItemLinks { display: inline-block; margin: 0; padding: 0; } div.userItemTagsBlock { border-bottom: 0 dotted #CCCCCC; display: inline; margin: 3px 6px 0 0; padding: 0 4px 0 0; } div.userItemTagsBlock span { color: #555555; font-weight: lighter; padding: 0 4px 0 0; } div.userItemCategory { border-bottom: medium none; border-right: 0 solid #CCCCCC; color: #999999; display: inline-block; margin: 3px 8px 0 0; padding: 0 4px 0 0; } div.userItemCategory span { color: #999999; font-weight: normal; padding: 0 4px 0 0; } div.userBlock p.userDescription { display: none; padding: 4px 0; } div.userBlock img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: block; float: left; margin: 0 15px 5px 0; padding: 4px; } div.userBlock h2 { margin: 0; } /*--- GENERIC TAGS ---*/ div.genericItemIntroText img, div.tagItemIntroText img { float: left; width: 50%; margin: 7px 18px 0 1px; } div.genericItemIntroText img:hover, div.tagItemIntroText img:hover { float: left; width: 50%; margin: 7px 18px 0 1px; } .genericItemView h2.genericItemTitle, .tagItemView h2.tagItemTitle { margin: 0; padding: 0 0 10px; } div.genericItemBody, div.tagItemBody { margin: 0; padding: 0 0 20px; } div.genericItemIntroText, div.tagItemIntroText { font-size: inherit; font-weight: normal; line-height: inherit; padding: 4px 0 0; } div.genericItemIntroText p, div.tagItemIntroText p { margin: 15px 0 0; padding: 0; } .itemheadergeneric, .itemheadertag { border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; color: #999999; display: inline-block; font-size: 11px; font-style: italic; padding: 3px 0; width: 100%; } div.genericItemHeader, div.tagItemHeader { display: inline-block; margin: 0 4px 0 0; padding: 0 4px 0 0; } div.genericItemHeader span.genericItemDateCreated, div.tagItemHeader span.tagItemDateCreated { color: #999999; font-size: 11px; } div.genericItemCategory, div.tagItemCategory { border-right: 0 solid #CCCCCC; display: inline-block; margin: 0 4px 0 0; padding: 0 4px 0 0; } div.genericItemCategory span, div.tagItemCategory span { color: #999999; font-weight: normal; padding: 0 4px 0 0; } div.genericItemView, div.tagItemView { border-bottom: 0 dotted #CCCCCC; margin: 0 0 30px; padding: 1px 0; } .itemratingmodified { border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; display: inline-block; width: 100%; } .itemrating1a { display: inline-block; float: left; font-size: 11px; font-style: italic; margin: 0; padding: 0; } div.itemRatingBlock span { color: #999999; display: block; float: left; font-style: italic; margin: 0; padding: 0 4px 0 0; } .itemrating2a { color: #999999; display: block; } /*--- TAG CLOUD ---*/ div.k2TagCloudBlock a {padding:6px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:6px;float:left;display:block;background:none;color:#555;text-decoration:none;} /*--- COMMENTS MODULE ---*/ div.ja-moduletable .k2LatestCommentsBlock ul li { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #E1E1E1; padding: 15px 0; } div.k2LatestCommentsBlock ul li.lastItem { border-bottom: medium none; } div.k2LatestCommentsBlock ul li span.lcUsername { display: block; font-size: 12px; font-style: italic; padding: 7px 0 5px; } div.k2LatestCommentsBlock ul li a.lcAvatar img { margin: 4px 10px 4px 0; } #k2Container a:hover { color: #555555; } /*--- USER BLOCK --- */ div.userBlock { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom: 1px dashed #CCCCCC; clear: both; margin: 0 0 30px; padding: 8px; } div.userBlock p.userAdditionalInfo { border-top: 0 dotted #CCCCCC; margin: 8px 0 0; padding: 4px 0; } span.userURL { color: #555555; display: inline-block; font-style: italic; font-weight: lighter; margin-right: 15px; } span.userEmail { color: #555555; display: inline-block; font-style: italic; font-weight: normal; margin-right: 15px; } div.k2UsersBlock ul li ul.ubUserItems li { padding-left: 12px; } div.k2UsersBlock ul li ul.ubUserItems { padding-left: 0; } div.k2UsersBlock ul li.lastItem { padding-left: 0; } /*--- itemRelated --- */ div.itemRelated h3 { border-bottom: 1px dashed #CCCCCC; margin: 15px 0; padding: 0 0 15px; } div.itemRelated { margin-bottom: 15px; padding: 1px 0 0; } #k2Container .itemRelated ul li { background: url("../images/bullet.gif") no-repeat scroll left center transparent; padding-left: 10px; } div.ja-moduletable .k2ItemsBlock ul li { background: none repeat scroll 0 0 transparent; padding-left: 0; } /* --- Sub Categories --- */ div.itemListSubCategories h3 { display: none; } div.ja-moduletable .k2CategoriesListBlock ul li { background-position: 2px 8px; font-family: Arial; font-size: 13px; margin-bottom: 2px; padding-left: 12px; } /* --- K2 Search --- */ div.k2SearchBlock form input.inputbox { background: url("../images/search_bg2.png") no-repeat scroll right center transparent; height: 25px; } /* --- K2 Calendar --- */ table.calendar { background: none repeat scroll 0 0 transparent; border-collapse: collapse; box-shadow: 0 0 2px 0 #999999; -moz-box-shadow: 0 0 2px 0 #999999; -webkit-box-shadow: 0 0 2px 0 #999999; margin: 0 auto; } table.calendar tr td.calendarToday { background: none repeat scroll 0 0 #999999; color: #FFFFFF; } div.k2CalendarBlock { height: 190px; margin-bottom: 0; } /*-------BLOG CALEDAR-----------*/ table.calendar tr td {text-align:center;vertical-align:middle;padding:4px;border:1px solid #f4f4f4;background:#fff;} /*-------K2 PAGINATION-----------*/ div.k2CalendarBlock { display: block; height: 100%; margin-bottom: 0; } div.k2CalendarLoader { background-color: transparent; display: block; height: 218px; margin-bottom: 0; } div.k2Pagination .clr { border: medium none; display: inline-block; float: none; height: 0; line-height: 0; margin: 0; padding: 0; } div.k2Pagination .pagination ul { float: left; margin: 0 0; } div.k2Pagination { color: #999999; margin: 0 0 0; padding: 8px 0; text-align: right; } #k2Container a:hover { color: #000000; } div.catItemHeader h3.catItemTitle, div.catItemHeader h3.catItemTitle a, div.catItemHeader h3.catItemTitle a:hover { font-family: Comfortaa_Regular-webfont; } /* --- K2 Search --- */ div.k2SearchBlock form input.inputbox { background: url("../images/search_bg2.png") no-repeat scroll right center transparent; height: 25px; } div.smilecredits { height: 0; width: 100%; } #k2Container .itemAuthorLatest ul li, #k2Container .itemRelated ul li { background: url("../images/bullet.gif") no-repeat scroll left center transparent; } div.itemToolbar ul li a#fontIncrease img, div.itemToolbar ul li a#fontDecrease img { -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; border: medium none; height: 13px; margin: 0; padding: 0; width: 13px; }