/*
Theme Name: めくるめく凡庸なる日々の中で、
Theme URI: http://www.happyhiro.com/wp4diary/
Author: happyhiro
Description: happyhiro's diary theme.
*/

/* ページ全体: 常に縦スクロールバーを表示させる */
html {
  overflow-y:scroll;
}

/* 背景色: 管理ツールからも設定できるが値を指定できるのでここで */
body {
  background-color: lightyellow; /* whitesmoke; */
}

/* コンテナ: body内部 */
/* TODO: 980pxを外出ししたい */
div#container {
  width: 980px;
  margin: auto
}

/* ヘッダー */
div#header td#image_title {
  text-align: left;
  font-size: 24pt;
  color: white
}

div#header td#image_description {
  text-align: left;
  font-size: 12pt;
  color: dimgray; /* forestgreen */
}

div#header td#image_since {
  text-align: right;
  font-size: small;
  color: dimgray
}

div#header {
  margin-bottom: 0
}

/* 走行軌跡 */
div#content td#track_history_title {
  text-align: center;
  color: #258FB8;
  background-color: lightgray
}

div#content td#track_history_separater {
  height: 10px
}


/* 注)margin-left, margin-rightを両方autoにして中央揃え */
div#content table#track_history {
  width: 500px;
  border: 0px;
  padding: 0; border-collapse: collapse; border-spacing: 0;
  margin-left: auto; margin-right: auto
}

div#content td#track_history_img {
  padding: 0; border-collapse: collapse; border-spacing: 0
}

/* ナビゲーションバー(ドロップダウンメニューにしてから未使用) */
div#nav {
  clear:both;
  width:100%
}

div#nav ul {
  background-color: #000000;
  padding: 8px 0;
  margin: 0 0 0px
}

div#nav li a {
  font-size: 0.75em;
  color: #ffffff;
  text-decoration: none
}

div#nav li a:hover {
  color: #ffaa00
}

div#nav li {
  display: inline;
  list-style-type: none;
  border-right: solid 1px #ffffff;
  padding-left: 15px;
  padding-right: 15px
}

/* パンくずリスト */
div#bread_crumb {
  clear:both;
  width:100%
}

div#bread_crumb ul {
  color: dimgray; /* #575757; */
  font-size: 0.875em;
  padding: 0px 0px 0px 0px;
  margin: 1px 0px 0px 0px;
}

div#bread_crumb li a {
  color: dimgray; /* #0c8bcd; */
  text-decoration: none;
  padding-right: 15px;
  background: url(img/topic_path.gif) no-repeat right; 
}

div#bread_crumb li a:hover {
  color: #ffaa00
}

div#bread_crumb li {
  display: inline;
  list-style-type: none;
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 0px;
  margin-top: 0px
}

/* コンテンツ: ３段組で２段目(サイドバーを除いたメイン部分) */
/* TODO: 580pxを外出ししたい */
div#content {
  width: 580px;
  float: left; margin-left: 10px;
  background-color: lightyellow; /* whitesmoke; */
}

/* サブ見出し */
div.subitem {
  padding: 0px 35px;
  background-image: url(img/seprator.gif); 
  background-repeat: no-repeat;
  background-position: center center; 
  color: gray
}

/* カテゴリー別表示、アーカイブ(年月)別表示のタイトル */
p#pagetitle  {
  font-size: 0.875em;
  font-weight: bold;
  color: dimgray; /* #0c8bcd; */
  border: dotted 1px dimgray; /* #0c8bcd; */
  background-color: #FEFFF0;
  text-align: center;
  padding: 10px 0;
  margin-top: 0
}

/* 記事全体(タイトル、中身、投稿情報等）固定ページも含む */
div.post {
  font-size: 11pt !important;
  padding: 15px;
  margin-bottom: 20px;
  background-color: lightyellow;
  /* border: solid 1px gray;  #0c8bcd; */
}

/* 記事タイトル */
div.post h2 {
  background-color: lightyellow; /* #a3d2f2; */
  background-image: url(img/date.gif);
  background-repeat: no-repeat;
  font-size: 11pt; /* 0.875em; */
  padding: 10px 50px;
  margin: 5px 0px 20px 0px
}

/* 記事タイトルアンカー */
div.post h2 a {
  text-decoration: none;
  color: #000000
}

/* 記事投稿情報、前次記事、コメント等 */
div.post p  {
  font-size: 0.875em;
  line-height: 1.6;
  margin-top: 10px
}

/* 記事投稿情報 */
p.postinfo  {
  color: dimgray; /* #0c8bcd; */
  text-align: right;
  margin: 20px 0 0;
  clear: both
}

/* 記事投稿情報アンカー */
p.postinfo a {
  color: dimgray; /* #0c8bcd */
}


/* 記事内の画像のスタイル(アップロード時に切られるクラス名) */

/* TODO: 直接アップロードしないので未使用(使えるようにしたいが...) */
.aligncenter  {
  display: block;
  margin-left: auto;
  margin-right: auto
}

/* TODO: 直接アップロードしないので未使用(使えるようにしたいが...) */
.alignright  {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px
}

/* TODO: 直接アップロードしないので未使用(使えるようにしたいが...) */
.alignleft  {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}

/* TODO: 直接アップロードしないので未使用(使えるようにしたいが...) */
.wp-caption {
  border: solid 1px #aaaaaa;
  text-align: center;
  padding-top: 5px
}

/* 記事画像 */
div.post img  {
  border: none
}

div.post {
  font-size: 11pt;
  color: #575757
}

/* 記事リンク */
div.post {
  font-size: 11pt;
  color: #575757
}

div.post a {
  text-decoration: none;
  color: #0c8bcd
}

div.post a:link {
  color: #0c8bcd
}

div.post a:visited {
  color: #0c8bdd
}

div.post a:hover {
  color: orange
}

/* ページリンク(前ページ) */
span.oldpage {
  float: left
}

/* ページリンク(後ページ) */
span.newpage {
  float: right
}

/* ページリンクアンカー */
p.pagelink a {
  font-size: 0.75em;
  color: #0c8bcd
}

/* ページリンク(IE対策？) */
p.pagelink {
  overflow: hidden;
  width: 100%
}


/* コメント(WPの吐き出すタグを解析して必要時設定) */
#comments  {
 /* border: solid 1px blue;  #0c8bcd; */
  padding: 0 18px;
  margin: 20px 0px;
  background-color: whitesmoke; /* lightyellow; */
}

#comments h3  {
  font-size: 0.875em;
  border-bottom: solid 1px gray; /* #0c8bcd; */
  padding-bottom: 3px;
  margin-top: 20px
}

#comments p {
  font-size: 0.75em
}

#comments p a {
  color: dimgray; /* #0c8bcd */
}

#comments input, #comments textarea {
  display: block
}

#comments textarea {
  width: 500px
}

#comments .required {
  color: #ff0000
}

#comments code {
  display: block;
  margin-top: 5px;
  font-size: smaller
}

#comments ul {
  margin: 0;
  padding: 0
}

#comments li.compost {
  list-style-type: none;
  border-bottom: dotted 1px gray; /* #0c8bcd; */
  margin-bottom: 20px;
}

#comments p.cominfo {
  text-align: right
}

#comments #comfeed a {
  background-image: url(img/feed-icon-12x12.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 17px;
  line-height: 1em;
  color: dimgray; /* #000000; */
  text-decoration: none
}

#comments #comfeed {
  background-color: lightgray; /* #a3d2f2; */
  padding: 8px;
  margin-top: 30px
}

#comments #trur {
  background-color: #a3d2f2;
  padding: 8px;
  margin-bottom: 30px
}

/* サイドバー(左) */
/* TODO: 190pxを外出ししたい */
div#LeftSidebar {
  width: 190px;
  float: left
}

div#LeftSidebar ul {
  margin: 0;
  padding: 0;
}

div#LeftSidebar li {
  list-style-type: none
}

div#LeftSidebar .widget {
  background-color: lightgray; /* orange; */
  padding: 16px;
  margin-bottom: 10px
}

div#LeftSidebar h2 {
  font-size: 0.75em;
  color: dimgray; /* #ffffff; */
  border-bottom: solid 1px #ffffff;
  padding-bottom: 8px;
  margin: 0 0 10px}

div#LeftSidebar li li {
  font-size: 0.75em;
  color: dimgray; /* #ffffff; */
  margin-bottom: 4px;
  background-image: url(img/listmark_left.gif);
  background-repeat: no-repeat;
  padding-left: 16px
}

div#LeftSidebar li li a {
  text-decoration: none;
  color: #0c8bcd
}

div#LeftSidebar li a {
  text-decoration: none
}

div#LeftSidebar li a:link {
    color: dimgray; /* #ffffff */
}

div#LeftSidebar li a:visited {
    color: dimgray; /* #ffffff */
}

div#LeftSidebar li a:hover {
        color: orange;
}

/* サイドバー(右) */
div#RightSidebar {
  width: 190px;
  float: right
}

div#RightSidebar ul {
  margin: 0;
  padding: 0;
}

div#RightSidebar li {
    list-style-type: none
}

div#RightSidebar .widget {
  background-color: whitesmoke; /* #0c8bcd; */
  padding: 16px;
  margin-bottom: 10px
}

div#RightSidebar h2 {
  font-size: 0.75em;
  color: dimgray; /* #ffffff; */
  border-bottom: solid 1px dimgray; /* #ffffff; */
  padding-bottom: 8px;
  margin: 0 0 10px
}

div#RightSidebar li li {
  font-size: 0.75em;
  margin-bottom: 4px;
  background-image: url(img/listmark_right.gif);
  background-repeat: no-repeat;
  padding-left: 16px
}

div#RightSidebar li li a {
  text-decoration: none;
  color: dimgray /* #ffffff */
}

/* カテゴリー */
/* 投稿件数の色を指定 */
.widget_categories li {
  color: dimgray;
}

/* アーカイブ */
/* 投稿件数の色を指定 */
.widget_archive li {
  color: dimgray;
}

/* 最近のコメント */
.widget_recent_comments {
  color: dimgray; /* white */
}

/* 検索 */
.widget_search label {
  color: dimgray; /* white */
}

/* カレンダー */
.widget_calendar h2 {
  display: none
}

#wp-calendar {
  font-size: 0.75em;
  color: dimgray; /* #ffffff; */
  width: 100%
}

#wp-calendar a {
  color: dimgray; /* #ffffff */
}

#wp-calendar td, #wp-calendar th {
  text-align: center
}

#wp-calendar caption {
  font-weight: bold;
  text-align: left;
  border-bottom: solid 1px dimgray; /* #ffffff; */
  padding-bottom: 8px;
  margin-bottom: 8px
}

#wp-calendar #prev {
  text-align: left;
  padding-top: 3px
}

#wp-calendar #next {
  text-align: right;
  padding-top: 3px
}

/* フィード */
p.feed {
  font-size: 0.75em;
  font-family: Verdana, Helvetica, sans-serif;
/*  border: solid 1px #0c8bcd;  */
  padding: 5px;
  margin: 25px 0;
  background-color: lightgray; /* lightyellow */
}

p.feed a {
  color: #444444;
  text-decoration: none
}

p.feed img {
  vertical-align: middle;
  margin-right: 8px
}

/* フッター */
div#footer  {
  clear: both;
  border-top: solid 3px #000000;
  padding: 6px 0;
}

address {
  font-size: 0.75em;
  font-style: normal;
  font-family: Verdana, sans-serif;
  margin: 0
}

address a {
  color: #000000
}

/* 固定ページ(デフォルト) */
div#content.page {
  width: 100%
}

/* 固定ページ(1段組) */
div#content.singlepage {
  width: 100%; margin-left: 0px;
}

/* 固定ページ(2段組) */
div#content.twicepage {
  width: 780px
}
/* 固定ページ(3段組) */
div#content.triplepage {
  width: 580px
}

/* リンク集 */
div#content table#Links {
  width: 900px;
  border-collapse: collapse;
  border:0px;
  color: dimgray;
  margin-left: auto; margin-right: auto
}

div#content th#Links,td#Links  {
  border-top: 0px blue inset;
  border-bottom: 1px blue inset;
  border-left: 0px blue inset;
  border-right: 0px blue inset;
  vertical-align: bottom
}

div#content tr#Links {
  height: 50px
}

div#content td#LinksBanner  {
  border-top: 0px blue inset;
  border-bottom: 1px blue inset;
  border-left: 0px blue inset;
  border-right: 0px blue inset;
  vertical-align: bottom;
  text-align: right
}

td#Links a {
  text-decoration: none;
  color: #0c8bcd
}

td#Links a:link {
  color: #0c8bcd
}

td#Links a:visited {
  color: #0c8bdd
}

td#Links a:hover {
  color: orange
}

  

/* >>>>> リンク集ページ >>>>> */
/* リンク集のスタイルシートはもうちょっと綺麗にしたい。未使用のgif、クラスなども多いし */
.linkcat h2 {
    font-size:14px;
    padding:5px 12px; }
li.linkcat{
    list-style-type:none;
    margin-top:10px;
  padding-bottom:30px;
}
.xoxo ul,.linkcat ul{
    list-style-type:none;
  margin:0 0 1em 1em;
  padding-top:0;
  line-height:0%; }
.linkcat ul li{
    list-style-type:none;
    margin:0.7em 0 0 0.3em;
  line-height:160%;
  background:url(image/kizi_li.gif) no-repeat 0px 4px;
  padding:0 0 0 18px; }
.xoxo ul{
    margin:1em 0 1em 2em;
  line-height:160%;
  background:url(img/arrow2.gif) no-repeat 3px 7px;
  padding:0 0 0 18px; }
.xoxo a img{
    float:right;
  border:none;
  background:none;
  }
  
div#links li  { 
  list-style-type:none;
  margin-top: 40px;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  padding-left: 16px
}

div#links li a  {font-weight: bold}
div#links li a:link  {color: navy}
div#links li a:visited  {color: navy}
div#links li a:hover  {color: orange}
/* <<<<< リンク集ページ集 <<<<< */


/* 一覧表示 */
div#content table#listup {
  border-spacing: 1px;
  border-collapse:collapse;
  border:0px;
  color: dimgray;
  margin-left: auto; margin-right: auto
}

div#content th#listup {
  border: 1px solid white; 
  background-color: lightgray; 
  text-align: center;
}

div#content td#listupLeft {
  border: 1px solid lightgray; 
  background-color: white; 
  text-align: left;
}

div#content td#listupCenter  {
  border: 1px solid lightgray; 
  background-color: white; 
  text-align: center;
}

div#content td#listupRight  {
  border: 1px solid lightgray; 
  background-color: white; 
  text-align: right;
}