/*
Theme Name: Sample Theme
Theme URI: http://lesson.tsunagu-mirai.com/
Description: This is my sample theme.
*/

/* コンテナ*/
div#container {width: 760px;
              margin: auto}


/* ヘッダー */

div#header h1   {font-size: 1.875em;
                 margin: 0;
                 float: left;
                 margin-bottom: 4px}

div#header h1 a {text-decoration: none;
                 color: #000000}

div#header p#desc {font-size: 0.75em;
                   color: #444444;
                   margin: 0;
                   float: right;
                   margin-top: 18px}

div#header      {border-bottom: none;
                 padding-bottom: 0;
                 margin-bottom: 20px}

div#header p#image  {margin: 8px 0 0}

/* ナビゲーションバー*/
div#nav             {clear: both;
                     width: 100%} 

div#header          {margin-bottom: -5px}

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

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#content         {width: 515px;
                     float: left}

p#pagetitle         {font-size: 0.875em;
                     font-weight: bold;
                     color: #0c8bcd;
                     border: dotted 1px #0c8bcd;
                     text-align: center;
                     padding: 10px 0;
                     margin-top: 0}

/* 記事 */

div.post         {border: solid 1px #0c8bcd;
                  padding: 15px;
                  margin-bottom: 20px}

div.post h2      {background-color: #a3d2f2;
                  background-image: url(titlebar.png);
                  font-size: 0.875em;
                  padding: 10px;
                  margin: 0}

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: #0c8bcd;
                 text-align: right;
                 margin: 20px 0 0;
                 clear: both}

p.postinfo a    {color: #0c8bcd} 

/* 記事内の画像 */
.aligncenter    {display: block;
                 margin-left: auto;
                 margin-right: auto}

div.post img    {border: none}

.alignleft      {float: left;
                 margin-right: 10px;
                 margin-bottom: 10px}

.alignright     {float: right;
                 margin-left: 10px;
                 margin-bottom: 10px}

.wp-caption     {border: solid 1px #aaaaaa;
                 text-align: center;
                 padding-top: 5px}


/* ページリンク */

span.oldpage    {float: left}

span.newpage    {float: right}

p.pagelink a    {font-size: 0.75em;
                 color: #0c8bcd}

p.pagelink      {overflow: hidden;
                 width: 100%}

/* コメント */

#comments       {border: solid 1px #0c8bcd;
                 padding: 0 18px;
                 margin: 20px 0}

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

#comments p    {font-size: 0.75em}

#comments p a  {color: #0c8bcd}

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

#comments  textarea {width: 450px}

#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 #08c8bcd;
                 margin-bottom: 20px}

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

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

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

#comments #trurl 
                 {background-color: #a3d2f2;
                  padding: 8px;
                  margin-top: 30px}




/* サイドバー */
div#sidebar     {width: 220px;
                 float: right}

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

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

div#sidebar .widget  {background-color: #0c8bcd;
                      padding: 16px;
                      margin-bottom: 10px}

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

div#sidebar li li a  {text-decoration: none;
                      color: #ffffff}

div#sidebar h2       {background-color: #0c8bcd;
                      color: #ffffff;
                      border-bottom: solid 1px #ffffff;
                      padding-bottom: 8px;
                      margin: 0 0 10px}

/* カレンダー */

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

#wp-calendar a       {color: #ffffff}

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


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

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

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

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

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

/* トップページ */
div#topcontent p {text-align: center;
                  font-size: 0.875em;
                  line-height: 1.5;
                  margin: 0 0 20px} 

/* コンテンツの背景 */
div.post,
p.feed,
#comments       {background-color: #ffffff}