/* FLUID LAYOUT

Set width to percentage, but use min-width to prevent wrapping.

px to em (960px for 1024×768 browsers, 16px char size):
960px = 60em
880px = 55em
800px = 50em
770px = 48.125em
640px = 40em
220px = 13.75em
100px = 6.25em

A container becomes larger due to its padding.
1em = 2% (generally)
*/

/* Basic Layout */
#page {
    width: 100%;
    min-width: 62em; /* Must be larger than #content*/
    margin: 0;
    padding: 0;
}

#header {

}

#logo {
    clear: both;
    overflow: auto;
}

#headinfo {

}

#content {
    clear: both;
    width: 80%;
    min-width: 62em;
    margin: 1em;
	margin-left: 5em;
}

#main {
    float: left;
    clear: none;
    width: 66%;
    min-width: 23em;
	padding: 0;
}

#page-links-container {
    float: left;
    clear: both;
    overflow: hidden;
    position: relative;
    width: 65.8%;
    min-width: 23em;
    padding: 0;
}

#loop {
    clear: both;
}

#sidebar {
    position: relative;
    width: 26%;
    min-width: 10em;
    padding: 0 1em;
    float: left;
    clear: right;
    overflow: visible;
}

#sidebar ul, #sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar ul ul {
    padding-left: 1em;
}

#footer {
    clear: both;
    overflow: visible;
}

/* Centered content */
#page {
    text-align: center;
}

#header {
    text-align: left;
}

#content {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#main {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#sidebar {
    text-align: left;
}

#footer {
    text-align: left;
}