/* Base Weblog (base-weblog.css) */
@charset "UTF-8";



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

a img { border: 0; }



h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote

{

   margin-top: 10px;

   margin-bottom: 10px;

}





/* 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 */



#container

{

   position: relative;

   margin: 0 auto; /* center on everything else */

   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;

}





/* 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: 10px;

}



.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

{



   margin: 5px 10px 10px 10px;

}



.comments-open label { display: block; }



#comment-author, #comment-email, #comment-url, #comment-text

{

   width: 240px;

}



#comment-bake-cookie

{

   margin-left: 0;

   vertical-align: middle;

}



#comment-post

{

   font-weight: bold;

}



/* basic page elements */



body

{

   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;

   font-size: 12px;

}



a { color: #36414d; text-decoration: underline; }

a:hover { color: #67AD67; }



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

#banner a:hover { color: #fff; }



.module-content a { color: #36414d; }

.module-content a:hover { color: #a3b8cc; }



h1, h2, h3, h4, h5, h6

{

   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;

}



.module-header

{

   position: relative;

   width: auto;

   margin: 0;

   border-left: 5px solid #006600;

   padding: 5px;

   color: #fff;

   background: #67AD67;

   font-size: 12px;

   font-weight: bold;

   line-height: 1;

   text-transform: uppercase;

}

.trackbacks-header,

.comments-header,

.comments-open-header,

.archive-header

{

   position: relative;

   width: auto;

   margin: 0;

   border-left: 5px solid #006600;

   padding: 5px;

   color: #fff;

   background: #67AD67;

   font-size: 14px;

   font-weight: bold;

   line-height: 1;

   text-transform: uppercase;

}



.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;

}



/* page layout */



body

{

   min-width: 730px;

   color: #333;

   background: #ccc;

}



#container

{

   width: 730px;

   margin-top: 0px;

   margin-right: auto;

   margin-bottom: 0px;

   margin-left: auto;

   background: #fff;

}



#container-inner

{

   border-width: 1px;

   border-style: solid;

   border-color: #666;

}



#banner

{

   width: 728px; /* necessary for ie win */

   height: 180px;


   background: #a3b8cc;

}



#banner-inner

{

   height: 100%;

	background-image: url(./img/head2_bg.jpg);	

	repeat: no-repeat
}



.banner-user

{

   margin-top: 5px;

   font-size: 10px;

}





#banner-header

{

   margin: 0;

   color: #fff;

   font-size: 22px;

   font-weight: bold;

   line-height: 1;

   position:absolute; top:15px; left:15px;

	background-image: url(./img/head2_bg.jpg);	

}



#banner-description

{

   position:absolute; bottom:5px; right:10px;

   color: #fff;

}



#alpha { 

   width: 527px; 

}

#alpha-inner { 

   padding: 10px;

}

#beta {

   width: 200px;

   background: #e6ecf2;

}

#gamma, #delta {

   width: 200px;

   background: #e6ecf2;

}



#beta-inner,

#gamma-inner,

#delta-inner

{

   padding: 10px;

}

#footer

{

   width: 728px; 

   height: 58px;

   background: #a3b8cc;

}



#footer-inner

{

   line-height: 58px;

   font-size: 10px;

   text-align: center;

}

.date-header

{

   margin-top: 0;

   font-size: 11px;

   font-weight: bold;

   text-transform: uppercase;

}



.entry-header

{

   margin-top: 10px;

   border-left: 5px solid #A6C8A6;

   padding: 0 0 0 10px;

   color: #666;

   font-size: 14px;

   font-weight: bold;

}



.entry-content,

.comment-content,

.trackback-content

{

   margin: 0;

   line-height: 1.5;

}



.entry-footer{

   margin: 5px 10px 0 0;

   padding: 5px 0;

   text-align: right;

   font-size: 10px;

   border-top: 1px dotted #dae0e6;

   color: #999;

}

.comment-footer,

.trackback-footer

{

   margin: 0 0 10px 0;

   border-top: 1px solid #dae0e6;

   padding-top: 3px;

   color: #666;

   font-size: 10px;

   text-align: right;

}



.comment-content,

.trackback-content,

.comment-footer,

.trackback-footer

{

   margin-left: 10px;

}



.content-nav { background: #e6ecf2; }

.content-nav-bread{ background: #C1E5C1; }



#trackbacks-info

{

   margin: 10px 0;

   border: 1px dashed #a3b8cc;

   padding: 0 10px;

   color: #292e33;

   font-size: 11px;

   text-align: center;

   background: #e6ecf2;

}



.comments-open-footer

{

   margin: 10px 0;

}

.footer-navi

{ 

   width: 728px;

   background: #dae0e6;

   font-size: 10px;

   text-align: center;

   line-height: 20px;

   clear: both;

}

.gotop { text-align: right;  clear: both;}



/* modules */



.module

{

   position: relative;

   overflow: hidden;

   margin: 0;

   padding: 0;

   background: #dae0e6;

}



.module-content

{

   position: relative;

   margin-top: 5px;

   padding: 0;

}



.module-list

{

   margin: 0;

   padding: 0;

   list-style : none ;

}

.archive-list

{

   margin: 0;

   padding: 0;

   list-style: none;

}



.module-content { margin: 0; }

.module-list-item a

{

   width: 178px; 

   height: 20px;

   background: #dae0e6;

   text-indent: 15px;

   display: block;

   font-size: 12px;

   line-height: 20px;

   margin: 0;

   letter-spacing: 0.1em;

   border-top: 1px solid #fff;

   border-left: 1px solid #fff;

   border-right: 1px solid #666;

   border-bottom: 1px solid #666;

   text-decoration: none;

}



.module-list-item a:hover

{

   background-color: #67AD67;

   border-top: 1px solid #666;

   border-left: 1px solid #666;

   border-right: 1px solid #fff;

   border-bottom: 1px solid #fff;

   color: #fff;

}