/* General paragraph settings. Let's try some hyphenation. */
p { 
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* For no hyphenation */
.nobreak {
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
}

/* Paragraph for images */
div.figure {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
div.figure p {
    text-align: center;
}

/* A 40em wide central column */
div.main {
    width: 40em;
    margin-left: auto;
    margin-right: auto;
}
/* h1 should be centered */
div.main h1 {
    text-align: center;
}
/* I feel that the padding on h3s is too large by default */
h3 { margin-bottom: 0px;}
h3 + p{ margin-top: 0px; }

/* I prefer my lists to be fairly compact */
li {
    padding-bottom: 0.75em;
}

/* For even more compact lists, reduce padding of children */
ul.compact li * {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
/***** Menu Stuff *******/

/* Position the menu absolutely, in the top left*/
div.menu {
    float: left;
    margin-right: 2px;
    padding-right: 2px;
    border: 1px solid black;
}
/* Make sure that the menu title doesn't push everything around*/
div.menu h3 {
    margin-bottom: 0px;
}
/* Remove menu list bullets, reduce space wasted on padding/margins*/
div.menu ul {
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}
/* Remove menu list element padding */
div.menu ul li {
    padding-bottom: 0px;
}

/* When displaying a form inside a fieldset, let the fields float right. */
label {
    width: 10em;
    float: left;
    text-align:right;
    padding-right:0.75em;
}