/*-------------------------------------------------
  Syouten Skin Stylesheet
  Design by Nicolas Fogelholm
  http://www.fogelholm.com/
-------------------------------------------------*/

body
{
  background: #FCD9BC;
  font: small Verdana,Sans-serif;
  line-height: 1.6em;
  color: Black;
  padding: 0;
  margin: 0 0 0 0;
}
a {
        color: #845900;
        text-decoration: none;
}
a:hover {
  color: #FF6600;
  text-decoration: underline;
}
a:active
{
  color: #FF3300;
}
h2
{
  color: #845900;
  font: bold 14px Arial, Verdana, sans-serif;
}
ul
{
  list-style-image: url("img/sikaku2.gif");
}
ul li
{
  padding: 0;
  margin: 4px 0 4px 0;
  color: #FF6600;
}
code
{
  color: #CC3300;
  font: 13px 'Courier New', Courier, Arial, sans-serif;
}
pre
{
  width: 462px;
  overflow: auto;
  border: 1px solid #EAE7D6;
  padding: 3px;
}
acronym, abbr
{
  cursor: help;
  border-bottom: 1px dotted #333;
}
del
{
  background: #FFFFCC;
  color: #ccc;
}
blockquote
{
  background: url("img/bg_02.gif") top left no-repeat;
  padding: 8px 0 0 25px;
  margin: 10px;
}
.doNotDisplay, .none, caption
{
  display: none;
}
.underline
{
  text-decoration: underline;
}
.clear
{
  clear: both;
  height: 0.1px;
  padding: 0;
  margin: 0;
}
#page-wrapper
{
  text-align: left;
  width: 800px;
  padding: 0;
  margin: auto;
}
#content-wrapper
{
  width: 800px;
  background-image: url(img/dot03.gif);
  margin: 0px 0px 0px 0px;
  padding: 0;
}
#top
{
   background: #B0C4DE url(img/head2.gif) repeat-x;
  width: 100%;
  height: 50px;
  text-align: center;
  padding: 0;
  margin: 0;
}
.toptable
{
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  height: 50px;
}
#header h1
{
  font: 20px Arial, Verdana, sans-serif;
  border-bottom: 1px dotted #A9A9A9;
  padding: 10px;
  margin: 0;
}
#header a:link, #header a:visited
{
  color: #8A5E00;
  border: none;
}
#header a:hover, #header a:active
{
  color: #CC0000;
}
#top_container
{
  padding: 0;
  margin: 0;
}
#top_container ul
{
  padding: 0;
  margin: 0;
}
#top_container ul li
{
  list-style-type: none;
  display: block;
  float: left;
  font: 12px/25px "Lucida Grande", verdana, sans-serif;
  text-align: center;
  padding: 0;
  margin: 0;
}
#top_container a
{
  display: block;
  color: #000000;
  padding: 0 13px 0 13px;
  margin: 0;
  text-decoration: none;
  border-top: none;
  border-right: 1px solid #8A5E00;
  border-bottom: none;
}
#top_container li#active
{
  color: #FF6600;
  font-weight: bold;
  border-bottom: none;
}
#top_container a:hover
{
  color: #FF6600;
  border-bottom: none;
}
#main
{
  width: 420px;
  float: left;
  margin: 0;
  padding: 0 0 30px 0;
  background: #fff;
}
.content-header
{
  padding: 0;
  margin: 15px;
}
.content-header h2
{
  color: #845900;
  font: bold 14px Arial, Verdana, sans-serif;
  padding: 0;
  margin: 0;
}
.content-title
{
  padding: 0;
  margin: 0;
}
.content-title h1
{
  color: #845900;
  border-bottom: 1px dotted #A9A9A9;
  background: url(img/memo1.gif) center left no-repeat;
  font-weight: bold;
  font: 14px Arial, Verdana, sans-serif;
  padding: 0px 0 2px 60px;
  margin: 0 0 4px 0;
}
.content-title h2
{
  color: #845900;
  border-bottom: 1px dotted #A9A9A9;
  background: url(img/bg_04.gif) center left no-repeat;
  font: bold 14px Arial, Verdana, sans-serif;
  line-height: 30px;
  padding: 0 0 2px 60px;
  margin: 0 0 2px 0;
}
.content-title h3
{
  color: #845900;
  border-bottom: 1px dotted #A9A9A9;
  background: url(img/memo3.gif) center left no-repeat;
  font-weight: bold;
  font: 14px Arial, Verdana, sans-serif;
  line-height: 30px;
  padding: 0 0 2px 60px;
  margin: 0 0 2px 0;
}
.content
{
  padding: 0;
  margin: 20px 15px 40px 15px;
}
.readmore
{
  text-align: right;
}
.entry-info
{
  font-size: 10px;
  text-align: right;
  line-height: 16px;
  padding: 0;
  margin: 8px 0 10px 0;
}
.entry-info p
{
  padding: 0;
  margin: 0;
}
.entry .imgupload
{
  float: left;
  border: none;
  border: 1px solid #333;
  margin: 20px 10px 0 0;
}
.navi-pages
{
  background: #FFFFFF;
  font-size: 11px;
  text-align: right;
  padding: 10px;
  margin: 15px;
}
.navi-pages p
{
  padding: 0;
  margin: 0;
}
.message-box
{
  background: #F8F8FF;
  font-size: 12px;
  padding: 10px;
  margin: 15px;
}
table#postcomment tr td
{
  font: 11px Verdana, Arial, sans-serif;
}
table#postcomment tr td p
{
  margin: 4px 0 4px 0;
}
#comments, #comments-post, #trackbacks
{
  font-size: 11px;
  line-height: 17px;
  padding: 0;
  margin: 20px 15px 10px 15px;
}
#comments h4, #comments-post h4, #trackbacks h4
{
  color: #383828;
  font: bold 14px Verdana, 'Times New Roman', sans-serif;
  padding: 0;
  margin: 0 0 20px 0;
}
.comment-item, .trackbacks-item
{
  padding: 0 0 20px 0;
  border-bottom: 1px solid #f3f3f3;
  margin: 5px 0 20px 0;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p
{
  padding: 0;
  margin: 0 0 8px 0;
}
.comment-info, .trackbacks-info
{
  font-size: 10px;
  text-align: right;
}
/* The left image */
.picture-left
{
  height: 248px;
  background: url(img/left.jpg) top left no-repeat;
  background-position-x: center;
  background-position-y: 10px;
  padding: 0;
  margin: 0 0 15px 0;
}
#leftbar
{
  color: #666666;
  background-image: url(img/dot03.gif);
  width: 190px;
  float: left;
  margin: 0 auto 0 auto;
  height: 100%;
  font-size: 11px;
  line-height: 16px;
  padding: 0 auto 0 auto;
  margin: 0;
   overflow: hidden;
}
.leftbar-wrapper
{
  top:    0;
  margin: 10px;
}
#leftbar .box-1
{
  margin: 0 0 30px 0;
}
#leftbar h4
{
  color: #996600;
  background-image: url(img/back1.gif);
  padding: 3px 0 2px 7px;
  font: bold 12px Verdana, Arial, sans-serif;
  margin: 0 0 8px 0px;
}
/* The right image */
.picture-right
{
  height: 248px;
  background: url("img/right.jpg") top left no-repeat;
  background-position-x: center;
  background-position-y: 10px;
  padding: 0;
  margin: 0 0 15px 0;
}
#rightbar
{
  color: #666666;
  background-image: url(img/dot03.gif);
  width: 190px;
  float: right;
  font-size: 11px;
  line-height: 16px;
  padding: 0;
  margin: 0 auto 0 auto;
  overflow: hidden;
}
.rightbar-wrapper
{
  top:    0;
  margin: 10px;
}
#rightbar .box-1
{
  margin: 0 0 30px 0;
}
#rightbar h4
{
  color: #996600;
  background-image: url(img/back1.gif);
  padding: 3px 0 2px 7px;
  font: bold 12px Verdana, Arial, sans-serif;
  margin: 0 0 8px 0;
}
#footer
{
  background: #B0C4DE url(img/footer.gif) right repeat-x;
  width: 100%;
  text-align: center;
  clear: both;
  padding: 0;
  margin: 1px 0 0 0;
}
.footer-i
{
  padding: 3px;
  margin: 0px;
}
.footer-i p
{
  padding: 0;
  margin: 0;
}
textarea.text, input.formfield
{
  font: 11px Verdana, Arial, sans-serif;
}
input.formfield
{
  width: 150px;
  margin-right: 10px;
}
input.formbutton
{
  background: #708090;
  border-top:1px #999 solid;
  border-left:1px #999 solid;
  border-bottom:1px #eee solid;
  border-right:1px #eee solid;
  color: #fff;
  font: 11px Verdana, Arial, sans-serif;
}
.trackbacks-text h5
{
  font: bold 11px Verdana, Arial, sans-serif;
  color: #993300;
  padding: 0;
  margin: 0;
}