@import url("/styles/html5.css");
@import url("/styles/is/colors.css");
@import url("/styles/is/font-face.css");

html, body {
    margin: 0; padding: 0;
}

/* LVHA */
a { text-decoration: none; 0}
a:link, a:visited {
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .2em;
    padding: 0 .2em;
}

header {
    /* text-shadow: 2px 2px 6px #333; */
    /* text-shadow: 0.07em 0.07em 0.21em #333; */
    /* text-shadow: 0 0 0.2em #ddd; */
    /* text-shadow: 0 0 0.8em #000000; */
    /* text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); */
    text-shadow:3px 3px 4px rgba(0, 0, 0, 0.6);
    margin: 3em 0 5em 0;
}
    header>h1, header>h1+div {
        margin: auto; padding: 0;
        font-weight: normal; font-family: ChunkFive, 
            Georgia-Bold, Georgia, serif;
        font-size: 175%;
        width: 80%;
    }

/* One glorious day it will be possible to style the different pieces
   with nth-of-type(N), but not enough browsers support that today, so
   I've got to use ids. */
/*
    header>h1>span:nth-of-type(1) { joy: 1; }
    header>h1>span:nth-of-type(2) { joy: 1; }
    header>h1>span:nth-of-type(3) { joy: 1; }
*/

/* #name, #verb, #clause {
    display: block; text-align: center; }
#verb {
    font-size: 400%; text-transform: uppercase;
}
#clause {
    font-size: 175%;
} */

#name, #phrase {
    display: block; text-align: center; }
#name { font-size: 325%; }
#phrase {
    font-size: 150%;
    max-width: 13em;
    margin: auto;
}
#clause .blogger-post-footer { display: none; }

#main {
    width: 75%;
    margin: auto;
    text-align: justify;
    font-size: 1.5em;
    font-family: "Graublau Web", Museo, "Lucida Grande",
        "Lucida Sans Unicode", "Lucida Sans", Helvetica,
        "Liberations Sans", Arial, sans-serif;
    line-height: 1.7;
}

    #main strong {
        font-family: "Graublau Web Bold", Museo, "Lucida Grande",
            "Lucida Sans Unicode", "Lucida Sans", Helvetica,
            "Liberations Sans", Arial, sans-serif;
    }