/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
    +wrapper(old style deprecated)
        +header
        +content-wrapper, +content(old style deprecated)
            =content-main
            =content-sidebar
        +footer
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

html, body {
    min-width: 100%;
    margin: 0;
    text-align: center;
}

/* +wrapper(old style deprecated)
*----------------------------------------------------------------------------*/

#wrapper {
    width: 980px;
    margin: 0 auto;
    background: none;
    background-color: #fff;
}

/* +header
*----------------------------------------------------------------------------*/

#header {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

/* +content-wrapper, +content(old style deprecated)
*----------------------------------------------------------------------------*/

#content,
#content-wrapper {
    overflow: auto;
    width: 980px;
    margin: 12px auto;
    text-align: left;
}

#content-main {
    float: left;
    width: 670px;
    margin: 0 auto;
    text-align: left;
}

#content-sidebar {
    float: right;
    width: 310px;
    margin: 0 auto;
}

/* +footer
*----------------------------------------------------------------------------*/

#footer {
    clear: both;
    width: 980px;
    margin: 12px auto;
    text-align: left;
}