                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                    

/* A blog day is a container for entries published in the same day. Space out days vertically. */
.blogDay {
  clear: both;
  padding: 10px 0;
  /* Make way for the calendarsheet-like day display */
  margin-left: 56px;
}
/* Calendar sheet display of a blogging day */
.blogdate {
  font-size: 90%;
  width: 48px;
  text-align: center;
  background: #2C3E50;
  border: 1px solid #E8E8E8;
  padding: 0;
  /* Positioning: float it on the left side, in the extra-large margin left by the blogDay container */
  float: left;
  /* Large negative bottom margin fixes a float push bug in IE */
  margin: 0px 8px -10000in -56px;
}


/* Reorganize the date as 3 centered rows */
.blogdate .month, .blogdate .year, .blogdate .day {
  display: block;
  margin: 0;
  border: 0;
  background: transparent;
}
/* The day is the most important part, make it extra large */
.blogdate .day {
  font-size: 250%;
  font-weight: 900;
  line-height: 110%;
  color: #2C3E50;
  float: left;
  background: #FFFFFF;
  width: 100%;
}
#body .blogdate .month, #body .blogdate .year {
  display: inline;
  color: #FFFFFF;
}
/* Restyle the paging links */
.pagingLinks {
  margin: 5px 0;
  padding: 2px 0;
  border: none;
  border-top: 1px solid #E8E8E8;
  font-size: 75%;
  font-variant: normal;
}
.pagingLinks .separator {
  display: none;
}
.pagingLinks a:hover {
  text-decoration: none;
}
/* The toolbox, floated on the right of the title */
.blog-entry-toolbox {
  float: right;
  position: relative;
  z-index: 2;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
/* Add a space between icons of toolbox */
.blog-entry-toolbox .wikiinternallink {
  margin-left: 0.4em;
}
/* Add a space + line between consecutive blog entries */
.hentry + .hentry {
  border-top: 1px solid #E8E8E8;
  padding-top: 2em;
}
/* Grey-out the hidden and unpublished entries */
.index .hidden-article *, .index .unpublished-article *, .category .hidden-article *, .category .unpublished-article * {
  color: #b4bcc2 !important;
}
/* The current skins are not well designed. Ideally, the title should just have the skin style. Remove this once the skins are clean enough. */
.hentry .entry-title {
  margin: 0px 0px 0.5em;
  padding: 0;
  clear: none;
}
.hentry .entry-summary {
  padding: 0 0 0.5em;
  margin: 0px;
}
/* The entry footer, a bit smaller than the rest */
.hentry .entry-footer {
  border-top: 1px solid #E8E8E8;
  margin: 0px 0px 2em;
  font-size: 90%;
  font-weight: normal;
}
.entry-author-label {
  display: inline;
}
.publish-message, .hide-message {
  padding: 8px 28px;
}
.publish-message label, .publish-message input, .hide-message input {
  margin-top: 0;
  margin-bottom: 0;
}
div.edit-categories, div.manage-blogs-link {
  font-size: 75%;
}
/* Trick for making the entry title appear larger in the form editor */
#Blog\.BlogPostClass_0_title {
  font-size: 140%;
  width: 100%;
  font-weight: bold;
}
.createPost {
  font-size: 80%;
  font-weight: bold;
  padding-left: 9px;
}
.hentry .blog-entry-toolbox .wikiinternallink a :not(.hidden-article), .blog-category-tools a .fa, .blog-categories-list a .fa{
  /* disabled blue hyperlink */
  color: black;
}
.blog-category-tools .tool {
    padding-left: 0.25em;
}
/* Image thumbnail display */
.blog-list {
  margin: 10px -15px;
}
.blog-list .blog-image {
  min-width: 100%;
}
.blog-list .blog-left {
  margin-bottom: 10px;
}
.blog-list .blogdate {
  font-size: 140%;
  float: none;
  margin: 0;
  line-height: inherit;
  width: 100%;
}
.blog-list .blogdate .year {
  display: block !important;
}
.blog-list .entry-date {
  font-size: 90%;
  color: #AAAAAA;
  clear: both;
  font-variant: small-caps;
}
.blog-list .blog-entry-toolbox {
  margin-top: -10px;
}
/* Restyle the navigation path */
.blogrefpath>.breadcrumb, .blogrefpath p {
  display: inline-block;
}
.blogrefpath>.breadcrumb {
  padding: 0 0 0 1ex;
  margin: 0;
  background-color: #FFFFFF;
}
.blogrefpath>.breadcrumb .active a {
  color: #18BC9C;
}

.newBlogPostForm {
  margin-bottom: 20px;
}
.post-state-blk.plainmessage {
  padding: 0;
}
.post-state-blk .publish-message {
  padding: 10px 20px;
}
.post-state-blk .hide-message {
  padding: 0 20px;
}
h2.blog-sub-title {
  margin-bottom: 30px;
  margin-top: 0;
}
h3.blog-sub-title {
  margin-bottom: 5px;
  margin-top: -10px;
}
