/*
Theme Name: k-ui.jp 2
Theme URI: http://k-ui.jp
Description: k-ui.jp のテンプレートその 2
Author: Keiichiro Ui
Author URI: http://k-ui.jp
version: 1.0
*/

/* ページ全体 */
body {
    font-family: "ＭＳ Ｐ明朝",細明朝体,serif;
    background-color: #fff; 
    font-weight: 100;
    font-size: 110%;
    color: #333;
}
* { 
  margin: 0;
  padding: 0;
  border: none;
}
input,textarea{
  border: 1px solid #999;
}
a{
  color: #03c;
  text-decoration: none;
}
a:hover{
  background-color: #ff6; 
}
/* /ページ全体 */



/* container */
div#container{
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  min-width: 800px;
  width: 90%;
  margin: 0px auto;
  text-align: left;
  position: relative;
}

#header,
#menu,
#container,
#booter{
  clear: both;
}
/* /container */


/* header */
#header {
  border-bottom: 1px solid #666;
}
#header h1{
  text-align: center;
}
#header h1 a{
  display: block;
  padding: 10px;
}
#header h2{
  display: none;
}
/* /header */

/* menu */
#menu { 
}
#menu #searchform{
  float: right;
}
#menu #searchform div{
  padding: 5px;
}
#menu #searchform input{
}
#menu ul{
  float: left;
}
#menu ul li{
  float: left;
  list-style: none;
  border-right: 1px solid #666;
}
#menu ul li a{
  display: block;
  padding: 10px 0px;
  text-align: center;
  width: 100px;
}
/* /menu */

/* content */
#content {
  border-top: 1px solid #666;
  border-bottom: 1px solid #333;
  clear: both;
}

/* post */
#content .post{
  padding: 30px 0px;
}
#content .post h2{
  margin:  0px 30px;
}
#content .post h2 a{
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  display: block;
  padding: 10px;
  text-decoration: none;
}
#content .post .postmetadata{
  display: block;
  text-align: right;
  padding: 10px 20px;
  font-size: 90%;
  margin:  0px 20px;
}
#content .post small.postmetadata{
}

/* entry */
#content .post .entry{
  margin: 0px 20px;
  line-height: 1.5em;
}
#content .post .entry a{
  text-decoration: underline;
}
#content .post .entry ul,
#content .post .entry dl,
#content .post .entry ol{
  margin: 0px 20px;
}
#content .post .entry li{
  margin: 10px 0px 10px 20px;
}
#content .post .entry li p{
    padding: 2px 0px;
    font-size: 90%;
    color: #666;
}
#content .post .entry dd{
  margin: 0px 0px 10px 20px;
}
#content .post .entry code{
    background-color: #F9F9F9;
    border: 1px solid silver;
    padding: 2px 5px;
    color: #333;
    font-family: monospace;
}
#content .post .entry pre,
#content .post .entry blockquote{
    border: 1px solid silver;
    background-color: #F9F9F9;
    padding: 5px;
    width: 94%;
    margin: 10px auto;
    font-size: 90%;
}
#content .post .entry div.wp_syntax{
    width: 94%;
    margin: 10px auto;
}
#content .post .entry div.wp_syntax pre{
    padding: 0px;
    width: 100%;
    border: 1px none #000;
    background-color: #F9F9F9;
}
#content .post .entry p{
    padding: 5px 0px;
    text-indent: 0px;
}
#content .post .entry h3{
  margin: 25px 0px 5px;
  border-left: 5px solid #f6c;
  padding: 10px 10px;
}
#content .post .entry h4{
  margin: 20px 0px 5px;
}
#content .post .entry strong{
  color: #c06;
  font-weight: 900;
}
#content .post .entry a:visited{
  color: #c6c;
}
#content .post .entry .wp_syntax table{
  width: 100%;
}
#content .post .entry .wp_syntax table td.line_numbers{
  width: 3%;
}
#content .post .entry .wp_syntax table td.code{
  width: 95%;
}
#content .post .entry .wp_syntax table td.code pre{
  width: 95%;
}

/* navigation */
#content .post .entry .navigation{
  padding: 10px 20px;
}
#content .post .entry .alignleft{
  float: left;
}
#content .post .entry .alignright{
  float: right;
}
/* /navigation */

/* Retweet */
#content .post .entry div.retweet{
    font-size: 80%;
    font-weight: lighter;
    font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
    text-align: right;
    margin: 0px 40px;
    /*display: none;*/
}
#content .post .entry div.retweet .rt{
    font-weight: 900;
}
#content .post .entry div.retweet a{
    color: #3cf;
    padding: 3px 8px;
    border: solid 2px #3cf;
    text-decoration: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#content .post .entry div.retweet a:hover{
  color: #fff;
  background-color: #3cf;
  border: solid 2px #666;
}
/* /Retweet */

/* /entry */

/* /post */

/* commentssection */
#content #commentssection {
  clear: both;
  border-top: 1px solid #333;
}
#content #commentssection h3{
  border-bottom: 1px dotted #999;
  padding: 10px;
  margin:  0px 20px;
}
#content #commentssection ol{
  margin: 10px;
}
#content #commentssection li{
  padding: 10px 0px 10px 20px;
  list-style-position: inside;
}
#content #commentssection li p{
  margin: 0px 10px;
  text-indent: 1em;
}
/* /commentssection */

/* commentform */
#content #commentform{
 
}
#content #commentform h3{
  border-bottom: 1px dotted #999;
  border-top: 1px dotted #999;
  padding: 10px;
  margin:  10px 20px;
}
#content #commentform p{
  padding: 4px 20px;
}
/* /commentform*/

/* /content */


/* sidebar */

/* as sidebar
#sidebar{
  position: fixed;
  left: 10%;
  top: 50px;
  border: 1px solid #999;
}
*/

/* as footer */
#sidebar{
  padding: 10px;
}
#sidebar ul li{
  float: left;
  padding: 0px 10px;
  border-right: 1px dotted #ccc;
  list-style: none;
}
#sidebar ul li ul li{
  clear: both;
  padding: 0px 10px 0px 10px;
  border-right: none;
}
/* /sidebar */

/* footer */
#footer{
  clear: both;
  text-align: center;
  border-top: 1px solid #666;
  padding: 10px;
}
/* /footer */