/* css */
* html {
  padding: 0;
  margin: 0;
}

/* Basic => */
body {
  background-color: #ffffff;
  background-image: url(/images/red-bg.gif);
  background-position: center;
  background-repeat: repeat-y;
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-family: 'Trebuchet MS', Verdana, sans-serif, "Osaka", "ヒラギノ角ゴ Pro W3";
  text-align: center;
}

h1, h2, h3, h4, h5, h6, address {
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-family: 'Trebuchet MS', Verdana, sans-serif, "Osaka", "ヒラギノ角ゴ Pro W3";
}

form {
  margin: 0;
  padding: 0;
  }

a img {
  border: 0;
  }

img {
  margin: 2px;
  border: 1px #eee;
  }

a {
  color: #0369c0;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

p {
  margin: 0 0 10px 0;
  }

strong {
  font-style: normal;
  font-size: larger;
  font-weight: bold;
  color: #cc0000;
  }

.clr {
  clear: both;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  border: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

blockquote {
     text-indent: 25px;
     background: url(/images/quotes1.png);
     background-position: 0 2px;
     background-repeat: no-repeat;
}

blockquote p {
     display: inline;
     margin: 0;
     padding-right: 24px;
     background: url(/images/quotes2.png);
     background-position: bottom right;
     background-repeat: no-repeat;
}

.description {
  font-size: x-small;
  color: #555;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* <= Basic */

/* Layout => */

body { text-align: center; } /* center on ie */

#container {
  position: relative;
  margin: 0 auto; /* center on everything else */
  width: 800px;
  text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { width: auto; }
#banner-inner {
  margin: 5px 15px 0 15px;
  padding: 0;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #fff;
}

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }


#alpha { margin: 2px 10px 0 20px; width: 500px; background: #fff; }
#beta { width: 260px; background: #fff; }

#beta-inner {
  padding: 0px 5px 5px 5px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #fff;
}

#alpha, #beta {
  display: inline; /* ie win bugfix */
  position: relative;
  float: left;
  min-height: 1px;
}

#alpha-inner, #beta-inner {
  position: static;
}

/* content */

.content-nav {
  /*margin: 10px; */
  text-align: left;
  font-size: small;
  background: #F4A460;
}

comment-top {
  text-align: left;
  font-size: small;
}

.date-header,
.entry-content {
  position: static;
  clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
  position: static;
  overflow: hidden;
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
  clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
  clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
  clear: both;
  margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }



#comment-bake-cookie {
  margin-left: 0;
  vertical-align: middle;
}

.comments-open-header {
  clear: both;
}

#comment-post {
  font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail {
  float: left;
  width: 115px;
  margin: 0 10px 10px 0;
}

.image-thumbnail img {
  width: 115px;
  height: 115px;
  margin: 0 0 2px 0;
}

.date-header {
  margin: 0;
  padding-left: 5px;
  background-color: #FF7F00;
  color: #fff;
  text-transform: uppercase;
  font-size: small;
  font-weight: bolder;
}

.entry-header {
  margin: 10px 0;
  color: #666;
  font-size: xx-large;
  border-bottom: 2px dotted #FF6347;
}

.entry-content,
.comment-content,
.trackback-content {
  margin: 0;
  line-height: 1.5;
}

.entry-tags {
  margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
  list-style:none;
  padding: 0px;
}

.entry-footer,
.comment-footer,
.trackback-footer {
  /*margin: 0 0 20px 0;*/
  margin: 0 0 10px 0;
  border-top: 1px dotted#FF6347;
  border-bottom: 2px solid #FF6347;
  padding-top: 3px;
  paddingbottom: 3px;
  color: #666;
  font-size: x-small;
  text-align: left;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer {
  margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info {
  margin: 10px 0;
  border: 1px dashed #a3b8cc;
  padding: 5px 10px;
  color: #292e33;
  font-size: 11px;
  text-align: left;
  background: #e6ecf2;
}

.comments-open-footer {
  margin: 10px 0;
}

.archive {
  margin: 0;
}

#archive_list {
  padding-left: 10px;
  margin-bottom: 5px;
}

.feed {
  padding-left: 10px;
  font-size: small;
  color: #555;
}

.feed img {
  vertical-align: text-bottom;
  margin: 0 2px;
}

.module-header {
  margin: 0;
  background-color: #FF7F00;
  color: #fff;
  text-transform: uppercase;
  font-size: small;
  font-weight: bolder;
}


.module-list {
  line-height: 140%;
  /*margin-left: 20px;*/
  list-style-type: square;
  /*list-style-image: url(/images/star.png);*/
}


ul.sidebar-list {
  margin-left: 0em;
  padding-left: 0em;
}

.sbm {
  padding: 0;
  margin: 0;
}

li.sbm {
  display: inline;
  margin-left: 2px;
  padding: 0px;
  list-style-type: none;
}

ul.author-list {
  margin-top: 0px;
}
li.author-list {
  margin-left: 10px;
  padding: 0px;
}

div#footer p {
  font-size: smaller;
  text-align: center;
}

/* <= Layout */

/* HEADER => */
#header {
  text-align: left;
  margin: 0 0 5px 0;
  padding: 0;
  }

.header_left {
  width: 400px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  }

.header_left h1 {
  margin: 0;
  padding: 0;
  }

.header_right {
  width: 350px;
  float: left;
  margin: 2px 0 0 0;
  padding: 0;
  text-align: right;
  }

#hot_entry {
  float: right;
  clear: none;
  padding: 0;
  margin: 0 0 0 10px;
  text-align: left;
        font-size: small;
        color: #555;
  }

#search_field {
  float: right;
  width: 253px;
  height: 45px;
  clear: none;
  padding: 0;
  margin: 5px 0 0 10px;
  }

#search_form {
  position: relative;
  width: 253px;
  clear: none;
  margin: 0;
  padding: 0;
  height: 28px;
  }

#search_form input {
  color: #5F5721;
  margin: 0;
  vertical-align: center;
  }

#search_form input#term {
  width: 150px;
  margin: 4px 5px 0 5px;
  padding: 0;
  height: 18px;
  vertical-align: center;
  }

#search_form input#srchbttn {
  position: absolute;
  top: 0;
  right: 0;
  /*
  vertical-align: top;
  margin: 0;
  */
  margin: 0;
  padding: 0;
  }
/* <= HEADER */

/* AD => */
.ad {
  padding: 5px 5px;
  text-align: center;
  background:#fff;
  font-size: smaller;
}


/* <= AD */


/* CSS for the box => */
  /* CSS for the box starts here */
  .box {
    padding:0 12px 0 0;
    background:#fff url(/images/borders.gif) 100% 0 repeat-y;
  }
  .bi {
    padding:0 0 0 12px;
    background:#fff url(/images/borders.gif) 0 0 repeat-y;
  }
  .bt {
    height:17px;
    margin:0 -12px;
    background:url(/images/box.gif) 100% 0 no-repeat;
  }
  .bt div {
    width:18px;
    height:17px;
    background:url(/images/box.gif) 0 0 no-repeat;
  }
  .bb {
    height:17px;
    margin:0 -12px;
    background:url(/images/box.gif) 100% 100% no-repeat;
  }
  .bb div {
    width:18px;
    height:17px;
    background:url(/images/box.gif) 0 100% no-repeat;
  }
  .box h1 {
    margin:0;
    padding:0.3em 10px;
    background:#efece6;
    font:bold 1.2em/1 Arial, Helvetica, sans-serif;
  }
  .box p, .box ul {
    margin:0;
    padding:4px 10px;
    background:#fff;
  }
  .box li {
    margin:0 0 0 2em;
    padding:0;
  }
/* <= CSS for the box */

/* tags => */
.tags { 
  margin: 0 0 10px 10px;
  text-align: center;
  background: #dedede;
  float: right;
  clear: both;
  font-size: smaller;
}

.tags .tags_head {
  width: 100px;
  padding: 5px 0;
  background: #FF7F00;
}

.tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tags_head span {
  padding-left: 0px;
  color: #fff;
}

.tags ul li {
  width: 100px;
  text-align: center;
  font-size: smaller;
  border-bottom: 1px solid #ccc;
}

.tags ul li a, .tags ul li a:visited {
  display: block;
  width: 100px;
  padding: 5px 0;
  border-bottom: none;
  text-align: center;
  color: #2f2f2f;
}

.tags ul li a:hover {
  background: #FF7F00;
  color: #fff;
  border-bottom: none;
}
/* <= tags */