/* Default stylesheet for 9 St. Mary Road */

/* From Wordpress Default Theme */

.narrowcolumn {
}
.post {}


/* My styles */

body {
    margin:0 ;
    padding: 0;
    font-family: Georgia, Book Antiqua, Palatino, "Palatino Linotype", serif;
    font-size: small;
    color: #000000;
    /* background-color: green; */
    /* background-color: #224411; */
    /* background-color: #473624; */ /* brown */
    /* background-color: #004400; */
    background-color: #000033;
    line-height: 1.3;
}

.greek {
    font-family: "Palatino Linotype", Palatino, Georgia, Book Antiqua, serif;
}

p {
    /* margin: 0; */
}

img {
    border: 1px solid black;
    padding: 0px;
    margin: 10px;
}

#page-header-image {
    float: left;
    width: 100px;
    margin: 0 1% 0 0;
    padding: 0px;
    border: 0px;
}

.date {
    font-weight: bold;
}

.new {
}

#page-header {
    margin: 10px 4% 0px 4%;     /* the margins for ie5win */
    padding: 6px 2% 6px 2%;

    height: auto;
    color: yellow;
    border-top: 1px solid yellow;
    border-bottom: 1px solid yellow;
    /*
    background: #ffffcc;
    border: 1px solid black;
    */

    /* ie5win hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    margin: 10px 2% 0px 2%;      /* the correct css2 margins  */
}
html>body #page-header { margin: 10px 2% 0px 2%; }

#page-header-text { float: left; }

#page-header h1 {
    margin: 0;
    padding: 0 0 0 0;
    font-family: Georgia, Book Antiqua, Palatino, "Palatino Linotype", serif;
    font-size: xx-large;
    font-weight: normal;
}

#page-header p {
    margin: 0;
    padding: 0 0 0 0;
    font-style: italic;
    line-height: 2em;
}

#page-header a:link { color: yellow; text-decoration: none; }
#page-header a:visited { color: yellow; text-decoration: none; }
#page-header a:active { color: yellow; text-decoration: none; }

.post-header a:link { color: black; text-decoration: none; }
.post-header a:visited { color: black; text-decoration: none; }
.post-header a:active { color: black; text-decoration: none; }

/*
h1>a:link { color: black; text-decoration: none; }
h1>a:visited { color: black; text-decoration: none; }
h1>a:active { color: black; text-decoration: none; }
*/

#page-header-end {
    clear: both;
}

#menus {
    float: right;
    width: 30%;     /* the width for ie5win */
    margin: 20px 2% 20px 1%;
    padding: 0;

    /* ie5win hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width=35%;      /* the correct css2 width  */
}
html>body #menus { width: 35%; }

.menu {
    margin: 0;
    padding: 6px 5% 20px 5%;

    background: #ffffcc;
    border: 1px solid black;
    margin-bottom: 20px;
}

.menu p {
    margin: 0;
}

.menu h2 {
    font-weight: normal;
    font-size: medium;
    font-style: italic;
}

a:link { color: #000033; }
a:visited { color: #770000; }
a:active { }

#search-form {
    padding: 20px 0% 3px 0%;
}

#content {
    float: left;
    width: 57%;     /* the width for ie5win */
    margin: 20px 1% 20px 2%;
    padding: 6px 2% 6px 2%;

    background: #ffffcc;
    border: 1px solid black;

    text-align: left;

    /* ie5win hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 54%;     /* the correct css2 width */
}
html>body #content { width: 54%; }

.post-header {
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

h1, h2, h3, h4 {
}

h1 {
    font-size: large;
}

h2 {
    font-size: medium;
    font-weight: bold;
}

h3 {
    font-size: medium;
    font-weight: normal;
    /* font-variant: small-caps; Small caps looks terrible in Greek */
}

.book-title {
    font-style: italic;
}

p.first:first-line { /* font-variant: small-caps; */ }
p.first:first-letter { font-size: 300%; line-height:80%; }

#page-footer {
    clear: both;
    margin: 10px 4% 20px 4%;     /* the margins for ie5win */
    padding: 6px 2% 6px 2%;

    background: #ffffcc;
    border: 1px solid black;

    /* ie5win hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    margin: 20px 2% 20px 2%;      /* the correct css2 margins  */
}
html>body #page-footer { margin: 20px 2% 20px 2%; }

#page-footer p {
    font-family: Verdana, sans-serif;
    font-size: xx-small;
}

.logo {
    float: left;
    margin: 0px 2% 0px 0px;
    vertical-align:top;
}

/*
 * Use a dingbat as a horizontal rule.
 * 
 * Cross-browser tricks thanks to:
 * http://diveintoaccessibility.org/day_25_using_real_horizontal_rules_or_faking_them_properly.html
 *
 * To use, type this:
 * <div class="hr"></div><hr/>
 */
div.hr {
    display: none;
}
/*/*/a{}
div.hr {
    display: block;
    height: 25px;
    background-image: url(/images/small_leaf.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 1em 0 1em 0;
}
hr {
    display: none;
}
/* End dingbat. (This comment is necessary for cross-browser trickery!) */

td {
    vertical-align: top;
}
th {
    text-align: left;
    border-bottom: solid black 1px;
}
th.empty {
    border-bottom: 0;
}