/*----------------------------------------------------------------------
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;}
/* --- 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;}
.smallerFontSize {font-size:16px;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.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,
.clearList {/*display:none;*/float:none;clear:both;}
.lastItem {border:none;}
.k2Avatar img {display:block;float:left;}
a.k2ReadMore {text-decoration: none;font-size: 13px;}
a.k2ReadMore:hover {text-decoration: none}
/* --- Pagination --- */
div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;}
div.k2Pagination ul {margin: 0 0 5px 0px;text-align:center;}
div.k2Pagination ul li {margin: 0 10px 15px 0;display:inline-block;}
div.k2Pagination ul li > .pagenav {padding: 4px 10px;margin: 0 !important;border-radius: 2px;}
div.k2Pagination ul li a {text-decoration: none;}
div.k2Pagination ul li a:hover {color: #fff;}
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {}
div.itemIsFeatured .itemFeatured {position: absolute;left: 20px;bottom: 20px;padding: 8px;background: rgba(255,255,255,0.4);color: #fff;font-size: 16px;text-transform: uppercase;border-radius: 2px;}
/*----------------------------------------------------------------------
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;} /* this is the item container for this view */
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 span.ItemDateCreated {color:#999;font-size:11px;line-height: 22px;float: left;margin-right: 15px;text-align: center;}
div.itemHeader h2.itemTitle {font-size:24px;font-weight:normal;line-height:24px;padding:0 0 5px 0;margin:0; color: #000;font-weight: bold;}
div.itemHeader h2.itemTitle span {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */
div.itemHeader span.itemAuthor {display:inline-block;padding:0;margin:0 10px 0 0;font-size: 11px;text-transform: uppercase;color: #A5A5A5;}
div.itemHeader span.itemAuthor a {color: #A5A5A5;text-decoration: none;}
div.itemToolbar {display: block;}
div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;display: inline-block;color: #A5A5A5;text-transform: uppercase;}
div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;text-align:center;background:none;font-size:12px;}
div.itemToolbar ul > li:first-child, div.itemToolbar ul > li.first {border:none;} /* remove the first CSS border from the left of the toolbar */
div.itemToolbar ul li a {font-size:11px;font-weight:normal;text-decoration: none;color: #A5A5A5;text-transform: uppercase;}
div.itemToolbar ul li a img {vertical-align:middle;}
div.itemToolbar ul li span.itemTextResizerTitle {font-size: 11px;}
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 {font-size: 10px;}
div.itemToolbar span.itemAuthor {color: #A5A5A5;text-transform: uppercase;font-size: 11px;margin-right: 10px;}
div.itemToolbar span.itemAuthor a {color: #A5A5A5;text-transform: uppercase;font-size: 11px;text-decoration: none;}
div.itemBody {padding:10px 0;margin:0 0 0 48px;}
div.itemImageBlock {padding-bottom: 8px;}
span.itemImage {display:block;text-align:center;margin:0 0 8px 0;position: relative;}
span.itemImage a {display:block;position: relative;}
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:16px;line-height:24px;}
div.itemFullText h3 {margin:0;padding:16px 0 4px 0;}
div.project-Single-item div.itemExtraFields {padding:30px 0 0 0;border-top:1px solid #ddd;}
div.itemExtraFields h3 {margin: 0 0 5px 0;padding: 0px 0 10px 0;line-height: normal !important;font-size: 18px;border-bottom: 1px solid #DDD;}
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 10px 0 0;}
div.itemContentFooter {display:block;text-align:right;padding-top:5px;margin:16px 0 4px 0;border-top:1px solid #ddd;color: #A5A5A5;text-transform: uppercase;font-size: 11px;}
span.itemHits {float:left;}
div.itemSocialSharing {padding:8px 0;margin: 35px 0 70px 45px;}
div.itemTwitterButton {float:left;margin:2px 24px 0 0;}
div.itemFacebookButton {float:left;margin-right:24px;width:200px;}
div.itemLinks {display: inline-block;}
div.itemCategory {display: inline-block;margin:0 10px 0 0;}
div.itemCategory span {text-transform:uppercase;padding:0 4px 0 0; color: #A5A5A5; font-size: 11px;}
div.itemCategory a {color: #A5A5A5;text-decoration: none;text-transform: uppercase;font-size: 11px}
div.itemTagsBlock {display: inline-block;display: inline-block;text-decoration: none;text-transform: uppercase;font-size: 11px;color: #A5A5A5;}
div.itemTagsBlock span {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 {text-transform:uppercase;text-decoration:none;color: #A5A5A5; font-size: 11px;}
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 span {font-size:10px;color:#999;font-weight:normal;}
/* Author block */
div.itemAuthorBlock {border-radius: 2px;margin:0 0 45px 45px;}
div.itemAuthorBlock img.itemAuthorAvatar {float: left;display: block;margin: 10px 25px 25px 0;}
div.itemAuthorBlock div.itemAuthorDetails {margin: 0;}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin: 0 0 5px 0;color: #1D2226;font-size: 110%;font-weight: normal;text-transform: uppercase;}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-size:16px;}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;padding:0 8px 0 0;margin: 0 4px 0 125px;}
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;}
div.itemAuthorBlock h3.itemAuthorName a, span.itemAuthorUrl a {text-decoration: none;}
.itemDescription p {margin: 5px 0px;}
/* Author latest */
div.item-Author-Latest-Related{margin:0 0 45px 10px !important;}
div.itemAuthorLatest {margin-bottom:16px;padding:0;}
div.itemAuthorLatest ul li a {text-decoration: none;color: #A5A5A5;}
div.itemAuthorLatest ul li a:hover {color: #444;}
.itemAuthorLatest ul,
.itemRelated ul {margin: 0px;padding: 0px;}
.itemAuthorLatest ul li,
.itemRelated ul li {list-style-type: none;background: none;border-bottom: 1px solid #ddd;padding: 8px 0;position: relative;}
.itemAuthorLatest ul li a,
.itemRelated ul li a {padding: 0 12px;}
.itemAuthorLatest ul li a:after,
.itemRelated ul li a:after {content: "\f105";font-family: FontAwesome;position: absolute;left: 0;top: 7px;color: #8B6F6F;}
div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;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;}
div.itemRelated ul li a {color: #A5A5A5;text-decoration: none;}
div.itemRelated ul li a:hover {color: #444;}
div.itemImageGallery {margin:0 0 16px 0;padding:0;}
div.project-Single-item div.project-item-header {display: block;border-bottom: 1px solid #DDD;padding-bottom: 10px;}
/* Article navigation */
div.project-item-header div.itemNavigation {display: inline-block;text-transform: uppercase;font-size: 11px;float: right;margin-top: 0px;}
div.project-item-header div.itemNavigation a i {background: #444;height: 25px;width: 25px;color: #FFF;line-height: 25px;border-radius: 2px;text-align: center;font-size: 14px;}
div.itemNavigation a{text-decoration: none;}
/* Comments */
div.itemComments {margin-left: 45px;}
div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;}
div.itemComments ul.itemCommentsList li {padding-bottom: 30px;border-bottom: 1px solid #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 p {margin: 10px 0 15px 70px;}
div.itemComments ul.itemCommentsList li img {float: left;margin: 3px 20px 0 0;}
div.itemComments ul.itemCommentsList li span.commentDate {font-size: 11px;letter-spacing: 1px;font-style: italic;color: #A5A5A5;}
div.itemComments ul.itemCommentsList li span.commentAuthorName {font-size: 15px;display: block;text-transform: capitalize;color: #000;margin-top: 30px;}
div.itemComments ul.itemCommentsList li span.commentAuthorName a {font-size: 15px;color: #000;text-decoration: none;}
div.itemComments ul.itemCommentsList li span.commentAuthorName a:hover {color: #727674;}
div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;}
div.itemComments ul.itemCommentsList li span.commentLink {margin-left: 70px;line-height: normal;}
div.itemComments ul.itemCommentsList li span.commentLink a {font-size: 13px;text-decoration: none;font-weight: bold;color: #000;text-transform: uppercase;letter-spacing: -1px;outline: none;}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {color: #727674;}
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;border-bottom: 1px solid #DDD;}
div.itemCommentsForm p.itemCommentsFormNotes {margin-top: 8px;}
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:100%;height:160px;margin:0;font-size: 13px;color: #A5A5A5;}
div.itemCommentsForm form input.inputbox {display:block;margin:0;font-size: 13px;color: #A5A5A5;}
div.itemCommentsForm form input#submitCommentButton {display: block;margin: 16px 0 0 0;text-transform: uppercase;}
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-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)
----------------------------------------------------------------------*/
/* --- 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;}
/* --- Sub-category block --- */
div.subCategoryContainer {float:left;}
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#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;}
div.itemContainer {float:left;}
div.catItemView {padding:4px; margin-bottom: 35px;}
/* Additional class appended to the element above for further styling per group item */
div.groupLinks {padding:0;margin:0;}
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 a {text-decoration: none;}
div.catItemHeader h3.catItemTitle {font-size:24px;font-weight:normal;line-height:24px;padding:0 0 5px 0;margin:0;}
div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */
div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;}
div.catItemHeader span.catItemAuthor {display:block;padding:0;margin: 0 10px 0 0; color: #A5A5A5;}
div.catItemHeader span.catItemAuthor a {color: #A5A5A5; text-transform: uppercase;}
div.catItemHeader span.catItemAuthor a:hover {color: #222;}
div.catItemHeader .catItemCommentsLink {border: none;}
.catItemAuthor, .catItemCommentsLink, .catItemLinks {display: inline-block !important;font-size: 11px;text-transform: uppercase;}
div.catItemBody {padding:10px 0;margin:0 0 0 45px;}
div.catItemImageBlock {padding-bottom:8px;}
span.catItemImage {display:block;text-align:center;margin:0 0 10px 0;position: relative;}
div.catItemIntroText p:last-child {margin-bottom: 0;}
div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
div.catItemExtraFields h4, div.genericItemExtraFields h4 {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.catItemLinks {margin:0 0 16px 0;padding:0;}
div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemCategory span {color:#555;padding:0 4px 0 0;}
div.catItemTagsBlock span {font-weight:bold;color: #A5A5A5;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 {color: #A5A5A5;}
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 span {font-size:10px;color:#999;font-weight:normal;}
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;}
div.catItemVideoBlock span.catItemVideo {display:block;}
div.catItemImageGallery {margin:0 0 16px 0;padding:0;}
div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.catItemCommentsLink a {color: #A5A5A5; text-transform: uppercase;}
div.catItemReadMore {margin-left: 45px;}
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.userBlock {border-radius: 2px;padding: 20px;margin-bottom: 25px;}
div.userBlock h3.userBlock-title {margin: 0 0 15px 0;}
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 {float: left;display: block;margin: 10px 25px 0 0;}
div.userBlock div.userDescription {padding:4px 0;}
div.userBlock div.userAdditionalInfo {padding:4px 0;margin: 10px 0 0 125px;}
span.userURL {font-weight:bold;color:#555;display:block;}
span.userEmail {font-weight:bold;color:#555;display:block;}
/* User items */
div.userItemView {margin-bottom: 45px;} /* this is the item container for this view */
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;}
span.userItemDateCreated {margin-right: 15px;}
div.userItemHeader h3.userItemTitle {font-size:24px;font-weight:normal;line-height: 22px;margin: 0 0 6px 0;}
div.userItemHeader h3.userItemTitle a {text-decoration: none;}
div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */
div.userItemBody {padding: 10px 0 0 0;margin: 0 0 15px 0;border-bottom: 1px solid #DDD;}
div.userItemImageBlock {padding:0;margin:0;float:left;}
span.userItemImage {display:block;text-align:center;margin: 6px 20px 45px 0;}
span.userItemImage a {display:block;position: relative;}
div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.userItemLinks {margin: 0 0 16px 0;padding: 0;font-size: 11px;color: #A5A5A5;text-transform: uppercase;}
div.userItemLinks a {text-decoration: none;color: #A5A5A5;}
div.userItemLinks a:hover {color: #222;}
div.userItemCategory {display: inline-block;padding-right: 20px;}
div.userItemCategory span {padding:0 4px 0 0;}
div.userItemTagsBlock {display: inline-block;}
div.userItemTagsBlock span {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;}
/* Anchor link to comments */
div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;}
div.userItemCommentsLink a {text-decoration: none;text-transform: uppercase;font-size: 11px;color: #A5A5A5;position: relative;padding-right: 15px;}
div.userItemCommentsLink a:after {content: '';height: 10px;width: 1px;background: #CCC7C7;position: absolute;top: 3px;right: 0;}
div.userItemCommentsLink a:hover {color: #222;}
/* Read more link */
div.userItemReadMore {display:inline;}
div.userItemReadMore a {text-decoration: none;text-transform: uppercase;font-size: 11px;color: #A5A5A5;}
div.userItemReadMore a:hover {color: #222;}
/*----------------------------------------------------------------------
Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagItemView {border-bottom:1px solid #DDD;padding:15px 0;} /* this is the item container for this view */
div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;}
div.tagItemHeader h2.tagItemTitle {font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.tagItemBody {padding: 20px 0 15px 0;margin:0;}
div.tagItemImageBlock {padding:0;margin:0;float:left;}
span.tagItemImage {display:block;text-align:center;margin: 0 20px 0 0;}
span.tagItemImage a {display:block;position: relative;}
div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
/* Read more link */
div.tagItemReadMore {display:inline;}
/*----------------------------------------------------------------------
Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericItemView {border-bottom:1px solid #DDD;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */
div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;}
div.genericItemHeader h2.genericItemTitle {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 15px 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.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.genericItemReadMore {display:inline;}
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;}
/* 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 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.latestItemHeader h3.latestItemTitle {font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.latestItemBody {padding:8px 0;margin:0;}
div.latestItemImageBlock {padding:0;margin:0;float:left;}
div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.latestItemLinks {margin:0 0 16px 0;padding:0;}
div.latestItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
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;}
span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.latestItemImage img {border:1px solid #ccc;padding:8px;}
span.latestItemDateCreated {color:#999;font-size:11px;}
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;}
div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.latestItemReadMore {display:inline;}
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 table { width: 100%;}
.k2AccountPage table tr td .controls > label {display: inline-block;margin-left: 10px;}
.k2AccountPage table tr td input.inputbox {margin-left: 10px;}
.k2AccountPage table tr td .rokpad-editor-wrapper,
.k2AccountPage table tr td #url,
.k2AccountPage table tr td #image {margin-left: 10px;}
.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 {padding-right: 10px;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 {margin-bottom: 20px;}
/*----------------------------------------------------------------------
Modules: mod_k2_comments
----------------------------------------------------------------------*/
div.k2LatestCommentsBlock ul li {list-style-type: none;padding: 20px 0;}
div.k2LatestCommentsBlock ul li:first-child {padding-top: 0px;}
div.k2LatestCommentsBlock ul li a.lcAvatar img {margin: 5px 15px 0px 0;}
div.k2LatestCommentsBlock ul li a {font-size: 13px;color: #000;text-decoration: none;}
div.k2LatestCommentsBlock ul li a:hover {color: #727674;}
div.k2LatestCommentsBlock ul li span.lcComment {margin-left: 66px;display: block;}
div.k2LatestCommentsBlock ul li span.lcUsername {font-size: 89%;display: block;text-transform: capitalize;color: #000;}
div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;font-size: 11px;letter-spacing: 1px;font-style: italic;color: #A5A5A5;display: block;}
div.k2LatestCommentsBlock ul {list-style-type: none;margin-left: 0;padding-left: 0;}
div.k2LatestCommentsBlock ul .even,
div.k2LatestCommentsBlock ul .odd{background: none;border-bottom: 1px solid #ddd;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
/* Top Commenters */
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}
/*----------------------------------------------------------------------
Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock ul {padding: 0;list-style: none;}
div.k2ItemsBlock ul li div.moduleItemIntrotext {margin-bottom: 15px;}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {margin-bottom: 20px;width: 100%;height: auto;}
div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;text-decoration: none;color: #A5A5A5;font-size: 12px;text-transform: uppercase;}
div.k2ItemsBlock ul li div.moduleItemTags a:hover {color: #222;}
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 span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
/*----------------------------------------------------------------------
Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/
div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;}
div.k2LoginBlock fieldset.input p {margin:0 0 6px 0;padding:0 0 4px 0;}
div.k2LoginBlock fieldset.input p label {display:block;}
div.k2LoginBlock fieldset.input p input {display:block;}
div.k2LoginBlock ul {margin: 5px 0 0 0;padding-left: 0px;}
div.k2LoginBlock ul li {list-style-type: none;position: relative;padding: 0px 0 5px 21px;}
div.k2LoginBlock ul li:after {position: absolute;left: 0;top: 2px;font-family: FontAwesome;content: "\f045";}
div.k2LoginBlock ul li a {text-decoration: none;color: #A5A5A5;font-size: 12px;}
div.k2LoginBlock ul li a:hover {color: #222;}
div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;}
div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;}
body .k2LoginBlock .input .inputbox {display: block;width: 90%;padding: 6px 10px;margin: 0;}
body .k2LoginBlock .input #form-login-remember {margin-bottom: 2px;}
body .k2LoginBlock .input #form-login-remember label,
body .k2LoginBlock .input #form-login-remember input {display: inline-block;cursor: default;}
.k2LoginBlock .input #form-login-remember input[type="checkbox"] {width: auto;margin: 0 5px;}
/*----------------------------------------------------------------------
Modules: mod_k2_tools
----------------------------------------------------------------------*/
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;}
div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;}
div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;}
/* --- Calendar --- */
div.k2CalendarBlock {background: rgba(0, 0, 0, 0.1);padding: 6px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} /* 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;width: 100%;height: auto;}
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.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 form select {width:auto;}
div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}
/* --- Search Box --- */
div.k2SearchBlock {position:relative;}
div.k2SearchBlock form input.k2SearchLoading {background:url(../images/system/searchLoader.gif) no-repeat 100% 50%;}
div.k2SearchBlock div.k2LiveSearchResults {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 --- */
body div.k2TagCloudBlock {font-size: 12px;padding:8px 0;}
body div.k2TagCloudBlock a {padding: 6px 8px;display:inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: normal;color: #fff !important;margin: 0 -1px 2px 0;text-transform: uppercase;}
body div.k2TagCloudBlock a:hover {padding: 6px 8px;background:#135cae;color:#fff;text-decoration:none;}
/*k2 users style*/
.ubUserAvatar {float: left;height: 62px;margin-right: 10px;position: relative;overflow: hidden;width: 62px;}
.ubUserAvatar img {display: block;height: 62px !important;position: absolute;left: 0;top: 0;width: 62px !important;border: none !important;margin: 0px;padding: 0px;}
/*----------------------------------------------------------------------
Modules: mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock ul {padding-left: 0;}
div.k2UsersBlock ul li {list-style-type: none;}
div.k2UsersBlock ul li a.ubUserName {margin-bottom: 10px;display: block;text-decoration: none;color: #000;}
div.k2UsersBlock ul li a.ubUserName:hover {color: #727674;}
div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;}
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;}
/*project page design*/
div.projectItemView {margin: 0 20px 20px 0;}
div.projectItemImageBlock {position: relative;}
div.projectItemImageBlock .project-image-link, div.projectItemImageBlock .project-image-zoom {position: absolute;z-index: 50;opacity: 0;bottom: 33%;background: rgba(64, 69, 71, 0.89);color: #FFF;padding: 12px;-webkit-border-radius: 2px;border-radius: 2px;}
div.projectItemImageBlock .project-image-link {left: 39%;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
div.projectItemImageBlock .project-image-zoom {left: 53%;-webkit-transition: all 700ms ease-in-out;transition: all 700ms ease-in-out;}
div.projectItemImageBlock:hover .project-image-link, div.projectItemImageBlock:hover .project-image-zoom {opacity: 1;-webkit-transform: translateY(-25px);transform: translateY(-25px);}
.projectItemTitle {margin: 10px 0 0 0;font-size: 14px;font-weight: bold;line-height: normal;}
.projectItemTitle a {text-decoration: none !important;}
.catItemDateCreated,
.ItemDateCreated {line-height: 22px;float: left;margin-right: 15px;text-align: center;}
.catItemDateCreated .blog-date,
.ItemDateCreated .blog-date {font-size: 28px;font-weight: bold;display: block;color: #000;}
.catItemDateCreated .month-year,
.ItemDateCreated .month-year {font-size: 11px;letter-spacing: 2px;text-transform: uppercase;}
.catItemTitle {display: block;}
.catItemTitle a {color: #000;font-size: 24px;font-weight: bold;}
.project-Single-item .projeceItemDateCreated i, .itemAuthor i, .itemCategory i {font-size: 14px;padding-right: 2px;color: #A5A5A5;}
.projeceItemDateCreated {font-size: 11px;color: #A5A5A5;}
.project-Single-item .projeceItemDateCreated {font-size: 11px;color: #A5A5A5;text-transform: uppercase;margin-right: 10px;}
div.project-item-RatingBlock {display: inline-block;float: right;margin-top: -17px;}
/*project single item page design*/
.project-Single-item .itemToolbar {margin: 10px 0 20px 0;line-height: normal;}
.project-Single-item .itemHeader {display: inline-block;}
.project-Single-item .itemImage a, .itemView .itemImage a {overflow: hidden;}
.project-Single-item .itemImage a:after, .itemView .itemImage a:after {content: "\f002";position: absolute;bottom: 40%;left: 50%;margin-left:-22px;margin-bottom:-22px;font-family: FontAwesome;display: inline-block; font-size: 15px;line-height: 30px;padding: 5px 15px;opacity: 0;color: #F8F8F8;}
.project-Single-item .itemImage a:hover:after, .itemView .itemImage a:hover:after {bottom: 50%;opacity: 1;}
/* --- 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;vertical-align: top;line-height: 18px; color: #A5A5A5;text-transform: uppercase;}
div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList { background: url("../images/transparent_star.png") left 0px repeat-x; position:relative;float:left;width: 70px;height: 14px;overflow:hidden;list-style:none;margin:0;padding:0;}
.itemRatingList a:hover, .itemRatingList .itemCurrentRating {
background: url('../images/transparent_star.png') left -9999em repeat-x;
}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingBlock .itemRatingForm .itemRatingList li {border: none;}
.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 -28px;text-decoration: none !important;}
.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;}
span.siteRoot {display:none;}
div.catItemRatingBlock {padding:8px 0;}
div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;}
div.itemRatingBlock {display: inline-block;vertical-align: middle;padding: 0px;}
div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}
.itemRatingBlock .itemRatingForm .itemRatingList a.one-star {width: 14px;z-index: 6;}
.itemRatingBlock .itemRatingForm .itemRatingList .itemCurrentRating {position: absolute;top: 0;left: 0;text-indent: -9999em;height: 14px;line-height: 14px;outline: none;overflow: hidden;border: none;cursor: pointer;font-size: 0px !important;text-decoration: none !important;z-index: 1;background-position: 0 center;margin: 0;padding: 0;}
/* Tablet Modes */
@media only screen and (min-width: 480px) and (max-width: 979px) {
/*k2 project template */
div#k2Container .itemContainer {width: 50% !important;}
div#k2Container .projectItemImageBlock img {width: 100% !important;}
div#k2Container div.clr {clear: none;}
table.calendar {font-size: 70%;}
table.calendar tr td {padding: 0;}
div.itemToolbar span.itemAuthor {margin-left: 50px;}
div.itemToolbar ul {margin-left: 42px;}
div.itemSocialSharing .sl_button {margin-bottom: 10px !important;}
}
/*Mobile Modes*/
@media (max-width: 767px) {
/*k2 project template */
div#k2Container .itemContainer {width: 100% !important;}
div#k2Container .projectItemImageBlock img {width: 100% !important;}
div.projectListView div.k2Pagination ul {padding-left: 0;}
div.itemSocialSharing .sl_button {margin-bottom: 10px !important;}
div.item-Author-Latest-Related { margin-left: -25px !important;}
div.itemAuthorLatest, div.itemRelated {width: 100% !important; margin-top: 15px;}
div.itemComments {margin-left: 0;}
}
/*mobile Screen Mobile Modes*/
@media only screen and (max-width: 550px) {
div.project-item-header div.itemNavigation {float: none;}
}
/*Mobile Modes*/
@media (max-width: 480px) {
div.itemBody {margin: 0;}
div.itemSocialSharing {margin-left: 0;}
.social-like .sl_button, .social-like .sl_slide {width: 100% !important;}
.social-like .sl_facebook:hover .sl_slide, .social-like .sl_twitter:hover .sl_slide, .social-like .sl_google:hover .sl_slide, .social-like .sl_linkedin:hover .sl_slide {left: 28em !important;}
div.itemAuthorBlock {margin-left: 0;}
div.itemAuthorBlock img.itemAuthorAvatar {display: none;}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {margin: 0;}
div.itemComments ul.itemCommentsList li p {margin: 15px 0;}
div.itemComments ul.itemCommentsList li span.commentLink {margin: 0;}
}
/*Very Small Screen Mobile Modes*/
@media only screen and (max-width: 340px) {
div.projectItemImageBlock .project-image-link, div.projectItemImageBlock .project-image-zoom {bottom: 25%;}
div.projectItemImageBlock .project-image-link {left: 35%;}
}