* {
    margin:  0;
    padding: 0;
}

html, body {
    height:           100%;
    background-color: #ffffff;
    color:            #000000;
    font-size:        14px;
    font-family:      georgia, "Times New Roman", times, serif;
}

h1, h2, h3, h4, #author, #license {
    font-family: "Verdana", "Neue Helvetica", "Arial", "Helvetica", sans-serif;
    font-weight: normal;
}

/* Title */
h1 {
    font-size:   2.4286em; /* 34px */
    line-height: 1.1765em; /* 40px */
    margin-top:  0.5882em;
    text-align:  center;
}
#author {
    font-size:   1.2857em; /* 18px */
    line-height: 1.1111em; /* 20px */
    text-align:  center;
}
#license {
    font-size:     0.8571em; /* 12px */
    line-height:   1.6667em; /* 20px */
    text-align:    center;
}


/* Section Heading */
h2 {
    font-size:   2em;      /* 28px */
    line-height: 1.4286em; /* 40px */
    margin-top:  0.7143em;
}

/* Sub-section Heading */
h3 {
    font-size:   1.5714em; /* 22px */
    line-height: 1.8182em; /* 40px */
    margin-top:  0.9091em;
}

/* Block Title */
h4 {
    font-size:   1.2857em; /* 18px */
    line-height: 1.1111em; /* 20px */
    margin-top:  1.1111em;
}

div {
    line-height:   1.4286em; /* 20px */
}
p, pre, ul, ol, dl, table {
    font-size:     1em;      /* 14px */
    line-height:   1.4286em; /* 20px */
    margin-bottom: 1.4286em; 
}
li ul, li ol {
    margin-left:   2em;
    margin-bottom: 0;
}

a {
    color:           #555555;
    text-decoration: underline;
}
a:hover {
    color:           #222222;
    text-decoration: underline;
}

tt, code {
    font-family: "Andale Mono", "Courier New", courier, monospace;
}
.listingcontent {
    background-color: #dddddd;
}

hr {
    border:           none;
    margin:           1.4286em auto;
    height:           3px;
    width:            20em;
    background-color: #000000;
}

#pagebox {
    position:   relative;
    min-height: 100%;
}
* html #pagebox {
    height: 100%;
}

#header {
    padding-top: 18px;
}
#logo {
    display:       block;
    border:        none;
    margin:        0 auto;
    margin-bottom: 7px;
}

#content {
    width:  36em;
    margin: 0 auto;
}

#footer {
    position:            absolute;
    bottom:              0;
    width:               100%;
    height:              30px;
    margin-bottom:       10px;
    background-image:    url("../img/background-footer.png");
    background-position: center center;
    background-repeat:   no-repeat;
}
#footerfix {
    clear:  both;
    height: 40px;
    width:  100%;
}

#header hr, #footer hr {
    width:         40em;
    margin-top:    0;
    margin-bottom: 0;
}

.floatfix { /* Place this around a 1x1px img */
    clear:       both;
    height:      0;
    line-height: 0;
}

@media print {
    html, body { font-family: "Times New Roman", times, serif; }
    tt, code { font-family: "Courier New", courier, monospace; }
    #header { display: none; }
    #footerfix { display: none; }
    #footer { display: none; }
}