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

/* basic elements */

* {
   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: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
   font-size: 10px;
   text-align: center;
   min-width: 798px;
   color: #fff;
   background: url(images/container-bg.gif) repeat-y top center;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

a { color: #00cc33; text-decoration: underline; }
a:hover { color: #00cc33; text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   font-size: 12px;
   font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
   margin-top: 0px;
   margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 0px;
   margin-bottom: 0px;
}

ol, ul {
   list-style-type: none;
   margin-top: 0px;
   margin-bottom: 0px;

}

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

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

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

.module-content a {
   color: #00cc33;
   text-decoration: underline;
}

.module-content a:hover {
   color: #00cc33;
   text-decoration: none;
}

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



/* content */

#container {
   margin: 0px auto;
   width: 798px;
   text-align: left;
}

#container-inner {
   position: static;
   width: auto;
}

#banner {
   position: relative;
   width: 798px; /* necessary for ie win */
}

#banner-inner {
   position: static;
   width: 798px;
}

#banner-header a {
   background: url(http://www.speed-ball.org/blog/images/banner-bg.gif) no-repeat top center;
   width: 798px;
   padding-top: 79px;
   text-indent: -999px;
   overflow: hidden;
   margin-left: -7px;
   /*¥*/
   margin-left: -5px;
   _height: -79px;
   /**/
   display: block;
}

#pagebody { 
   position: relative; 
   width: 100%;
}

#pagebody-inner { 
   position: static;
   padding: 0px 39px 0px 29px;
}

#alpha {
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   width: 502px;
}

#beta { 
   display: inline; /* ie win bugfix */
   position: relative;
   float: right;
   width: 210px;
 }

#gamma {
   display: inline; /* ie win bugfix */
   position: relative;
   float: right;
   width: 210px;
	padding-bottom:15px;
 }
 
#alpha-inner, #beta-inner, #gamma-inner {
   position: static;
}

.comment-content,
.date-header {
   position: static;
   clear: both;
   background: url("images/entry-body-top.gif") no-repeat top left;
   padding: 6px 10px 2px 20px;
   color: #666;
   font-size: 10px;
   letter-spacing: 0.1em;
   font-weight: normal;
}

.content-nav {
   position: static;
   clear: both;
   background: url("images/conavi-body-top.gif") no-repeat top left;
   padding: 7px 0px 5px 0px;
   /*¥*/
   padding: 10px 0px 10px 0px;
   /**/
   color: #666;
   font-size: 10px;
   letter-spacing: 0.1em;
   font-weight: normal;
   text-align: center;
}

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

.trackbacks h3 {
   margin-top: 10px;
}

.entry-header {
   background: url("images/entry-body-bottom.gif") no-repeat bottom left;
   padding: 5px 10px 4px 28px;
   color: #CCC;
   font-size: 12px;
   letter-spacing: 0.1em;
   font-weight: bold;
}

.entry-main {
   border-top: 1px solid #333;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comments-open-content,
.comments-closed {
   position: static;
   clear: both;
   margin: 0px;
   background: url("images/entry-bottom.gif") no-repeat bottom left;
   padding: 0px 10px 0 20px;
   color: #CCC;
   font-weight: normal;
   line-height:1.8;
}

.comment-footer {
   position: static;
   clear: both;
   margin: 0px;
   background: url("images/entry-bottom.gif") no-repeat bottom left;
   padding: 6px 10px 6px 0px;
   color: #666;
   font-size: 10px;
   letter-spacing: 0.1em;
   text-align: right;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
   clear: both;
   padding: 20px 0px 0px 1px;
}

.entry-body td {
   border: solid 1px;
   border-color: #00CC33;
}

.entry-body p {
   width: 460px;
}

.entry-footer,
.trackback-footer{
   position: static;
   clear: both;
   width: 460px;
   margin-top: 27px;
   border-top: 1px solid #333;
   padding: 6px 0px 6px 0px;
   color: #666;
   font-size: 10px;
   letter-spacing: 0.1em;
   text-align: right;

}

.archive-content {
   position: static;
   clear: both;
   margin: 0px;
   background: url("images/archive-body.gif") repeat-y top left;
   padding: 10px 10px 20px 20px;
   color: #CCC;
   font-weight: normal;
   line-height:1.8;
   border-bottom: 1px solid #333;

}

.comments-open-footer {
   position: static;
   clear: both;
   width: 460px;
   padding: 20px 0px;
   color: #666;
   font-size: 10px;
   letter-spacing: 0.1em;
   text-align: center;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url {
   color: #000;
   border-top: solid 1px #151414;
   border-left: solid 1px #151414;
   border-right: solid 1px #808080;
   border-bottom: solid 1px #808080;
   background-color: #6a6969;
   width: 240px;
   height: 17px;
   margin: 0px 10px 0px 0px;
}

#comment-text {
   color: #000;
   border-top: solid 1px #151414;
   border-left: solid 1px #151414;
   border-right: solid 1px #808080;
   border-bottom: solid 1px #808080;
   background-color: #6a6969;
   width: 240px;
}

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

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



/* modules */

.module {
   position: relative;
   overflow: visible;
   clear: both;
   width: 100%;
   margin-bottom: 15px;
}

.module-content {
   position: static;
   background: url("images/side-bg.gif") no-repeat bottom;
   color: #CCC;
   font-weight: normal;
   line-height:1.8;
   padding:10px;
}

.module-powered {
   color: #666;
   font-weight: normal;
   line-height:1.3;
   margin-top: 10px;
}

#search {
   border-top: solid 1px #151414;
   border-left: solid 1px #151414;
   border-right: solid 1px #808080;
   border-bottom: solid 1px #808080;
   background-color: #6a6969;
   width: 120px;
   height: 17px;
   margin: 0px 10px 0px 0px;
}

.module-list {
   margin-bottom: 0px;
}

.module-list-item {
   line-height: 1.8em;
   background: url("images/icon_head.gif") no-repeat 0px 7px;
   padding-left: 12px;
}

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


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

.comments-open-moderated {
   padding: 10px 0px 20px 0px;
   color: #999;
   font-size: 10px;
   font-weight: normal;
   line-height:1.8;
}

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

   margin-top: 10px;
   border-left: 5px solid #3D3D3D;
   padding: 7px;
   color: #ccc;
   background: #252525;
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
}

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

   border-left: 5px solid #3D3D3D;
   padding: 7px;
   color: #ccc;
   background: #252525;
   font-size: 11px;
   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: #ccc;
}

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #252525;
   padding: 10px;
   color: #999;
   font-size: 10px;
   text-align: center;
   background: #111;
}

#footer {
position: relative;
   width: 798px; /* necessary for ie win */
}

#footer-inner {
   position: static;
   width: 798px;
}

#footer-header {
   background: url(images/footer-bg.gif) no-repeat top center;
   height: 103px;
   width: 798px;
   text-indent: -999px;
   overflow: hidden;
   margin-left: -4px;
   /*¥*/
   margin-left: -5px;
   /**/
   margin-top: 30px;
}

