.title b time {
  font-weight:bold;
  color:#fff;
}

.star-count-container{
  font-weight:bold;
}

.star-count-container img {
  vertical-align:middle;
  margin-right:3px;
  margin-bottom:5px;
  margin-left:5px;
}

.star-yellow {
  color:#FCB528;
}

.star-green {
  color:#3DCE24;
}

.star-red {
  color:#F32D46;
}

.star-blue {
  color:#159FDC;
}

.star-purple {
  color:#BE00BF;
}

.page-title img:first-child {
  width:48px;
  height:48px;
}

#container {
  overflow:hidden;
}

.pager {
  display: table;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.pager a {
  display: table-cell;
  padding: 3px;
  vertical-align: middle;
}

.pager a + a,
.pager a:only-child {
  text-align: right;
}

ul.list li .section span img,
ul.list li .profile-image,
ul.list li .profile-icon {
  vertical-align:middle;
  margin:0 3px 3px 3px;
}

.block-link.list li a img.profile-image {
  vertical-align:middle;
  margin-bottom:3px;
  margin-right:3px;
}

.star-quote {
  margin-top: 0;
  margin-bottom: 0;
}

img.emoji {
  display:inline;
  border-style:none;
}

/* ====== FOOTER ====== */

div#footer-menu {
    background: none repeat scroll 0 0 #dedede;
    border-top: 1px solid #aaa;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

div#footer-menu a {
    color: #3C4651;
    display: inline-block;
    font-size: 80%;
    margin-right: 0;
    padding: 5px 4px 5px 17px;
    text-shadow: 0 1px 0 white;
}

div#footer-menu img {
    margin-bottom: 0;
}
a.pcpage {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEMSURBVHjaYvz//z8DNQATA5UA1QxiQRdQVlW1IqDn493bt68SNAgI1gjw8z9gZWX9ii7x+/dv7i9fvigAmVJ4DQK6RhZEnz1zBmTIR2zO0Tc0JOw1Wxsbo6PHjoGYrrj8BXTRM4KBraikJKatpUUwYI1MTPgIxhobG9tXQgYpKCiYEzTo2bNnLHoGBnzYDACGIR8QMFiYmyvgDaMP799zv379mp2Ti+uGipoaA7ZU//nzZwZseYERphhomzYLC8tGRgYGLi5ubrxeY2Zm/vrp48eAmzduXEUxSFJIQJuZlXU3EyMTAwc7GwMjIyPBAAeq+HLjwSM1FK89f/eBnFzxD6vXhl/up5pBAAEGAI0QTjEQsmPdAAAAAElFTkSuQmCC") no-repeat scroll 0 7px transparent;
}
a.menu {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACSSURBVHjaYvz//z8DNQATA5UAC7qAiYlJMZAqJkJv75kzZ3pxGgQ1hBuIefAY8gWqDq9BIMBz/PhxJktLy3979uxh+vTpE8PXr18ZuLm5Gfj4+BhcXFxAlnzF6zUYABkCooGa/pEVRjBAwEX/iDZo1EVD0EVfgIbw4HHRF2IM6oUm/6+E8hoyh3HQFSNUMwggwADzmmh7r5Te0gAAAABJRU5ErkJggg==) no-repeat 0% 5px;
}

#footer-menu #langselector-button {
  background-image: url(http://h.hatena.ne.jp/images/lang.png);
  background-repeat: no-repeat;
}

div.pagetop {
    margin-top: 7px;
    padding-right: 13px;
    text-align: right;
}

div.pagetop a {
    background: url("http://b.hatena.ne.jp/images/touch/up-arrow.png") no-repeat scroll left -2px transparent;
    font-size: 75%;
    font-weight: bold;
    padding-left: 18px;
        color:#222222;
}

/* Language selector */

.langselector-container {
  display:block;
  position:relative;
}

.localepanel {
  display: none;
  text-align: left;
}
.localepanel.shown {
  display: block;
  position: absolute;
  z-index: 100000;
}

body div#langselector,
.localepanel {
  z-index:1000000;
  border:1px solid #ccc !important;
  margin:0 !important;
  padding:0 0 3px 0!important;
  font-size:75%;
  background:#fff;
  width:80%!important;
  left:10%!important;
  top:auto!important;
  bottom: 33px;
}


.localepanel h2 {
  padding:3px 0 5px 3px;
  font-weight:bold;
  border-bottom:1px solid #ddd;
  margin:5px 3px 3px 3px;
  line-height:1.5;
  font-size:100%;
  text-decoration:none;
  text-align:left;
}

.localepanel ul{
  margin:0;
  padding:0;
  list-style:none;
}

.localepanel  ul li{
  padding:3px 4px;
  margin:0 3px;
  line-height:1.5;
  text-align:left;
  float:none !important;
}

.localepanel  ul li.selected{
  background:#eee;
  font-weight:bold;
}


.localepanel  ul li.selected a{
  text-decoration:none;
}

body div#langselector ul li a,
.localepanel  ul li a{
  color:#333;
  display:block;
  text-decoration:none;
  background-image:none;
}

.localepanel  ul li a:hover{
  text-decoration:underline;
}

.localepanel  ul li.selected a:hover{
  text-decoration:none;
}

.localepanel-lang {
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
}