/* basic elements */

body                 { background-color:#000000;
                       color: #cccccc; font-size: 11px; line-height: 150%; letter-spacing: 1px;
                       font-family: Arial, Verdana, Helvetica, MS UI Gothic, Osaka, sans-serif;
                       margin: 0; padding: 0; border: none; }

img                  { margin: 0; padding: 0; border: none; }

a:link,a:visited     { color: #969696; line-height: 140%; text-decoration: underline; }
a:hover,a:active     { color: #969696; line-height: 140%; text-decoration: none; }

div,p,tr,td          { margin: 0; padding: 0; border: none; }

ul                   { text-align: left;
                       margin: 0px 0px 0px 15px; padding: 0; border: none; }
li                   { list-style-type: square;
                       margin: 0; padding: 0; border: none; }

dl                   { text-align: left;
                       margin: 0; padding: 0; border: none;
                       margin-bottom: 7px; }
dt                   { margin: 0; padding: 0; border: none;
                       border-bottom: #333333 1px solid; }
dd                   { margin: 0; padding: 0; border: none; }

input,textarea       { background-color: #FFFFFF;
                       color: #aaaaaa;
                       margin: 0; padding: 0; border: #666666 1px solid; }

p.content-nav        { width: 100%;
                       text-align: center; }

td                   { text-align: left; vertical-align: top; }

/* Hƒ^ƒO */
h1,h2,h3             { color: #aaaaaa;
                       font-size: 100%;
                       margin: 0; padding: 0; border: none; }

h2#banner-description
                     { font-size: 90%;
                       color: #ffffff; }

h2.date-header       { margin-bottom: 0.5em;
                       padding-left: 0.5em;
                       border-left: solid 0.5em #666666; }

h3,h2#archive-title  { margin-bottom: 0.3em;
                       border-bottom: #333333 1px solid; }
h2.module-header     { margin-bottom: 0.5em;
                       padding-left: 0.5em;
                       border-left: solid 0.5em #666666;
                       border-right: solid 0.5em #666666; }

h3.entry-header h2#archive-title
                     { color: #ff6633; }

h3.entry-header a:link,h3.entry-header a:visited
                     { color: #ff6633; text-decoration: underline; }
h3.entry-header a:hover,h3.entry-header a:active
                     { color: #ff6633; text-decoration: none; }
div.center           { text-align: center; }


/* countainer */
div#container        { width: 798px;
                       margin: 0 auto; padding: 0; border: none;
                       border-left: solid 2px #666666;
                       border-right: solid 2px #666666;
                       border-bottom: solid 1px #666666; }

/* banner */
div#banner           { margin: 0 9px; padding: 0; border: none;
                       margin-bottom: 6px; }
div#banner-inner     { background: #000000 url("./img/index_banner.jpg") no-repeat 0px 0px;
                       text-align: right;
                       height: 230px; }

div#banner-inner a:link,div#banner-inner a:visited
                     { color: #ffffff; text-decoration: underline; }
div#banner-inner a:hover,div#banner-inner a:active
                     { color: #ffffff; text-decoration: none; }

/* menu */
div#menu             { margin: 0 9px; padding: 0; border: none;
                       margin-bottom: 6px; }
div#menu ul          { margin: 0; padding: 0; border: none; }
div#menu li          { display: inline; width: 156px;
                       float: left; text-align: center;
                       margin: 0; padding: 0; border: none;
                       border-top: solid 1px #666666; border-bottom: solid 1px #666666; }
div#menu li a        { background-color: #000000; color: #d3d3d3;
                       font-size: 10px; font-weight: bold;
                       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                       float: left; text-decoration: none;
                       list-style-type: none; width: 100%;
                       margin: 0; padding: 0; border: none; }
div#menu li a:hover  { background-color: #d3d3d3; color: #000000;
                       float: left; width: 100%;
                       margin: 0; padding: 0; border: none; }
div#menu li a.active { background-color: #666666; color: #000000; }
div#menu li a:hover.active
                     { background-color: #d3d3d3; color: #000000; }

/* whatsnew */
table#whatsnew td.day
                     { color: #3399FF;
                       width: 8em; }

/* pagebody */

/* alpha */
div#alpha            { float: left;
                       width: 568px; }
div#alpha-inner      { margin: 9px; padding: 5px; border: solid 1px #666666; }

/* beta */
div#beta             { float: right;
                       width: 227px; }
div#beta-inner       { margin: 9px; padding: 5px; border: solid 1px #666666;
                       margin-left: 0; }

/* bottom */
div#bottom           { clear: both;
                       font-size: 9px; letter-spacing: 1px;
                       font-family: Arial, Verdana, Helvetica, sans-serif;
                       border-bottom: solid 1px #666666; }
div#bottom-inner     { background-color: #000000;
                       margin-left: 7px; }

/* entry */
div.entry-content    { margin-bottom: 12px; }
p.title              { margin-bottom: 2px; }

.entry-body p        { margin-left: 6px; margin-bottom: 12px; }
.entry-more p        { margin-left: 6px; margin-bottom: 12px; }
.module-content      { margin-bottom: 12px; }
p.entry-footer       { font-size: 9px; text-align: right;
                       border-top: solid 1px #333333;
                       padding-top: 1px; 
                       margin-bottom: 12px; }

/* module */
.module-content p    { margin-bottom: 6px; }

/* calendar */
div.module-content table
                     { font-size: 9px; }
div.module-content table th,div.module-content table td
                     { width: 27px;
                       text-align: center; vertical-align: middle;
                       margin: 0; padding: 0; border: none; }
