@charset "utf-8";
/*
Theme Name: 頭ん中
Theme URI: http://www.msng.info/
Description: 『頭ん中』のテーマですよ。
Version: 0.1
Author: msng
Author URI: http://www.msng.info/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/



/* Tags */
* {
  margin: 0;
  padding: 0;
}

body, html {
  height: 100%;
}

body {
  text-align: center;
  line-height: 1.5;
  font-size: 0.9em;
  color: #333;
}

h2 {
  font-size: 1em;
}

a {
  color: #33C;
}

a:hover {
  color: #FFF;
  background-color: #33C;
}

img {
  border: none;
}

textarea {
  width: 99%;
}

ol, ul {
  margin-left: 40px;
}

li {
  margin-bottom: 0.3em;
}

label {
  cursor: pointer;
}

del {
  display: inline;
  text-decortion: line-through;
  color: #999;
}


/* Classes */
.hidden {
  display: none;
}

.del {
  text-decortion: line-through;
  color: #999;
}

.entry-related {
  margin-left: 20px;
  list-style: none;
}

.entry-related li {
  padding-left: 20px;
  background: url(img/control_play_blue.png) 0 3px no-repeat;
}

.hatena-star-comment-container {
  display: none;
}


/* Clearfix */
.clearfix:after,
.navigation:after,
#body:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix,
.navigation
#body {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html .navigation,
* html #body {
    height: 1%;
}
.clearfix,
.navigation,
#body {
    display: block;
}
/* End hide from IE-mac */



/* Layout */
#container {
  position: relative;
  margin: 0 auto;
  min-height: 100%;
  width: 800px;
  text-align: left;
}
* html #container {
    height: 100%;
}


#header {
  width: 100%;
}

#body {
  padding: 20px 0 2em 0;
}

#content {
  width: 570px;
  float: left;
}

#sidebar {
  width: 200px;
  float: right;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}



/* Header */
#header h1 {
  padding: 10px 10px 5px 10px;
  border-bottom: 3px solid #CCF;
}

#header h1 a.title {
/*
  width: 120px;
  height: 60px;
  background: url(img/title.png) no-repeat;
  text-indent: -999em;
*/
  display: block;
  font-size: 45px;
  line-height: 45px;
  color: #99F;
  text-decoration: none;
  overflow: hidden;
  outline: none;
}

#header h1 a.title:hover {
    background: none;
}

#header .description {
  background-color: #F5F5FF;
  text-align: center;
  font-size: 0.8em;
}



/* Body */
.pagetitle {
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #CCC;
  background-color: #F5F5FF;
  text-align: center;
}



/* Content */
#content {
  overflow: hidden;
}



/* Posts */
.post {
  margin-bottom: 3em;
  overflow: hidden;
}

.post h2 {
  padding: 0 5px;
  border-bottom: 2px solid #CCC;
  font-size: 1.3em;
  font-weight: bold;
}

.post h2 a {
  text-decoration: none;
  color: #333;
}

.post h2 a:hover {
  color: #FFF;
  background-color: #333;
}

.post-date {
  margin: 3px 0 15px;
  text-align: right;
  font-size: 0.8em;
}

.post-body {
  margin: 0 0 3em 0;
  padding-left: 15px;
}

.post-body p {
  margin: 0 0 1.5em;
}

.post-body h3 {
  margin: 3em 0 0;
}

.post-body h3.top {
  margin: 0;
}

.post-body ol, .post-body ul {
  margin-bottom: 1.5em;
}

p.cite {
  margin: 0;
}

.post-body blockquote {
  margin: 0 0 1.5em 0;
  padding: 10px 10px 0;
  border: 1px solid #999;
  background-color: #F5F5FF;
}

.post-body blockquote p {
  margin-bottom: 10px;
}

.post-footer {
  border-bottom: 1px solid #999;
  font-size: 0.8em;
}

.post-ad {
  margin: 3em 0;
}


/* Pages */
.page h2 {
  margin-bottom: 2em;
}



/* Comments */
.commentlist {
  margin: 0;
  padding: 0;
  border-top: 1px solid #999;
  font-size: 0.8em;
  list-style: none;
}

.comment {
  margin: 0;
  padding: 10px 15px 10px 10px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #999;
}

.comment-user {
  background-color: #F5F5FF;
}

.comment-admin {
  background-color: #FFF;
}

.comment-pending {
  background-color: #FEE;
}
.comment-pending-text {
  font-weight: bold;
}

.comment-author {
  float: left;
  width: 84px;
  text-align: center;
}

.comment-author a {
  text-decoration: none;
}

.comment-thumbnail {
  width: 64px;
  height: 64px;
  margin: 3px 10px 0;
}

.comment-body {
  float: right;
  width: 450px;
}

.comment-date {
  margin-bottom: 5px;
  text-align: right;
}




/* Navigation */
.navigation {
  margin-bottom: 2em;
  font-size: 0.8em;
}

.navigation .older {
  float: left;
}

.navigation .newer {
  float: right;
}



/* Search Result */
ul.search-list {
  margin: 0 0 3em 20px;
  list-style: none;
}

ul.search-list li {
  padding-left: 20px;
  background: url(img/magnifier.png) 0 3px no-repeat;
}




/* Sidebar */
#sidebar {
  overflow: hidden;
  font-size: 0.8em;
}

#sidebar a {
  text-decoration: none;
}

#sidebar ul {
  margin: 0;
  list-style: none;
}

#sidebar .widget {
  margin-bottom: 15px;
  padding: 1px;
  border: 1px solid #DDF;
}

#sidebar #text-357223543 {
  border: none;
}

#sidebar h2 {
  padding: 5px 0;
  background: url(img/sidebar-title.png);
  line-height: 1;
  text-align: center;
}

#sidebar .widget ul {
  padding: 5px 5px 0;
}

#sidebar .widget ul li {
  margin-bottom: 5px;
  padding-left: 20px;
}

#linkcat-2 li { background: url(img/bullet_arrow_right.gif) no-repeat; }
#recent-posts li { background: url(img/page_white_text.gif) no-repeat; }
#popular-posts li { background: url(img/page_white_star.gif) no-repeat; }
#recent-comments li { background: url(img/comment.gif) no-repeat; }

#sidebar #archives {
  text-align: center;
}

#sidebar #archives select {
  margin: 10px;
}

#sidebar #search {
  position: absolute;
  right: 0;
  top: 25px;
  border: none;
  background: none;
}

#sidebar #s {
  padding: 3px;
}

#sidebar #searchsubmit {
  width: 16px;
  height: 20px;
  border: none;
  overflow: hidden;
  outline: none;
  background: url(img/magnifier.png) right no-repeat;
  text-indent: -999em;
  cursor: pointer;
}

#sidebar #text-357219841 {
  padding: 0;
  border: none;
}
#sidebar #text-357223542 {
  padding: 0;
  border: none;
}
#sidebar #text-357223541 {
  text-align: center;
}


/* Footer */
#footer {
  border-top: 1px solid #CCC;
  background-color: #F5F5FF;
  font-size: 0.8em;
}

#footer p {
  margin: 0;
}