/* dw.css */

body {
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    background-color: #fff8a0;
    margin: 0px;
}


#header {
    width: 100%;
    height: 80px;
    background-color: black;
    margin-bottom: 20px;
}

#header div {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;     /* set to image width in .html */
}


a img {
    border: 0;          /* for old IE versions */
}


#container {
}


#menu {
    position: fixed;
    top: 80px;
    left: 0px;
    bottom: 0px;
    width: 150px;
    margin: 0px 15px 0px 0px;
    background-color: black;
}
    
    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #menu ul ul {
        margin-left: 1em;
    }

    #menu li {
        margin: 0;
        padding: 0;
    }
    
    #menu li a {
        display: block;
        padding: 40px 10px 40px 12px;
        font-weight: bold;
        font-size: 160%;
        color: #fff8a0;
        text-decoration: none;
    }
    
    #menu li a:hover {
        text-decoration: underline;
    }
            
    
#main {
    margin: 10px 10px 10px 180px;
    max-width: 670px;
    line-height: 1.2em;
    padding-bottom: 10px;
}


#main img {
    margin: 5px 0px 10px 20px;
}

#main div a img {
    margin: 0px 5px 5px 0px;
}

#main.tutorial img {
    margin: 0px 0px 10px 5px;
}

#thanks img {
    border: none;
    vertical-align: middle;
    margin: 0px 0.5em;
}


ul.nobullets, li ul {
    list-style: none;
    padding-left: 1em;
}

ul.major li {
    padding-bottom: 1em;
}

#main li {
    margin-bottom: 0.3em;
}


table {
    border-spacing: 20px 3px;
}

td:last-child {
    text-align: right;
}


h1, h2, h3, h4 {
    padding-top: 10px;
    font-family: Optima, "Trebuchet MS", Helvetica, Verdana, sans-serif;
}
    
h1 {
    font-size: 160%;
}
    
h2 {
    font-size: 145%;
}

h3 {
    font-size: 125%;
}
    
h4 {
    font-size: 110%;
}


.right {
    float: right;
}

.left {
    float: left;
}
    
.clear {
    clear: both;
}
        
.center {
    text-align: center;
}
