/**
 * base
 */

/**
 * Blueprint with html5
 */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section
{
    margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}

article.span-1, article.span-2, article.span-3, article.span-4, article.span-5, article.span-6, article.span-7, article.span-8, article.span-9, article.span-10, article.span-11, article.span-12, article.span-13, article.span-14, article.span-15, article.span-16, article.span-17, article.span-18, article.span-19, article.span-20, article.span-21, article.span-22, article.span-23, article.span-24
, aside.span-1, aside.span-2, aside.span-3, aside.span-4, aside.span-5, aside.span-6, aside.span-7, aside.span-8, aside.span-9, aside.span-10, aside.span-11, aside.span-12, aside.span-13, aside.span-14, aside.span-15, aside.span-16, aside.span-17, aside.span-18, aside.span-19, aside.span-20, aside.span-21, aside.span-22, aside.span-23, aside.span-24
, dialog.span-1, dialog.span-2, dialog.span-3, dialog.span-4, dialog.span-5, dialog.span-6, dialog.span-7, dialog.span-8, dialog.span-9, dialog.span-10, dialog.span-11, dialog.span-12, dialog.span-13, dialog.span-14, dialog.span-15, dialog.span-16, dialog.span-17, dialog.span-18, dialog.span-19, dialog.span-20, dialog.span-21, dialog.span-22, dialog.span-23, dialog.span-24
, figure.span-1, figure.span-2, figure.span-3, figure.span-4, figure.span-5, figure.span-6, figure.span-7, figure.span-8, figure.span-9, figure.span-10, figure.span-11, figure.span-12, figure.span-13, figure.span-14, figure.span-15, figure.span-16, figure.span-17, figure.span-18, figure.span-19, figure.span-20, figure.span-21, figure.span-22, figure.span-23, figure.span-24
, footer.span-1, footer.span-2, footer.span-3, footer.span-4, footer.span-5, footer.span-6, footer.span-7, footer.span-8, footer.span-9, footer.span-10, footer.span-11, footer.span-12, footer.span-13, footer.span-14, footer.span-15, footer.span-16, footer.span-17, footer.span-18, footer.span-19, footer.span-20, footer.span-21, footer.span-22, footer.span-23, footer.span-24
, header.span-1, header.span-2, header.span-3, header.span-4, header.span-5, header.span-6, header.span-7, header.span-8, header.span-9, header.span-10, header.span-11, header.span-12, header.span-13, header.span-14, header.span-15, header.span-16, header.span-17, header.span-18, header.span-19, header.span-20, header.span-21, header.span-22, header.span-23, header.span-24
, hgroup.span-1, hgroup.span-2, hgroup.span-3, hgroup.span-4, hgroup.span-5, hgroup.span-6, hgroup.span-7, hgroup.span-8, hgroup.span-9, hgroup.span-10, hgroup.span-11, hgroup.span-12, hgroup.span-13, hgroup.span-14, hgroup.span-15, hgroup.span-16, hgroup.span-17, hgroup.span-18, hgroup.span-19, hgroup.span-20, hgroup.span-21, hgroup.span-22, hgroup.span-23, hgroup.span-24
, menu.span-1, menu.span-2, menu.span-3, menu.span-4, menu.span-5, menu.span-6, menu.span-7, menu.span-8, menu.span-9, menu.span-10, menu.span-11, menu.span-12, menu.span-13, menu.span-14, menu.span-15, menu.span-16, menu.span-17, menu.span-18, menu.span-19, menu.span-20, menu.span-21, menu.span-22, menu.span-23, menu.span-24
, nav.span-1, nav.span-2, nav.span-3, nav.span-4, nav.span-5, nav.span-6, nav.span-7, nav.span-8, nav.span-9, nav.span-10, nav.span-11, nav.span-12, nav.span-13, nav.span-14, nav.span-15, nav.span-16, nav.span-17, nav.span-18, nav.span-19, nav.span-20, nav.span-21, nav.span-22, nav.span-23, nav.span-24
, section.span-1, section.span-2, section.span-3, section.span-4, section.span-5, section.span-6, section.span-7, section.span-8, section.span-9, section.span-10, section.span-11, section.span-12, section.span-13, section.span-14, section.span-15, section.span-16, section.span-17, section.span-18, section.span-19, section.span-20, section.span-21, section.span-22, section.span-23, section.span-24
{
    float:left;margin-right:10px;
}

article.span-24, aside.span-24, dialog.span-24, figure.span-24, footer.span-24, header.span-24, hgroup.span-24, menu.span-24, nav.span-24, section.span-24
{
    width:950px;margin-right:0;
}
article.border, aside.border, dialog.border, figure.border, footer.border, header.border, hgroup.border, menu.border, nav.border, section.border
{
    padding-right:4px;margin-right:5px;border-right:1px solid #eee;
}
article.colborder, aside.colborder, dialog.colborder, figure.colborder, footer.colborder, header.colborder, hgroup.colborder, menu.colborder, nav.colborder, section.colborder
{
    padding-right:24px;margin-right:25px;border-right:1px solid #eee;
}

/**
 * base
 */
body {
    background-color:#502020;
    color:#334444;
    font-size:84%;
}
h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover,
h6 a, 
h6 a:hover {
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
    color:#334444;
}

header {
    background-color:#FFFFFF;
    height:110px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    text-align:center;
}
header h1 {
    -x-system-font:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:700%;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:-0.1em;
    line-height:100%;
    text-align:left;
    margin:0 auto;
    width:950px;
}
header h1 a,
header h1 a:focus,
header h1 a:hover {
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
    color:#505050;
}
div#container {
    position:relative;
    top: -40px;
}
div#container #main {
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-style:solid;
    border-width:1px;
    min-height: 600px;
    behavior: url(/lib/common/ie-css3.htc);
}

#content {
    margin-top: 30px;
}

article h1 {
    margin-top: 20px;
    font-size:2em;
    border-bottom:4px solid #608689;
    padding-left:2px;
}
article h2 {
    font-size:1.7em;
    border-bottom:4px solid #FFCC99;
}
article p,
article p + p {
    text-indent:0px;
    margin-left:0.4em;
}
article ul {
    padding-left:1em;
}
article footer {
    color:#6A6A6A;
    text-align:right;
    font-size:0.8em;
    position:relative;
    top: 0px;
    margin-bottom:1em;
}

#sidebar {
    padding:4em 0;
}
#sidebar nav {
    margin:20 0;
    border-bottom:1px solid #6a6a6a;
}
#sidebar nav ul {
    margin:0;
    padding:0 0 0 4px;
}
#sidebar nav ul li {
    list-style-position:outside;
    list-style-type:none;
    padding:2px;
}

footer {
    color:#FFFFFF;
    position:relative;
    top: -40px;
}
footer p.copyright {
    text-align:right;
    width:950px;
    margin:0 auto;
}
footer p.copyright a,
footer p.copyright a:focus,
footer p.copyright a:hover {
    color:#FFFFFF;
}
