/*======================================
 Universal
=======================================*/

/* goodbye IE 
* + html div,
* + html dl,
* + html fieldset,
* + html form,
* + html h1,
* + html h2,
* + html h3,
* + html h4,
* + html h5,
* + html h6,
* + html p,
* + html pre,
* + html table,
* + html blockquote,
* + html address,
* + html noframes,
* + html label {
  zoom: 1;
}

* + html ul,
* + html ol,
* + html li {
  zoom: normal;
}
*/
body {
  max-width : 82em;
  margin    : 0 auto;
}


#header,
#contents,
#navi,
#footer {
  list-style : none;
  margin     : 0;
  padding    : 0;
}


/*======================================
 Header
=======================================*/

#header {
  margin       : 0 0 20px 0; 
  padding      : 0;
  border-width : 0 8px 8px 8px;
  border-style : solid;
}

#header .logo {
  padding      : 0 10px;
  margin       : 0;
  border-width : 0 5px 5px;
  border-style : solid;
  min-height   : 65px;
  min-width    : 315px;
}
#header .logo a{
  text-decoration:none;
}
#header .logo a img{
  color       : #FFFFFF;
  font-size   : 270%;
  font-weight : bold;  
}

/* navigation tabs */
#header .sites {
  list-style   : none;
  margin       : -5px 0 0 0;
  padding      : 0;
  border-width : 5px;
  border-style : solid;
  width        : 38%;
}
#header .sites ul{
  margin  : 0 0 0 0;
  padding : 0;
}

#header .sites li {
  display   : block;
  margin    : 3px 0 -3px -3px;
  padding   : 0   0 3px  3px;
  width     : 20%;
  min-width : 3em;
}

#header a {
  margin  : 0;
  display : block;
}
#header a span {
  display : block;
  padding : 5px;
}

/*======================================
 Contents
=======================================*/

#contents {
  margin    : 0 1em 0 0;
  padding   : 0 0 0 5%;
  width     : 45em;
  max-width : 90%;
}

/* fix IE7 */
*:first-child+html #contents{
  margin-right : -2em;
}

/* contents header */
.entries  .head ,
.archives .head ,
.home     .head {
  margin-bottom : 1em;
}

.entry    .head .title ,
.entries  .head .title ,
.archives .head .title ,
.home     .head .title {
  margin       : 0;
  padding      : 4px 0 4px 8px;
  border-width : 0 0 8px 0;
  border-style : solid;
}

.entry   .head .title span ,
.entries .head .title span {
  display   : block;
  font-size : 0.5em;
}

.entry .head .time dt {
  width : 62%;
}

.entry .head .created ,
.entry .head .updated {
  padding-left : 20px;
}

.entry   .head .tags ,
.entries .head h2 {
  border-width : 0 0 1px 0;
  border-style : solid;
  margin       : 0;
  padding      : 0.5em 0 0;
}

.entry .head .tags li {
  padding-left : 18px;
  margin-right : 1em;
  display      : inline;
}


/* contents body */
.entry h2,
.home  h2{
  margin-right : 0;
  padding      : 4px 0 4px 8px;
}

.home     h2,
.entry    h2,
.entry    h3,
#contents .archive .title {
  margin-bottom : 0.5em;
}

.entry    h3,
.entries  .entry   .title,
.archives .archive .title{
  border-width : 1px 0 1px 10px;
  border-style : solid;
  padding-left : 3px;
}

.entry h4 {
  margin-bottom : 0.3em;
  border-width  : 0 0 1px 0;
  border-style  : solid;
}

.entry .body img {
  border-width : 2px;
  border-style : solid;
  max-width    : 100%;
  display      : block;
}

.entry .body img.inline_img{
  border  : 0;
  display : inline;
}

.entry .body p.image a.flickr {
  padding-left : 20px;
}

.entry .body ins{
  padding-left : 42px;
}

.entry .body .posted {
  margin        : 2em 1em 2em 0;
  padding       : 0.5em 0;
  border-width  : 5px 0;
  border-style  : dashed;
}

.entry .body .vicinity{
  list-style : none;
  padding    : 0;
}

.entry .body .vicinity li {
  width        : 28%;
  padding-left : 30px;
}

.entry .body .adsense{
  overflow : auto;
}

/* other contents */

.home  #contents .sites,
.home  #contents .photos,
.entry .category,
.entry .related,
.entry #comment,
.entry #trackback{
  width     : 48%;
  min-width : 21em;
  max-width : 100%;
}
.entries .entry .category {
  width : auto;
  min-width : inherit;
  max-width : inherit;
}

.www     .comment,
.preview .comment {
  width : auto;
}


.entry .amazon{
  clear        : both;
  margin-right : 1em;
  overflow     : auto;
}

.home  #contents .sites,
.entry .comment,
.entry .category {
  margin-right : 1em;
}

.entry .comment   .caption,
.entry .trackback .caption {
  margin-left  : 0;
  margin-right : 0;
  padding-left : 43px;
  border       : 0;
}

.entry .comment   .list dt,
.entry .trackback .list dt {
  padding-left : 18px;
}
.entry .comment form {
  margin       : 10px;
  padding      : 0 5px;
  border-width : 1px;
  border-style : solid;
}
.entry .comment label {
  display : block;
  margin  : 5px 0;
}
.entry .comment textarea {
  width : 80%;
}

.entry .comment input[type="text"] {
  width : 80%;
}

/* entries */
.entries .head .categories li{
  padding-left : 18px;
  margin-right : 1em;
}

.entries .categories,
.entries .tags,
.entries .info {
  clear           : both;
  list-style-type : none;
  padding         : 0;
  margin-bottom   : 0.5em;
}

.entries .tags li{
  padding-left : 0.5em;
}

.entries .entry .categories li{
  margin-right : 5px;
}

.entries .entry .categories li a{
  padding-left : 15px;
}

.entries .tags li{
  padding-left : 18px;
  margin-right : 1em;
}

.entries .info dt,
.entries .info dl{
  padding-left : 0.5em;
}

.entries .created,
.entries .comment,
.entries .trackback{
  width   : auto;
  padding : 0;
}

.entries .created{
  width : 54%;
}

.entries .info{
  padding-bottom : 0.5em;
  border-width   : 0 0 5px;
  border-style   : dotted;
}

/* archives */
.archives .col{

}
#contents .archive{
  margin-right : 1.5em;
}

#contents .archive .title{
  width : 12em;
}


/*======================================
 Navigation Menu
=======================================*/

#navi{
  padding-left : 5%;
}

/* fix IE7 */
*:first-child+html #navi{
  display : inline;
}

.side_menu {
  margin : 0 1em 1em 0;
}

.side_menu h2 {
  margin  : 0 0 0.5em;
  padding : 4px 0 4px 8px;
}

.side_menu dl {
  margin : 0;
}

.side_menu dt,
.side_menu dd {
  margin-top    : 0;
  margin-bottom : 0;
}

.side_menu ul  {
  margin  : 3px 0px 8px 0; 
  padding : 0;
}

.side_menu ul li{
  border-width : 0 0 1px 0;
  border-style : solid;
  padding      : 3px 5px 3px 25px;
  margin       : 0;
}

.side_menu ul a {
  padding : 3px 0px;
}

.side_menu .kanasanjs a{
  padding-left : 20px;
}
.side_menu .kanasanjs p{
  margin-bottom : 0.3em;
}

.side_menu ul.bookmarks,
.side_menu ul.feeds{
  margin  : 0;
  padding : 0;
}

.side_menu ul.bookmarks li,
.side_menu ul.feeds li{
  border        : 0;
  padding       : 0;
  margin-bottom : 0.5em;
}
.side_menu ul.feeds li a img{
  margin : 2px;
}

/* home page */

.home #contents{
  margin : 0;
  width  : auto;
}

.home .side_menu h2{
  height : 3.5em;
}


/*======================================
 Footer
=======================================*/

#footer {
  border-top : 1px solid #B94A4A;
  padding    : 2px 0 10px 0;
  clear      : both;
}

/*======================================
 Inline Block
=======================================*/
/* inline blocks */
.side_menu {
  display        : -moz-inline-box;
  display        : inline-block;
  vertical-align : top;
}

/* fix IE6 */
* html .side_menu {
  display : inline;
}
/* fix IE7 */
* + html .side_menu {
  display : inline;
}

/* inline blocks width */

.side_menu {
  width : 15em;
}

/* childs in inline block (fix Firefox2 ))  */
.side_menu > div {
  display   : block;
  max-width : 100%;
  width     : 15em;
}

/*======================================
 Float and Clearfix 
=======================================*/

/* float left */
#contents ,
#header    .logo ,
.entry     .category,
.entry     .related,
.entry     .comment,
.entry     .trackback,
#contents  .archive,
.entries   .created,
.entries   .comment,
.entries   .trackback,
#header    .sites      li ,
.entries   .categories li,
.entries   .tags       li,
.entries   .info       dt,
.entries   .info       dl,
.home      #contents   .sites,
.home      #contents   .photos,
.entry     .head       .time     dt ,
.entry     .body       .vicinity li ,
.side_menu ul.feeds    li        a img {
  float : left;
}

/* float right */
#header .sites ,
.entry  .head .created ,
.entry  .head .updated {
  float : right;
}

/* float none */
.www     .comment,
.preview .comment,
.entries .categories,
.entries .tags,
.entries .info,
.home    #contents {
  float : none;
}


/* fix IE 6 */
* html #header,
* html #navi,
* html .entry      .head .time,
* html .entry      .body .vicinity,
* html .entries    .categories,
* html .entries    .tags,
* html .entries    .info,
* html .archives   .col,
* html .side_menu  ul.feeds li,
* html .home       #contents   {
    zoom:1;
}

/* fix IE 7 */
* + html #header,
* + html #navi,
* + html .entry      .head .time,
* + html .entry      .body .vicinity,
* + html .entries    .categories,
* + html .entries    .tags,
* + html .entries    .info,
* + html .archives   .col,
* + html .side_menu  ul.feeds li,
* + html .home       #contents   {
    zoom:1;
}

/* clear fix */
#header:after,
#navi:after,
.entry     .head .time:after,
.entry     .body .vicinity:after,
.entries   .categories:after,
.entries   .tags:after,
.entries   .info:after,
.archives  .col:after,
.side_menu ul.feeds li:after,
.home      #contents:after {
    content     : ".";
    display     : block;
    height      : 0px;
    clear       : both;
    line-height : 0; 
    visibility  : hidden;
}