/* 
    Astronomy book CSS file
*/

header, footer, nav, section, article {display: block;}

body
{
    background-color:   #fff;
    color:              black;
    font-family:        Arial, sans-serif;
}

header
{
    background-color:       #fff;
    width:                  100%;
    color:                  black;
    font-family:            "Trebuchet MS";
    font-size:              xx-large;
    letter-spacing:         2px;
    text-shadow:            3px 3px 3px #aaa;
    text-align:             center;
    border-top-width:       0px;
    border-bottom-width:    3px;
    border-left-width:      0px;
    border-right-width:     0px;
    border-bottom-color:    black;
    border-style:           double;
    padding:                10px;
}

nav
{
    background-color:   #fff;
    width:              20%;
    color:              black;
    float:              left;
    padding:            10px;
}

article
{
    margin:                 2em 10%;
    float:                  right;
    width:                  80%;
    background-color:       #ccc;
    color:                  black;
    border-style:           solid;
    border-style:           double;
    border-width:           3px;
    border-color:           black;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    -moz-box-shadow:        10px 10px 5px #666;
    -webkit-box-shadow:     10px 10px 5px #666;
    box-shadow:             10px 10px 5px #666;
    padding:                10px;
}

section
{
    background-color:   #fff;
    width:              75%;
    float:              right;
}

footer
{
    background-color:       #fff;
    width:                  90%;
    clear:                  both;
    color:                  black;
    border-top-width:       1px;
    border-bottom-width:    1px;
    border-left-width:      0px;
    border-right-width:     0px;
    border-bottom-color:    black;
    border-style:           solid;
}

.little
{
    color:          gray;
    font-family:    Helvetica;
    font-weight:    normal;
    font-size:      small;
    letter-spacing: 0.05em;
}

img
{
    border-width:   0px;
    border-style:   solid;
}

img.floatright
{
    border-width:   0px;
    float:          right;
    margin-right:   30px;
    padding:        10px;
}

img.floatleft
{
    border-width:   0px;
    float:          left;
    margin-right:   30px;
    padding:        10px;
}

br.clear
{
    clear:      left;
}

p.box
{
    background-color:       #eee;
    color:                  black;
    text-align:             center;
    border-style:           solid;
    border-style:           double;
    border-width:           3px;
    border-color:           black;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    -moz-box-shadow:        10px 10px 5px #666;
    -webkit-box-shadow:     10px 10px 5px #666;
    box-shadow:             10px 10px 5px #666;
    padding:                10px;
}

li.arrow
{
    list-style-image:url(images/arrow.png);
}

ul.arrow
{
    list-style-image:url(images/arrow.png);
}

h1
{
    color:                  #d22;
    font-family:            "Trebuchet MS";
    font-size:              x-large;
    letter-spacing:         2px;
    border-top-width:       0px;
    border-bottom-width:    1px;
    border-left-width:      0px;
    border-right-width:     0px;
    border-bottom-color:    #d22;
    border-style:           solid;
}

h2
{
    color:                  black;
    font-family:            "Trebuchet MS";
    font-size:              large;
    letter-spacing:         1px;
    border-top-width:       0px;
    border-bottom-width:    1px;
    border-left-width:      0px;
    border-right-width:     0px;
    border-bottom-color:    black;
    border-style:           solid;
}