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



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

}



form, input { margin: 0; padding: 0; }

a { text-decoration: underline; }

a img { border: 0; }



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

h1, h2, h3, h4, 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: right;

   min-height: 1px;

}



#delta { float: left; }



#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: 16px;

}



a { color: #ff6666; text-decoration: underline; }

a:hover { color: #ff6666; }



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

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



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

}

.h5

{

   font-size: 16px;

   font-weight: bold;

   line-height: 1.5px;

}

.module-header

{

   position: relative;

   width: auto;

   height: 29px;

   margin: 10px 0 5px 0;

   padding: 0 0 0 35px;

   color: #ff6666;

   background: url(img/mh.gif)  no-repeat;

   font-size: 11px;

   font-weight: bold;

   line-height: 29px;

   text-transform: uppercase;

   text-align: left;

}

.trackbacks-header,

.comments-header,

.comments-open-header,

.archive-header

{

   position: relative;

   width: auto;

   height: 31px;

   margin: 0;

   padding-left: 35px;

   color: #ff6666;

   background: url(img/ah2.gif)  no-repeat;

   font-size: 16px;

   font-weight: bold;

   line-height: 31px;

   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: #fff;

}



#container

{

   width: 730px;

   margin-top: 10px;

   margin-right: auto;

   margin-bottom: 10px;

   margin-left: auto;

}



#container-inner

{



}



#banner

{

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

   height: 247px;

   background: url(img/top.gif)  no-repeat;

}



#banner-inner

{

   height: 100%;

   padding: 0;

}



.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:85px; left:145px;

}



#banner-search

{

   position:absolute; bottom:30px; left:20px;

   color: #ffffff;

}

#banner-description

{

   display: none;

}

.header-ad

{

   position:absolute;

   bottom: 15px; right:15px;

}

#alpha { 

   margin: 5px; 

   width: 518px; 

}

#alpha-inner { 

   padding: 10px;

   border: 1px solid #faf0e6;

}



#beta {

   width: 200px;

}

#gamma, #delta {

   width: 200px;

   padding: 0;

}



#beta-inner,

#gamma-inner,

#delta-inner

{

   width: 200px;

   margin: 5px 0;

   padding: 0;

}

#footer

{

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

   height: 70px;

   background: url(img/footer.gif)  no-repeat;

}



#footer-inner

{

   line-height: 70px;

   font-size: 10px;

   text-align: center;

   color: #ff9999;

}

.img { float: left; margin: 5px; }

.date-header

{

   margin-top: 0;

   font-size: 11px;

   font-weight: bold;

   text-transform: uppercase;

}



.entry-header

{

   margin-top: 10px;

   padding: 0 0 0 10px;

   color: #666;

   font-size: 14px;

   font-weight: bold;

}

.entry-body1

{

   margin: 10px 0;

   padding: 10px;

   color: #333;

   background: #ffffcc; 

   border: 1px dotted #336600;

   font-size: 16px;

   font-weight: bold;

   line-height: 1.5;

}

.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: #ff9999;}

#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

{ 

   margin-top: 5px;

   padding-right: 10px;

   background: #fff; 

   font-size: 10px;

   text-align: center;

   line-height: 20px;

   clear: both;

}

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



/* modules */



.module

{

   position: relative;

   overflow: hidden;

   width: 200px; 

   margin: 0;

   padding: 0;

}

.module-ad

{

   width: 200px; 

   text-align: center; 

   font-size: 10px;

   color: #999999;

}

.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: 198px; 

   height: 20px;

   background-color: #ffcccc;

   text-indent: 5px;

   display: block;

   font-size: 10px;

   line-height: 20px;

   margin: 0;

   letter-spacing: 0.1em;

   border-top: 1px solid #ffcccc;

   border-left: 1px solid #ffcccc;

   border-right: 1px solid #ff9999;

   border-bottom: 1px solid #ff9999;

   text-decoration: none;

   color: #ff6666;

}



.module-list-item a:hover

{

   background-color: #ff9999;

   border-top: 1px solid #666;

   border-left: 1px solid #666;

   border-right: 1px solid #ffcccc;

   border-bottom: 1px solid #ffcccc;

   color: #ffffff;

}