/**
 * @version    $Id: k2.css 1344 2011-11-25 16:47:03Z joomlaworks $
 * @package    K2
 * @author    JoomlaWorks http://www.joomlaworks.gr
 * @copyright  Copyright (c) 2006 - 2011 JoomlaWorks Ltd. All rights reserved.
 * @license    GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */

/*----------------------------------------------------------------------
  Common Elements
----------------------------------------------------------------------*/
.com_k2 #ja-content-main { background: none; border: none; padding: 0; }

/* --- Basic typography --- */
a:active,
a:focus { outline: 0; }

img { border: none; }

/* --- Global K2 container --- */
body.contentpane #k2Container { /* used in popups */ padding: 16px; }

/* --- General padding --- */
.k2Padding { padding: 4px; }

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

/* --- Zebra rows --- */
.even { border-bottom: 1px solid #e5e5e5; }

.odd { border-bottom: 1px solid #e5e5e5; }

/* --- RSS feed icon --- */
div.k2FeedIcon { padding: 4px 8px; }

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

div.k2FeedIcon a span,
div.k2FeedIcon a:hover span { display: none; }

/* --- Rating --- */
.itemRatingForm { vertical-align: middle; line-height: 1.6; float: left; }

.itemRatingLog { padding: 0 0 0 4px; float: left; }

div.itemRatingForm .formLogLoading {
  height: 25px;
  padding: 0 0 0 20px;
}

div.itemRatingForm .itemRatingList { margin: 0; }

.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: url(../images/system/transparent_star.png) 0 -1000px repeat-x;
}

.itemRatingList {
  position: relative;
  float: left;
  width: 91px;
  height: 16px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: 0 0;
}

ul.itemRatingList li {
  display: inline;
  background: none;
  padding: 0;
  line-height: normal;
}

.itemRatingList a,
.itemRatingList .itemCurrentRating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000px;
  height: 16px;
  outline: none;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.itemRatingList a:hover { background-position: 0 -18px; }

.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 -18px;
  margin: 0;
  padding: 0;
}

span.siteRoot { display: none; }

/* --- CSS added with Javascript --- */
.smallerFontSize { font-size: 100%; }

.largerFontSize { font-size: 150%; }

/* --- 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.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {
  margin: 0;
}

div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li,
div.itemAuthorLatest ul li,
div.itemRelated ul li,
div.itemComments ul.itemCommentsList li {
  background: none;
  padding-left: 0;
  line-height: 1.6;
  margin-bottom: 0;
}
 
#form-login li,
div.k2UsersBlock ul li ul.ubUserItems li,
div.k2UserBlock ul.k2UserBlockActions li,
div.itemAuthorLatest ul li,
div.itemRelated ul li {
  background: url(../images/arrow.png) no-repeat 0 5px;
  padding-left: 12px;
}

.clearList {
  display: none;
  float: none;
  /* this class is used to clear all previous floating list elements */
  clear: both;
}

.lastItem { /* class appended on last list item */ border: none; }

/* --- Avatars --- */
.k2Avatar img, div.itemComments ul.itemCommentsList li img {
  float: left;
  background: #fff;
  border: 1px solid #222;
  margin: 2px 15px 0 0;
}

/* --- Read more --- */
a.k2ReadMore { color: #c33; }

a.k2ReadMore:hover, a.k2ReadMore:active, a.k2ReadMore:focus { color: #666; text-decoration: none; }

/* --- Pagination --- */
div.k2Pagination { background: url(../images/line.gif) repeat-x left top; }

div.k2Pagination p { float: left; display: none; }

div.k2Pagination .pagination { float: right; background: none; }

/*----------------------------------------------------------------------
  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 {
  background: #fff;
  border: 1px solid #e5e5e5;
  /* this is the item container for this view */
  padding: 15px;
}

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 h2.itemTitle, 
div.userItemHeader h3.userItemTitle, 
div.tagItemHeader h2.tagItemTitle { font-size: 300%; font-weight: 700; margin: 3px 0 15px; }

div.itemHeader h2.itemTitle a, 
div.userItemHeader h3.userItemTitle a, 
div.tagItemHeader h2.tagItemTitle a { color: #222; }

div.itemHeader h2.itemTitle a:hover, 
div.itemHeader h2.itemTitle a:focus, 
div.itemHeader h2.itemTitle a:active,
div.userItemHeader h3.userItemTitle a:hover, 
div.userItemHeader h3.userItemTitle a:focus, 
div.userItemHeader h3.userItemTitle a:active,
div.tagItemHeader h2.tagItemTitle a:hover,
div.tagItemHeader h2.tagItemTitle a:focus,
div.tagItemHeader h2.tagItemTitle a:active { color: #cc3333; }

div.itemToolbar {
  padding: 2px 0;
  margin: 16px 0 0 0;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  background: #fcfcfc;
  font-size: 92%;
}

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;
}

div.itemToolbar ul > li:first-child {
  /* remove the first CSS border from the left of the toolbar */
  border: none;
}

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; }

.borderbot { border-bottom: 5px solid #ddd; }

.viewitemllink {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-right: -1px;
  width: 47%;
  float: left;
  padding: 14px 20px 0 0;
  color: #aaa;
  text-transform: uppercase;
  font-size: 83%;
}

div.itemRatingBlock { border-bottom: 1px solid #ddd; padding: 0 0 10px; }

div.itemRatingBlock span { display: block; float: left; margin-right: 10px; }

div.itemBody { }

div.itemImageBlock { }

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.itemView div.itemImageBlock, 
div.userView div.userItemImageBlock, 
div.tagView div.tagItemImageBlock { margin: -15px -15px 12px; }

div.itemIntroText { font-weight: 700; font-size: 116%; }

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.itemHits {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 10px 0;
}

span.itemHits b { color: #222; font-weight: 700; }

span.itemDateModified {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 10px 0;
}

  
div.itemSocialSharing, div.itemComments h3.itemCommentsCounter { border-top: 5px solid #ddd; padding: 10px 0 15px; }

div.itemComments h3.itemCommentsCounter {
  border-top: 5px solid #ddd;
  padding: 25px 0 15px;
  margin-top: 0;
}

div.itemTwitterButton { float: left; margin: 2px 24px 0 0; }

.catItemHeader div.itemTwitterButton { position: absolute; left: 15px; top: 80px; }

div.itemFacebookButton { float: left; margin-right: 24px; width: 240px; }

div.itemLinks { }

div.itemLinks a { color: #222; }

div.itemLinks a:hover { color: #c33; }

div.itemCategory { border-bottom: 1px solid #ddd; padding: 10px 0; }

div.itemCategory span { padding: 0 4px 0 0; }

div.itemCategory a { }

div.itemTagsBlock { padding: 10px 0; }

div.itemTagsBlock span { padding: 0 4px 0 0; }

div.itemTagsBlock ul.itemTags { display: inline; }

div.itemTagsBlock ul.itemTags li {
  display: inline;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
  background: none;
}

div.itemTagsBlock ul.itemTags li a { }

div.itemTagsBlock ul.itemTags li a:hover { }

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

div.itemAttachmentsBlock span { font-weight: bold; color: #555; padding: 0 4px 0 0; }

div.itemAttachmentsBlock ul.itemAttachments {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

div.itemAttachmentsBlock ul.itemAttachments li {
  display: inline;
  list-style: none;
  padding: 0 4px;
  margin: 0;
  text-align: center;
}

div.itemAttachmentsBlock ul.itemAttachments li a { }

div.itemAttachmentsBlock ul.itemAttachments li a:hover { }

div.itemAttachmentsBlock ul.itemAttachments li span { font-size: 10px; color: #999; font-weight: normal; }

/* Author block */
div.itemAuthorBlock {
  padding: 20px 0 20px 20px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 47%;
  float: left;
}

div.itemAuthorBlock img.itemAuthorAvatar, div.userBlock img {
  float: left;
  background: #fff;
  border: 1px solid #111;
  margin: 0 20px 0 0;
}

div.itemAuthorDetails h3, div.userBlock h2 { margin: 0 0 10px; font-weight: 700; font-size: 100%; }

div.itemAuthorDetails h3 a, span.itemAuthorUrl a:hover, div.userBlock h2 a, span.userURL a:hover, span.userEmail a:hover { color: #222; }

div.itemAuthorDetails h3 a:hover, span.itemAuthorUrl a, div.userBlock h2 a:hover, span.userURL a, span.userEmail a { color: #c33; }

/* Author latest */
div.itemAuthorLatest { float: left; margin: 0 20px 0 0; width: 47%; }

div.itemAuthorLatest h3, div.itemRelated h3, div.itemComments .itemCommentsCounter, div.itemCommentsForm h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  padding: 0 0 15px;
}

div.itemAuthorLatest ul { }

div.itemAuthorLatest ul li, div.itemRelated ul li {
  line-height: 2;
  border-bottom: none;
  background-position: 0 9px;
}

div.itemAuthorLatest ul li a, div.itemRelated ul li a { font-weight: 700; }

div.itemAuthorLatest ul li a:hover { }

/* Related by tag */
div.itemRelated { float: left; margin: 0 0 0 20px; width: 47%; }

div.itemRelated ul li.k2ScrollerElement {
  float: left;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 4px;
  margin: 0 4px 4px 0;
  /* you need to insert this class in the related li element in item.php for this styling to take effect */
  background: #fff;
}

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

/* Video */
div.itemVideoBlock {
  margin: 0 0 16px 0;
  padding: 16px;
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}

div.itemVideoBlock div.itemVideoEmbedded {
  /* for embedded videos (not using AllVideos) */
  text-align: center;
}

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 0;
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fcfcfc;
}

div.itemNavigation span.itemNavigationTitle { color: #aaa; }

div.itemNavigation a { padding: 0 12px; }

/* Comments */
div.itemComments ul.itemCommentsList li {
  border-top: 1px solid #ddd;
  border-bottom: none;
  padding: 15px 5px;
}

div.itemComments ul.itemCommentsList li:first-child { border-top: none; }

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 span.commentDate {
  font-weight: 700;
  display: block;
  color: #aaa;
  font-size: 83%;
  text-transform: uppercase;
}

div.itemComments ul.itemCommentsList li span.commentAuthorName { color: #222; font-weight: 700; display: block; }

div.itemComments ul.itemCommentsList li span.commentLink { float: right; }

div.itemComments ul.itemCommentsList li span.commentLink a { color: #cc3333; }

div.itemComments ul.itemCommentsList li span.commentLink a:hover,
div.itemComments ul.itemCommentsList li span.commentLink a:focus,
div.itemComments ul.itemCommentsList li span.commentLink a:active { color: #222; }

div.itemComments ul.itemCommentsList li span.commentAuthorName a, span.commentToolbar a:hover { color: #222; }

div.itemComments ul.itemCommentsList li span.commentAuthorName a:hover, span.commentToolbar a { color: #c33; }

div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
  background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}

div.itemCommentsForm { border-top: 5px solid #ddd; padding: 10px 0 0; }

.ja-content-main div.itemCommentsForm form { padding: 0; }

div.itemCommentsForm form .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
}

div.itemCommentsForm form label { display: block; font-size: 92%; padding: 0 0 5px; }

div.itemCommentsForm form label strong { color: #222; }

div.itemCommentsForm form label span { color: red; padding-left: 2px;}

div.itemCommentsForm .txtarea label { display: none; }

div.itemCommentsForm textarea {
  overflow: auto;
  width: 93%;
  height: 140px;
  font-size: 92%;
}

.groupinput { overflow: hidden; padding: 0; }

.groupinput p { float: left; width: 33%; margin: 0; }

.groupinput p input { width: 80%; font-size: 92%; }

/* "Report comment" form */
div.k2ReportCommentFormContainer { padding: 8px; width: 480px; margin: 0 auto; }

  div.k2ReportCommentFormContainer blockquote {
  width: 462px;
  background: #f7fafe;
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0 0 8px 0;
}

div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: left;
}

div.k2ReportCommentFormContainer blockquote span.quoteIconRight {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: right;
}

div.k2ReportCommentFormContainer blockquote span.theComment {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  padding: 0 4px;
}

div.k2ReportCommentFormContainer form label { display: block; font-weight: bold; }

div.k2ReportCommentFormContainer form input,
div.k2ReportCommentFormContainer form textarea {
  display: block;
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 2px;
  margin: 0 0 8px 0;
  width: 474px;
}

div.k2ReportCommentFormContainer form #recaptcha { margin-bottom: 24px; }

div.k2ReportCommentFormContainer form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}

div.k2ReportCommentFormContainer form .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
}

span#formLog {
  color: #CF1919;
}

/* Back to top link */
div.itemBackToTop { text-align: right; }

div.itemBackToTop a { text-decoration: underline; }

div.itemBackToTop a:hover { text-decoration: underline; }

/*----------------------------------------------------------------------
  Component: Itemlist view (category)
----------------------------------------------------------------------*/
div.itemListCategoriesBlock { }

/* --- Category block --- */
div.itemListCategory {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 4px 0;
  padding: 8px;
}

span.catItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dotted #ccc;
  text-align: right;
}

span.catItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
}

span.catItemAddLink a:hover { background: #ffffcc; }

div.itemListCategory img {
  float: left;
  display: block;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}
/* --- Sub-category block --- */
div.itemListSubCategories { margin: 0 -5px; }

div.itemListSubCategories > h3 { padding: 0 0 0 5px; font-size: 200%; }

div.subCategoryContainer { float: left; margin: 0 0 10px; }

div.subCategoryContainerLast { }

div.subCategory {
  background: #fff;
  margin: 0 5px;
  padding: 13px;
  border: 1px solid #e5e5e5;
}

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; }

div.subCategory h2 {
  font-size: 100%;
  text-transform: uppercase;
  font-family: 'TeXGyreAdventorRegular',Helvetica,Arial,sans-serif;
  padding: 13px;
  margin: -11px -13px 12px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
}
        
div.subCategory a.subCategoryMore { color: #c33; }

div.subCategory a.subCategoryMore:hover, 
div.subCategory a.subCategoryMore:active, 
div.subCategory a.subCategoryMore:focus { color: #666; }

/* --- Item groups --- */
div#itemListPrimary, div#itemListSecondary { margin: 0 -5px; }

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

div.itemContainer { float: left; }

div#itemListLeading div.itemContainer { float: none; }

/* --- Item block for each item group --- */
div.catItemView {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin: 0 5px 10px;
  /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */
  padding: 15px;
}

/* Additional class appended to the element above for further styling per group item */
div.groupLeading { padding: 0; margin: 0 0 10px; }

div.groupPrimary { }

div.groupSecondary { }

div.groupLinks { }

div.catItemIsFeatured { }

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.groupLeading div.catItemHeader { padding: 0 15px; }

span.catItemDateCreated,
span.catItemAuthor,
span.itemDateCreated,
span.itemAuthor,
span.userItemDateCreated,
span.tagItemDateCreated { color: #aaa; font-size: 85%; text-transform: uppercase; }

div.catItemHeader h3.catItemTitle { margin: 3px 0 15px; font-size: 100%; font-weight: 700; }

div.catItemHeader h3.catItemTitle a { color: #222; }

div.catItemHeader h3.catItemTitle a:hover { color: #c33; }

div#itemListLeading div.catItemHeader h3.catItemTitle { font-size: 175%; font-weight: 100; }

span.catItemAuthor, span.itemAuthor {
  padding-left: 13px;
  margin-left: 6px;
  display: inline;
  background: url(../images/bullet2.gif) no-repeat 0 50%;
}

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.groupLeading div.catItemBody { padding: 0 15px 15px; }

div.catItemImageBlock, div.itemImageBlock { position: relative; margin: 0 0 12px; }

span.catItemImage, span.itemImage { display: block; }

span.catItemImage img, span.itemImage img { display: block; }

span.itemFeatured {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 13px 15px;
  background: #c33;
  font-family: 'TeXGyreAdventorRegular', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
}

div.catItemIntroText { }

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%;
}

.metalist {
  border-top: 1px solid #e5e5e5;
  padding: 12px 0 0;
  color: #aaa;
  font-size: 92%;
}

.metalist a, span.catItemAuthor a { color: #aaa; }

span.catItemAuthor a:hover, span.catItemAuthor a:active, span.catItemAuthor a:focus,
.metalist a:hover, .metalist a:active, .metalist a:focus { color: #c33; }

.metalist .catItemLinks { margin: 0; }

.metalist .catItemLinks li {
  line-height: 1.6;
  margin-bottom: 0;
  background: none;
  padding-left: 0;
}

.metalist .catItemLinks li ul { display: inline; margin: 0; }

.metalist .catItemLinks li ul li { display: inline; }

.metalist .catItemLinks li .catItemTags, .metalist .catItemLinks li .userItemTags {
  background: url(../images/ico-tag.gif) no-repeat 0 50%;
  padding-left: 19px;
}

.metalist .catItemLinks li.catItemCategory {
  background: url(../images/bullet2.gif) no-repeat 5px 6px;
  padding-left: 19px;
}

/* Video */
.catItemVideoBlock {
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}

/* Image Gallery */
.catItemImageGallery { }

/* Anchor link to comments */
.catItemCommentsLink a, .userItemCommentsLink a {
  background: url(../images/ico-comment.gif) no-repeat;
  padding-left: 19px;
}

/* 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, div.userItemView, div.tagItemView {
  margin: 0 0 10px;
  padding: 15px;
  background: #fff;
  border: 1px solid #e5e5e5;
}

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 h2 { }

div.userBlock div.userDescription { }

div.userBlock div.userAdditionalInfo { }

/* User items */
div.userItemView { }

div.userItemIsFeatured { }

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

span.userItemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}

span.userItemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

span.userItemEditLink a:hover { background: #ffffcc; }

div.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;
}

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


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

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

/*----------------------------------------------------------------------
  Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericItemList { margin: 0 -5px; }

div.genericItemView {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin: 0 5px 10px;
  padding: 15px;
}
/* this is the item container for this view */

div.genericItemHeader span.genericItemDateCreated {
  color: #aaa;
  font-size: 85%;
  text-transform: uppercase;
}

div.genericItemHeader h2.genericItemTitle { font-size: 300%; font-weight: 700; margin: 3px 0 0; }

div.genericItemHeader h2.genericItemTitle a { color: #222; }

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

div.genericItemImageBlock { margin: -15px -15px 12px; }

span.genericItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}

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; }

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


/* --- Google Search --- */
#k2Container div.gsc-branding-text { text-align: right; }

#k2Container div.gsc-control { width: 100%; }

#k2Container div.gs-visibleUrl { display: none; }

/*----------------------------------------------------------------------
  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-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.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;
}

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

div.latestItemVideoBlock span.latestItemVideo { display: block; }

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

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

/* Items presented in a list */
h2.latestItemTitleList {
  font-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)
----------------------------------------------------------------------*/
div.componentheading {
  font-family: 'TeXGyreAdventorRegular',Helvetica,Arial,sans-serif;
  font-size: 200%;
  margin: 3px 0 15px;
  text-transform: none;
}


.k2AccountPage table tr td label { white-space: nowrap; }

img.k2AccountPageImage { border: 1px solid #222; display: block; margin: 10px 0; }

.k2AccountPage table .toggle-editor .button2-left { margin: 10px 0 0; }

.k2AccountPage div.k2AccountPageNotice { }

.k2AccountPage div.k2AccountPageUpdate {
  border-top: 1px solid #ddd;
  padding: 15px 0;
  text-align: right;
  margin: 15px 0 0;
}

.k2AccountPage div.k2AccountPageUpdate .button { margin-right: 0; }
/*----------------------------------------------------------------------
  Modules: mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments */
div.k2LatestCommentsBlock ul li, div.k2ItemsBlock ul li { padding: 0 0 15px; margin: 0 0 15px; }

div.k2LatestCommentsBlock ul li.lastItem, div.k2ItemsBlock ul li.lastItem { padding: 0; margin: 0; }

div.k2LatestCommentsBlock ul li span { display: block; }

div.k2LatestCommentsBlock ul li span.lcUsername { font-weight: 700; font-size: 92%; }

div.k2LatestCommentsBlock ul li span.lcCommentDate,
div.k2LatestCommentsBlock ul li span.lcItemCategory,
div.k2ItemsBlock ul li span.moduleItemDateCreated,
div.k2ItemsBlock ul li a.moduleItemCategory,
div.k2ItemsBlock ul li div.moduleItemTags,
div.k2ItemsBlock ul li span.moduleItemHits {
  color: #aaa;
  font-size: 85%;
  padding: 0 0 10px;
  text-transform: uppercase;
}

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

/*----------------------------------------------------------------------
  Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock ul li a.moduleItemTitle {
  font-weight: 700;
  display: block;
  clear: both;
  padding: 10px 0;
}

div.k2ItemsBlock ul li div.moduleItemAuthor { color: #aaa; }

div.k2ItemsBlock ul li div.moduleItemAuthor a { font-weight: 700; }

div.k2ItemsBlock ul li div.moduleItemIntrotext { line-height: 1.6; }

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  float: right;
  margin: 2px 0 4px 10px;
  border: 1px solid #222;
}

div.k2ItemsBlock ul li div.moduleItemExtraFields { }

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

div.k2ItemsBlock ul li a.moduleItemCategory:hover { color: #c33; }

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

div.k2ItemsBlock ul li a.moduleItemComments { padding: 0 4px 0 0; margin: 0 8px 0 0; }

div.k2ItemsBlock ul li a.moduleItemReadMore { display: block; padding: 10px 0 0; color: #c33; }

div.k2ItemsBlock ul li a.moduleItemReadMore:hover { color: #666; }

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

#form-login { font-size: 92%; }

#form-login fieldset.input { padding: 0; }

#form-login #form-login-username label, #form-login #form-login-password label { display: block; line-height: 1.6; padding: 0 0 5px; }

#form-login .inputbox[type="text"], #form-login .inputbox[type="password"] { width: 94%; font-weight: 100; }

#form-login .inputbox[type="checkbox"] {
  border: none;
  vertical-align: middle;
  margin: 0;
  width: 15px;
  height: 15px;
}

#form-login li, div.k2UserBlock ul.k2UserBlockActions li { line-height: 1.6; }

  
/*----------------------------------------------------------------------
  Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
div.k2ArchivesBlock { }

div.k2ArchivesBlock ul { margin: -15px 0 0; }

div.k2ArchivesBlock ul li { line-height: 1.6; }

div.k2ArchivesBlock ul li a {
  color: #666;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: url(../images/bg-menu.gif) repeat-x left bottom #fefefe;
  display: block;
}

div.k2ArchivesBlock ul li a:hover,
div.k2ArchivesBlock ul a:focus,
div.k2ArchivesBlock ul a:active { color: #c33; text-decoration: none; background: #fff; }

div.k2ArchivesBlock ul li.active > a { font-weight: 100; color: #222; }

/* --- Authors --- */

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

/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock { }

div.k2BreadcrumbsBlock span.bcTitle { padding: 0 4px 0 0; color: #999; }

div.k2BreadcrumbsBlock span.bcSeparator { padding: 0 4px; font-size: 14px; }

/* --- Calendar --- */
div.k2CalendarBlock {
  height: 190px;
  /* use this height value so that the calendar height won't change on Month change via ajax */
  margin-bottom: 8px;
}

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 { margin: -15px 0 0; }

div.k2CategoriesListBlock ul li { line-height: 1.6; }

div.k2CategoriesListBlock ul li a {
  color: #666;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: url(../images/bg-menu.gif) repeat-x left bottom #fefefe;
  display: block;
}

div.k2CategoriesListBlock ul li a:hover,
div.k2CategoriesListBlock ul a:focus,
div.k2CategoriesListBlock ul a:active { color: #c33; text-decoration: none; background: #fff; }

div.k2CategoriesListBlock ul li.active > a { font-weight: 100; color: #222; }
 
div.k2CategoriesListBlock ul li ul { margin: 10px 0 10px 10px; }

div.k2CategoriesListBlock ul li li { background: none !important; border: none !important; }

div.k2CategoriesListBlock ul li li a,
div.k2CategoriesListBlock ul li li a:hover,
div.k2CategoriesListBlock ul li li a:focus,
div.k2CategoriesListBlock ul li li a:active {
  text-indent: 0;
  border: none;
  background: url(../images/arrow.png) no-repeat 0 center;
  padding: 2px 10px;
  margin-bottom: 0;
}

/* --- Search Box --- */
div.k2SearchBlock { position: relative; }

div.k2SearchBlock form { }

div.k2SearchBlock form input.inputbox { }

div.k2SearchBlock form input.button { }

div.k2SearchBlock form input.k2SearchLoading {
  background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}

div.k2SearchBlock div.k2LiveSearchResults {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 99;
  border: 1px solid #ccc;
  margin-top: -1px;
}

  /* Live search results (fetched via ajax) */
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults { list-style: none; margin: 0; padding: 0; }

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li { border: none; margin: 0; padding: 0; }

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
  display: block;
  padding: 1px 2px;
  border-top: 1px dotted #eee;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover { background: #fffff0; }

  
/* --- Tag Cloud --- */
div.k2TagCloudBlock { padding: 8px 0; }

div.k2TagCloudBlock a { padding: 4px; float: left; display: block; }

div.k2TagCloudBlock a:hover {
  padding: 4px;
  float: left;
  display: block;
  background: #135cae;
  color: #fff;
  text-decoration: none;
}

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

/*----------------------------------------------------------------------
  Modules: mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock { }

div.k2UsersBlock ul { }

div.k2UsersBlock ul li { }

div.k2UsersBlock ul li div.ubUserDescription p { line-height: 1.6; }

div.k2UsersBlock ul li div.ubUserAdditionalInfo { height: 16px; }

div.k2UsersBlock ul li div.ubUserAdditionalInfo a {
  display: inline-block;
  margin: 0 2px 0 0;
  width: 16px;
  height: 16px;
}

*+ html div.k2UsersBlock ul li div.ubUserAdditionalInfo a { margin: 0 4px 0 0; }

.ubUserName { font-weight: 700; }

a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  background: url(../images/fugue/feed.png) no-repeat 0 50%;
}

a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span { display: none; }

a.ubUserURL,
a.ubUserURL:hover {
  background: url(../images/fugue/globe.png) no-repeat 0 50%;
}

a.ubUserURL span,
a.ubUserURL:hover span { display: none; }

span.ubUserEmail {
  background: url(../images/fugue/mail.png) no-repeat 0 50%;
}

span.ubUserEmail a { text-indent: -9999px; }

div.k2UsersBlock ul li h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 8px 0 5px;
}

div.k2UsersBlock ul li ul.ubUserItems { margin-top: 15px; }

div.k2UsersBlock ul li ul.ubUserItems li { margin: 5px 0; }

/* Blog page */
div.catItemBlogView { margin: 0 0 10px; padding: 0; }

div#itemListPrimary div.catItemBlogView, div#itemListSecondary div.catItemBlogView { margin-left: 5px; margin-right: 5px; }

div#itemListLeading div.catItemBlogView div.catItemHeader h3.catItemTitle, div.catItemBlogView div.catItemHeader h3.catItemTitle { font-size: 300%; font-weight: 700; }

div.catItemBlogView div.catItemHeader, .itemViewBlog div.itemHeader { position: relative; }

div.catItemBlogView.groupLeading div.catItemHeader,
div.catItemBlogView.groupPrimary div.catItemHeader,
div.catItemBlogView.groupSecondary div.catItemHeader,
.itemViewBlog div.itemHeader { padding: 0 15px 0 90px; }

div.catItemBlogView.groupLeading div.catItemBody,
div.catItemBlogView.groupPrimary div.catItemBody,
div.catItemBlogView.groupSecondary div.catItemBody,
.itemViewBlog div.itemBody { padding: 0 15px 15px 90px; }

.itemViewBlog div.itemHeader, .itemViewBlog div.itemBody { margin: 0 -15px; }

div.catItemBlogView div.catItemImageBlock { margin: 0 0 20px; }

div.catItemBlogView span.catItemAuthor, div.itemViewBlog span.itemAuthor { margin-left: 0; padding-left: 0; background: none; }

div.catItemBlogView span.catItemDateCreated, div.itemViewBlog span.itemDateCreated {
  background: url(../images/bg-date.gif) no-repeat 0 100% #222;
  color: #aaa;
  padding: 6px 20px 12px;
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  width: 36px;
  text-align: center;
}

div.catItemBlogView span.catItemDateCreated span.date,
div.itemViewBlog span.itemDateCreated span.date {
  color: #fff;
  border-bottom: 1px solid #333;
  font-size: 200%;
  font-family: 'TeXGyreAdventorRegular',Helvetica,Arial,sans-serif;
  display: block;
  line-height: 1.4;
}

div.itemViewBlog .itemSocialSharing {
  position: absolute;
  top: 80px;
  left: 10px;
  border-top: none;
  padding: 0 0 0 5px;
}

div.itemViewBlog div.itemTwitterButton, 
div.itemViewBlog div.itemFacebookButton, 
div.itemViewBlog div.itemGooglePlusOneButton { margin: 0 0 10px; float: none; }

#comment-form input#submitCommentButton {
  margin-top: 15px;
}
/* --- END --- */