/*
  $Id: styles-site.css,v 1.12 2005/07/29 07:30:25 yoshi Exp $
  Author: IKARASHI Yoshinori <yoosee@init.org>
  License: GPLv2
 */

/* general */

body {
  text-align: center;
  margin: 0;
  padding: 0;
  background: gray;
}

img {
  border: none;
}

/* unique components with id */

#main {

  width: 600px;
  margin-left: auto;
  margin-right: auto;

  border: solid black 1px;
  color: black;
  background: #eee;
  text-align: left;
}

#navigation {
  font-family: "Century Gothic", sans-serif;
  color: #eee;
  background: #229900;
  width: 100%;
  height: 8px;
  text-align: left;
  font-size: 40%;
  margin: 0;
}

#navigation a {
  color: #eee;
  background: transparent;
  text-decoration: none;
}

#banner {
  font-family: sans-serif;
  color: white;
  font-size:x-large;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#banner h1 {
  font-family: sans-serif;
  background: white url('/image/title.jpg') no-repeat left center;
  color: #333;
  width: 100%;
  height: 75px;
  text-align: center;
  margin: 0;
  padding: 0;
}

#banner img {
  border: none;
}

#banner a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  background: transparent;
  text-decoration: none;
}

#banner .description {
  font-family:verdana, arial, sans-serif;
  color:#ccc;
  font-size:x-small;
  font-weight: bold;
  background: inherit;
}

#banner form.search {
  float: right;
  position: relative;
  vertical-align: bottom;
}

/*** header search and tabs ***/
  
#header {
  font-family: sans-serif;
  float: left;
  width: 100%;
  text-align: right;
  font-size: inherit;
  line-height: normal;
  margin: 0;
  padding: 0;
  background: #229900;
  color: white;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header li {
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  border-right: solid #888888 1px;
}

#header a {
  color: #ccc;
  background: inherit;
  font-family: "Trebuchet MS", "Century Gothic", sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#header li a {
  display: block;
  width: 80px;
  height: 1.4em;
  color: #eee;
  background: inherit
}

#header li a.active {
  color: #ccc;
  background: #301000;

}

#header li a.inactive:hover {
  color: black;
  background: #ee8;
}

#header form {
  display: inline;
  padding: 0;
  margin: 0;
}

/*** main contents ***/

#content {
  float:left;
  color: #eee;
  background: #301000;
  width:100%;
  position: relative;
  padding: 0;
  margin: 0;
  line-height: 1.4em;
}

#content p {
  background: inherit;
  color: #aaaaaa;
  padding: 0.2em 1em;
  font-size: smaller;
  margin: 0;
}

#content p a {
  background: inherit;
  color: #8888dd;
}

#content h3 {
  background: inherit;
  color: #ccc;
  padding: 0.5em 0 0 0.5em;
  margin: 0;
}

#content span.topimage {
  height: 300px;
  width:  400px;  
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

#content span.topimage img {
  padding: 0;
  margin: 0;
}

#content span.imageright  {
  float: right;
  padding: 1em;
  margin: 0;
}

/*** footer parts ***/

#footer {
  font-family: "Century Gothic", sans-serif;
  background: black;
  color: #777;
  clear: both;
  width: 100%;
  text-align: center;
  font-size: 50%;
  margin: 0;
}

#footer a {
  color: #000;
  background: inherit;
  font-weight: bold;
}

/* for MAC */
textarea {
  font-family: 'Pro W6', Osaka,  'Trebuchet MS', trebuchet, verdana, arial, sans-serif;
}