/*
Theme Name: Green Grass
Theme URI: http://tequilo.de/wordpress-themes/
Description: A simple white 2 column theme featuring green grass in the header.<br /> <br /> To further customize the theme, click on the "Theme Options" tab and make edits..
Version: 1.1.0
Author: Tequilo, Modified by MORITA Hajime
Author URI: http://tequilo.de/, http://dodgson.org/

*/

body {
        margin: 0 auto;
        background-color: #fff;
}


table, img { border: 0; }

/* ----- HEADER ----- */

#header {
        color: black;
        display: block;
        margin:30px auto 0px auto;
        width: 724px;
        height: 200px;
        background-image:url(./img/top_green.jpg);
}

#header a:link, #header a:visited { color: #fff; }
#header a:hover { color: #fff; }

/* ----- MAIN AREAS ----- */

#content {
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;

        margin:0 auto;
        padding: 10px 0 0 0;
        width: 722px;
        background-color: #ffffff;
/*        font: 14px/22px 'Lucida Grande', Verdana, arial, sans-serif; */
        font-family: 'Lucida Grande', Verdana, arial, sans-serif;
        margin-bottom:24px;
        color: #222;
}

#content img {
        padding: 5px;
        border: 1px solid #ccc;
        margin: 5px;

}

img.diagram {
        display: block;
}


form {
        margin-top: 20px;
}

div.comment {
/*  text-align: right;*/
  margin: 1em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #9CA686;
}

#comment-form-section {
        text-align: left;
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
        margin: 0.5em;
        padding: 0.5em;
}

#comment-form-section p {
        margin-bottom: 4px;
}

#comment-form-section input.field {
        text-align: left;
}

#comment-form-section div.button input {
        height: 24px;
        width: 45px;
        font-family: 'Small Fonts', Verdana, arial, sans-serif;
        color: #666;
}

#comment-form-section div.button input:hover {
        font-weight:bold;
}

div.field {
        letter-spacing: 0;
        color: #666;
}

#comment-form-section input.field,
#comment-form-section textarea  { /*common to all text fields */
        border: 1px solid #ccc;
/*        background-color: #fafafa; */
        color: #666;
}


/* ----- LINKS ----- */

a:link { color: #717961; text-decoration: none; }
a:visited { color: #717961; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #717961; text-decoration: none; }



/* ----- TITLES ----- */
h1 {
        font: 32px/28px Georgia, Verdana, arial, sans-serif;
        color: #fff;
        margin: 0 0 0 24px;
        padding-top: 150px;
        letter-spacing: -1px;
}

h2 {
        display: block;
/*        font: 110% Georgia, "Times New Roman", serif; */
        font-weight: normal;
        font-size: 120%;
        color: #999;
/*        letter-spacing: 3px; */
        margin: 8px 8px 4px 15px;
}

h2 span.date {
        font: normal 100% Georgia, "Times New Roman", serif;
        color: #444;
        letter-spacing: 2px;
        margin-bottom: 4px;
}

h3, h4, h5 {
/*        font: bold 110% Georgia, "Times New Roman", serif; */
        font: bold 110% Georgia, Verdana, arial, sans-serif;a
        margin: 12px 0 12px 0;
        color: #000;
}

h5 {
        font-size: 100%;
}

a.h3:link , a.h3:visited , a.h3:active{ color: #717961; text-decoration: none; }
a.h3:hover { color: #333; text-decoration: none; }

/* posts, main */

div.body {
        /*border: 1px solid #ff0000;*/
        margin: 0px 20px 35px 20px;
        padding: 0;
}

div.body p {
    line-height: 150%;
}

/* blockquotes */

* html blockquote{height: 1%;} /* ie hack */
* html li{height: 1%;} /* ie hack */

blockquote {
        border: 1px dotted #878686;
        background: url('img/quote.gif') no-repeat;
/*        font-family:  Georgia, "Times New Roman", serif; */
        display: block;
        padding: 0 10px 6px 12px;
        color: #444;
        margin: 0 16px 15px 16px;
}

hr.sep {
/*
        border-color: #9CA686;
        border-style: solid;
 */
        visibility: hidden;
        margin: 1em;
}

pre {
        background-color: #F1F5E9;
        padding: 0.4em;
}

em {
        font-style: normal;
        font-weight: bold;
}

/* navigation */
div.navigations {
/*        text-align: center; */
        text-align: right;
        padding: 1em;
        padding-bottom: 30px;
        font: x-small 'Lucida Grande', Verdana, arial, sans-serif;
        font-weight: bold;
}

.footer {
  font-family: Verdana, arial, sans-serif;
  font-size: small;
  text-align: center;
  color: #666;
}