@import url("reset.css");

/* ! Typography */
em { font-style: italic; }
strong { font-weight: bold; }
a { text-decoration: none; color: #c2001d; }
body {
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    color: #7d7a66;
}
#container { text-align: left; }
#header { color: #c2001d; font-size: 1.4em; }
#content { font-size:1.5em; line-height: 2.267em; }
#footer { font-size:1.1em; line-height: 1.455em; color: #b5b4a8; }
#footer a { color: #b5b4a8; }

/* ! Layout */
p { margin: 1.455em 0; }
.hr { margin: 32px 0; height: 1px; background: #cfd1c4; border-top: 1px solid #fff; }
#container {
    position: relative;
    width: 1033px;
    margin: 0 auto 64px auto;
}
#header { padding: 194px 167px 0 463px; }
#header .hr { margin: 16px 0; }
#content .right { padding: 0 167px 0 463px; }
#footer { padding: 0 167px 186px 463px; }
#logo {
    display: block;
    position: absolute;
    top: 154px; left: 174px;
    width: 213px; height: 84px;
}
#logo h1, #logo a { display: block; width: 100%; height: 100%; }
#content .person { margin: 0 0 0 0; }
#content .person .thumbnail { margin: 0 0 2em 0; }
#content .person .left {
    float: left;
    width: 196px;
    margin: 1ex 0 0 232px;
    font-size:0.8em;
    line-height: 1.5em;
    text-align: right;
}
#content .person .less { margin: 0; }
#content .person .name { display: block; font-weight: bold; color: #c2001d; }
#content .person .learn-more { display: block; overflow: hidden; cursor: pointer; color: #c2001d; }
#content .person .more { overflow: hidden; }

/* ! Backgrounds */
body { background: #ced1c3 url(../images/base_body_bg_top.jpg) repeat-x top left; }
#container { background: url(../images/base_container_bg_middle.jpg) top left; }
#header { background: url(../images/base_container_bg_top.jpg) no-repeat top left; }
#footer { background: url(../images/base_container_bg_bottom.jpg) no-repeat bottom left; }
#logo { background: url(../images/base_logo_bg.gif) top left; }

/* ! Hidden */
#logo span,
.hr hr { display: none; }