/* Base Weblog (base-weblog.css) */

.module-content-right {
   margin: 0;
   padding: 0;
   background: #ffffff;
}

img.entry-pic-mini {
   float: left; 
   margin: 0px 5px 5px 0px; 
   width: 200px;
   height: 150px;
}

img.entry-pic-big {
   width: 470px;
   height: 350px;
}

p.entry-pic-big {
   text-align : center;
}

p.entry-more-link-neo {
   text-align : right;
}
h3 {
   font-size: 100%;
   font-weight: bold;
   color: #000000;
   border-bottom-width: 1px;
   border-left-width: 5px;
   border-bottom-style: dotted;
   border-left-style: solid;
   border-bottom-color: #66cc33;
   border-left-color: #66cc33;
   padding-left: 7px;
   padding-top: 1px;
   padding-bottom: 2px;
}
.by {
   font-size: 12px;
   text-align: right;
}

/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: verdana, 'trebuchet ms', sans-serif;
   font-size: 12px;
}

form, input { margin: 0; padding: 0; }
a { 
   text-decoration: underline;
   font-weight: bold;
}
a:visited { color: #8484FF; } 

a img { border: 0; }

h1, h2, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre
{
   margin-top: 10px;
   margin-bottom: 10px;
}

blockquote{
   border: 2px ridge #a5becb;
   padding: 10px;
   margin: 15px;
   background:#fff;
}

/* standard helper classes */

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

/* .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; }
/* */


/* page layout */

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

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

#banner { position: relative; }
#banner-inner { position: static; }

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

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

#delta { float: right; }

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


/* banner user/photo */

.banner-user
{
   float: left;
   overflow: hidden;
   width: 64px;
   margin: 0 15px 0 0;
   border: 0;
   padding: 0;
   text-align: center;
}

.banner-user-photo
{
   display: block;
   margin: 0 0 2px 0;
   border: 0;
   padding: 0;
   background-position: center center;
   background-repeat: no-repeat;
   text-decoration: none !important;
}

.banner-user-photo img
{
   width: 64px;
   height: auto;
   margin: 0;
   border: 0;
   padding: 0;
}


/* content */

.content-nav
{
   margin: 10px;
   text-align: center;
}

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

.entry,
.trackbacks,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 5px;
   padding: 5px;
   border: 1px solid #66cc33;
}

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

.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 5px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 450px;
}

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

#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;
}


/* modules */

.module
{
   position: relative;
   overflow: hidden;
   width: 100%;
}

.module-content
{
   position: relative;
   margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.module-list-item
{
   margin-top: 5px;
   margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
   border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
   width: 14%;
   text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
   display: block;
   clear: both;
   margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
   float: left;
   min-width: 60px;
   width: 60px;
   /* no ie mac \*/width: auto;/* */
   margin: 0 5px 0 0;
   text-align: center;
   vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
   margin: 0;
   padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
   margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
   display: block;
   height: 1%;
   margin: 0;
   border: 0;
   padding: 0;
   list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
   display: block;
   float: left;
   /* ie win fix \*/ height: 1%; /**/
   margin: 0;
   border: 0;
   padding: 0;
}

.module-recent-photos .module-list-item a
{
   display: block;
   margin: 0;
   border: 0;
   padding: 0;
}

.module-recent-photos .module-list-item img
{
   width: 60px;
   height: 60px;
   margin: 0;
   padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
   width: 14%;
   height: 75px;
   text-align: left;
   vertical-align: top;
}

.day-photo
{
   width: 54px;
   height: 54px;
}

.day-photo a
{
   display: block;
}

.day-photo a img
{
   width: 50px;
   height: 50px;
}




/* Vicksburg (theme-vicksburg.css) */

/* basic page elements */

body
{
   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
   font-size: 12px;
}

a { color: #0000FF; }
a:hover { color: #FFB5FF; position:relative; top:1px; left:1px;}

#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #670000; text-decoration: underline;  position:relative; top:1px; left:1px;}

.module-content a { color: #0000FF; }
.module-content a:hover { color: #FFB5FF; position:relative; top:1px; left:1px;}

h1, h2, h3, h4, h5, h6
{
   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto;

   margin: 0;
   border-left: 5px solid #66cc33;
   padding: 5px 10px 5px 10px;
   color: #FFFFFF;
   background: #fceaa8;
   font-size: 14px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
   background-image: url("http://onlinegame-matome.com/c/img/module-list-header.gif")
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
   color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
   font-size: 12px;
}

.commenter-profile img { vertical-align: middle; }


/* page layout */

body
{
   min-width: 900px;
   color: #333;
   text-align: center; /* center on ie */
   background: #66CC33;
   background-image: url(http://onlinegame-matome.com/c/img/bg.jpg);
   background-repeat: repeat-x;
}

#container
{
   width: 900px;
   margin-bottom: 20px;
   background: #fff;
   border: 1px solid #333333;
}

#container-inner
{}

#banner
{
   height: 90px;
   background: #fceaa8;
   background-image: url("http://onlinegame-matome.com/c/img/logo.jpg")
}

#banner-inner
{
   margin: 0;
   padding: 0;
}

.banner-user
{
   width: 70px;
   margin-top: 5px;
   font-size: 10px;
}

.banner-user-photo { border: 1px solid #fff; }

#banner-header
{
   margin: 0;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
   text-shadow: #670000 0 2px 3px;
}

#banner-description
{
   margin-top: 5px;
   margin-bottom: 0;
   color: #fff;
   background: none;
   font-size: 12px;
   font-weight: bold;
   line-height: 1.125;
   text-shadow: #670000 0 1px 2px;
}

#alpha {  }
#beta { background: #f8eded; }
#gamma{ background: #f8eded; }

#beta-inner,
#gamma-inner,
#delta-inner
{ }

.date-header
{
   margin-top: 0;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.entry-header
{
   margin-top: 0;
   border-left: 5px solid #66cc33;
   border-right: 1px solid #66cc33;
   border-top: 1px solid #66cc33;
   border-bottom: 1px solid #66cc33;
   padding: 0 0 0 10px;
   color: #666;
   font-size: 18px;
   font-weight:bold;
   background-color: #fceaa8;
   background-image: url("http://onlinegame-matome.com/c/img/bgcode.gif");
}

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

.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 0 0;
   border-top: 1px solid #66cc33;
   padding-top: 3px;
   color: #666;
   font-size: 12px;
   text-align: right;
}

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

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

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #fceaa8;
   padding: 0 10px;
   color: #292e33;
   font-size: 12px;
   text-align: center;
   background: #f8eded;
}

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


/* modules */

.module
{
   margin: 0 0 10px 0;
   border-bottom: 1px solid #f3f6f9;
   background: #ffffff;
}

.module-content
{
   margin: 0 0 10px 0;
   border-top: 1px solid #cda6a6;
   padding: 7px 10px 0 7px;
   font-size: 12px;
   line-height: 1.2;
}

.module-search input { font-size: 12px; }
.module-search #search { width: 80%; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content
{
   margin-bottom: 0;
   border: 1px dashed #fceaa8;
   padding-bottom: 10px;
   color: #292e33;
   background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list
{
   list-style : none;
   list-style-position: outside;
}

.module-list .module-list
{
   margin: 5px 0 0 0;
   padding-left: 15px;
   list-style: circle;
}

.module-list-item
{
   margin: 0;
   padding : 0px 3px 0px 18px;
   color: #000;
   line-height: 1.6;
   background:url("http://onlinegame-matome.com/c/img/module-list-item.gif") no-repeat;

}

.typelist-thumbnailed .module-list
{
   margin: 0 0 10px 0;
   list-style: none;
}

.typelist-thumbnailed .module-list-item
{
   margin: 1px 0;
   padding: 0;
   background: #f3f6f9;
}

.typelist-thumbnail
{
   background: #fff;
}

.module-photo img { border: 1px solid #fff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content
{
   margin: 0;
   border-width: 0;
   padding: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
   width: 64px; /* mac ie fix */
   margin: 0 10px 10px 0;
   padding: 0;
   background:url(pic/suggestion.gif) no-repeat;
}

.module-recent-photos .module-list-item a
{
   border: #cfd4d9 1px solid;
   padding: 1px;
   background: #fff;
}

.module-recent-photos .module-list-item a:hover
{
   border-color: #670000;
   background: #fff;
}


/* calendar tweaks */

   .layout-calendar #alpha { width: 260px; }
   .layout-calendar #beta { width: 420px; }

   .layout-calendar #gamma,
   .layout-calendar #delta
   {
      width: 190px;
   }

   .layout-calendar #gamma-inner,
   .layout-calendar #delta-inner
   {
      border: 0;
      padding: 0;
   }

   .module-mmt-calendar { width: 398px; }
   .module-mmt-calendar .module-content
   {
      margin: 0;
      border-width: 0;
      padding: 10px;
   }

   .module-mmt-calendar table
   {
      width: 378px;
      background: #fceaa8;
   }

   .module-mmt-calendar th
   {
      color: #fff;
      border-top: 1px solid #fff;
      border-right: 1px solid #f3f6f9;
      border-bottom: 1px solid #cfd4d9;
      padding: 2px;
      text-align: right;
      font-weight: bold;
   }

   .module-mmt-calendar td
   {
      border-top: 1px solid #fff;
      border-right: 1px solid #f3f6f9;
      border-bottom: 1px solid #cfd4d9;
      padding: 2px;
      text-align: right;
      font-weight: normal;
      background: #f8eded;
   }

   th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
   {
      border-right: none;
   }

   .module-mmt-calendar td { height: 70px; }

   .day-photo
   {
      width: 49px;
      height: 49px;
   }
	
   .day-photo a
   {
      border: #cfd4d9 1px solid;
      padding: 1px;
      background: #fff;
   }

   .day-photo a:hover
   {
      border-color: #670000;
      background: #fff;
   }

   .day-photo a img
   {
      width: 45px;
      height: 45px;
   }


/* artistic tweaks */

   .layout-artistic #alpha { width: 260px; }
   .layout-artistic #beta { width: 420px; }

   .layout-artistic #gamma,
   .layout-artistic #delta
   {
      width: 190px;
   }

   .layout-artistic #gamma-inner,
   .layout-artistic #delta-inner
   {
      border: 0;
      padding: 0;
   }


/* moblog1 tweaks */

   .layout-moblog1 #alpha
   {
      margin: 0;
      width: 180px;
      background: #f8eded;
   }

   .layout-moblog1 #alpha-inner
   {
      padding: 10px 10px 0 10px;
      border-width: 2px 0 2px 2px;
      border-style: solid;
      border-color: #fff;
   }

   .layout-moblog1 #beta
   {
      margin: 15px 15px 0 15px;
      width: 320px;
      background: none;
   }

   .layout-moblog1 #beta-inner
   {
      padding: 0;
      border-width: 0;
   }

   .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }


/* moblog2 tweaks */

   .layout-moblog2 #alpha
   {
      margin: 0;
      width: 86px;
      background: #f8eded;
   }

   .layout-moblog2 #alpha-inner
   {
      padding: 10px 10px 0 10px;
      border-width: 2px 0 2px 2px;
      border-style: solid;
      border-color: #fff;
   }

   .layout-moblog2 #beta
   {
      margin: 15px 15px 0 15px;
      width: 260px;
      background: none;
   }

   .layout-moblog2 #beta-inner
   {
      padding: 0;
      border-width: 0;
   }

   .layout-moblog2 #delta
   {
      width: 154px;
   }

   .layout-moblog2 .module-recent-photos
   {
      border: 0;
      background: none;
   }

   .layout-moblog2 .module-recent-photos .module-content
   {
      padding: 0;
      border: 0;
   }

   .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }


/* timeline tweaks */

   .layout-timeline #alpha { width: 260px; }
   .layout-timeline #beta { width: 420px; }

   .layout-timeline #gamma,
   .layout-timeline #delta
   {
      width: 190px;
   }

   .layout-timeline #gamma-inner,
   .layout-timeline #delta-inner
   {
      border: 0;
      padding: 0;
   }

/* one-column tweaks */

   .layout-one-column body { min-width: 950px;}
   .layout-one-column #container { width: 950px;}
   .layout-one-column #banner { width: 950px; } /* necessary for ie win */
   .layout-one-column #alpha { margin: 0px 150px 15px 150px; width: 650px; }
   .layout-one-column #alpha-inner { border: 1px solid #a5becb; padding:10px; }


/* two-column-left tweaks */

   .layout-two-column-left body { min-width: 950px;}
   .layout-two-column-left #container { width: 950px;}
   .layout-two-column-left #banner { width: 950px; } /* necessary for ie win */

   .layout-two-column-left #alpha
   {
      margin: 10px 0px 0px 2px;
      width: 268px;
   }

   .layout-two-column-left #alpha-inner
   {
      padding: 0px;
   }

   .layout-two-column-left #beta
   {
      margin: 10px 0px 0px 10px;
      width: 670px;
      background: none;
   }

   .layout-two-column-left #beta-inner
   {
      padding: 0px 20px 10px 20px;
      border:none;
   }


/* two-column-right tweaks */

   .layout-two-column-right body { min-width: 950px;}
   .layout-two-column-right #container { width: 950px;}
   .layout-two-column-right #banner { width: 950px; } /* necessary for ie win */

 .layout-two-column-right #alpha
   {
      margin: 10px 10px 0px 0px;
      width: 670px;
      background: none;
   }

   .layout-two-column-right #alpha-inner
   {
      padding: 0px 20px 10px 20px;
      border: none;
   }

   .layout-two-column-right #beta
   {
      margin: 10px 0px 0px 0px;
      width: 268px;
      background: none;
   }

   .layout-two-column-right #beta-inner
   {
      padding: 0px;
   }




/* three-column tweaks */

   .layout-three-column body { min-width: 900px;}
   .layout-three-column #container { width: 900px;}
   .layout-three-column #banner { width: 900px; } /* necessary for ie win */


   .layout-three-column #alpha
   {
      margin: 0;
      width: 200px;
   }

   .layout-three-column #alpha-inner
   {
      padding: 5px 5px 0px 5px;
      background: #f8a900;
   }

   .layout-three-column #beta
   {
      margin: 0px 5px 0 5px;
      width: 490px;
      background: none;
   }

   .layout-three-column #beta-inner
   {
      padding: 5px 10px 0px 10px;
   }

   .layout-three-column #gamma
   {
      margin: 0;
      width: 185px;
   }

   .layout-three-column #gamma-inner
   {
      padding: 5px 5px 0px 5px;
      background: #ffffff;
      text-align: center;
   }



/* フッター */

#footer
{
    position: relative;
    width: 900px; 
    height: 58px;
    background: #66cc33;
    background-image: url("http://onlinegame-matome.com/c/img/bg-footer.jpg")
}

#footer-inner
{
    line-height: 58px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

#footer-inner a
{
    color: #fff;
    text-decoration: none;
}

#footer-inner a:hover
{
    color: #fff;
    text-decoration: none;
}

.footer-navi
{ 
   width: 900px;
   background: #fefcd3;
   font-size: 0.8em;
   text-align: center;
   line-height: 20px;
   clear: both;
}