body {
    font: 14px/24px Georgia, "Times New Roman", Times, serif;
    background: #fff no-repeat;
    color: #000; 
    margin: 0;
    text-align: center;
}

a {
    color: #0040c6;
}

a:visited {
    color: #6e148c;
}

#body {
    text-align: left;
    margin-top: 50px;
}

#wrap {
    width: 930px;
    clear: both;
}


/* HEADER */

#fill {
    float: left;
    height: 100px;
    background: url(../images/fill_bg.png);
}

#header {
    float: left;
    background: url(../images/trans_bg.png);
    -background-image: none;
    -background-color: #eee;
    height: 100px;
    width: 530px;
    position: relative;
}

#header a {
    color: #000;
}

#header h1, #header h1 a {
    color: #000;
    width: 194px;
    height: 60px;
    display: block;
}

#header h1 {
    position: absolute;
    top: 17px;
    left: 27px;
    margin: 0;
    font: normal 24px/normal Helvetica, Arial, sans-serif;
    background: url(../images/sofi_logo.png) no-repeat;
    text-indent: -10000px;
}

#header p {
    margin: 0;
    position: absolute;
    top: 62px;
    left: 145px;
}

#header-highlight {
    padding-top: 30px;
    padding-left: 35px;
    float: left;
    line-height: normal;
}

#header-highlight h3 {
    margin: 0;
    padding: 0;
    font: bold 18px/normal Helvetica, Arial, sans-serif;
}

#header-highlight a {
    color: #0040c6;
    padding-right:5px;
}


/* FOOTER */

#footer {
    background: url(../images/trans_bg.png);
    height: 60px;
    clear: both;
    margin-left: 530px;
    margin-bottom: 50px;
    padding:20px;
    color:#999;
    font: 12px Helvetica, Arial, sans-serif;
}


/* NAVI */

#navi {
    list-style: none;
    margin: 0 50px 0 45px;
    padding: 40px 0 0 0;
    font: 22px Helvetica, Arial, sans-serif;
    clear: both;
}

#navi li {
    display: block;
    float: left;
    margin-right: 35px;
    width: 100px;
}

#navi li div {
    clear: both;
    height: 35px;
}

#navi li.selected {
}

#navi li a {
    text-decoration: none;
    color: #333;
    margin-left: 5px;
}

#navi li.selected a {
    color: #bc00bc;
}

#navi li ul {
    font-size: 12px;
    margin: 0;
    padding: 5px 0 0 0;
    width: 300px;
}

#navi li ul li {
    float: left;
    clear: both;
    margin-right: 0;
    width: auto;
}

#navi li.selected ul li a {
    margin: 0;
    padding: 4px 5px;
    display: block;
    color: #333;
}

#navi li.selected ul li.selected a {
    color: #fff;
    background-color: #d0d;
}



/* CONTENT */

#content {
    clear: both;
    padding-bottom: 50px;
    background: no-repeat 100% 0;
}

#content-header {
    height: 190px;
    background: url(../images/trans_bg.png);
    font-size: 17px;
    line-height: 31px;
    padding: 30px;
    margin-left: 50px;
    margin-right: 400px;
    position: relative;
}

#content-header h2 {
    font: normal 32px Helvetica, Arial, sans-serif;
    line-height:32px;
    margin: 0;
}

#content-header p {
    margin: 20px 0;
    margin-top:10px;
    line-height:26px;
    padding-left: 65px;
}

/* quotes */

#content-header ul.quotes {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#content-header ul.quotes li {
    position: absolute;
    top: 0;
    left: 0;
    height: 190px;
    width: 420px;
    display: none;
}

#content-header ul.quotes li p {
    margin: 0;
    padding: 0;
}

#content-header ul.quotes li p.quote {
    padding-left: 30px;
    background: url(../images/quote.png) no-repeat 0 7px;
}

#content-header ul.quotes li p.quote-source {
    padding-left: 0;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    font-style: italic;
}

/* content body */

#content-body {
    margin: 30px 0 30px 145px;
}

#content-body, .content-row-body {
    float: left;
    width: 484px;
    margin-right: 45px;
}

#content-body h2, #content-body h3, #content-body h4, #content-body p, 
#content-body form, #content-body ul, #content-body ol {
    margin-top: 0;
    margin-bottom: 16px;
}

#content-body blockquote {
    margin: 0 40px;
}

#content-body p {
    text-align: justify;
}

#content-body h2 {
    padding-top: 15px;
    font: bold 21px/normal Helvetica, Arial, sans-serif;
    clear: both;
}

#content-body h3 {
    padding-top: 15px;
    font: bold 16px/normal Helvetica, Arial, sans-serif;
    clear: both;
}

#content-body h4 {
    font: bold 15px/normal Helvetica, Arial, sans-serif;
    clear: both;
}

#content-body blockquote p {
    font-style: italic;
    line-height: 22px;
    text-align: left;
}

#content-body .summary {
    font-weight: bold;
}

#content-body .details {
    padding-left:20px;
    padding-top:10px;
}

#content-body .label {
    font-size:11px;
    text-transform:uppercase;
    color:#666666;
}

#content-body .details p {
    margin:0 !important;
}

/* content navi */

#content-navi, .content-row-extra {
    float: left;
    width: 250px;
    line-height: normal;
    font: 12px/18px Helvetica, Arial, sans-serif;
}

#content-navi {
    margin: 30px 0 0 0;
    padding: 0;
}

#content-navi ul, .content-row-extra ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

#content-navi li, .content-row-extra li {
    padding-bottom: 8px;
}

#content-navi ul.reviews li {
    padding-bottom: 18px;
}

#content-navi li i {
    font-style:normal;
}

#content-navi li.more {
    text-align: right;
}

#content-navi h2,
#content-navi h3,
#content-navi p,
#content-navi ul {
    margin-top: 0;
    margin-bottom: 14px;
}

#content-navi h3 {
    font-size: 18px;
}

#content-body .section {
    margin-bottom: 50px;
}

#content-body .section.last {
    margin-bottom: 0;
}

#content.wide #content-body {
    margin-right: 0;
    width: 779px;
}

#content.wide #content-navi {
    display: none;
}

.content-row {
    clear: both;
}


/* BOOKS */

#content-body ul.books, 
ul.bibliography {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

#content-body ul.books {
    margin-top: -25px;
}

#content-body ul.books li {
    clear: both;
    padding-top: 25px;
    position: relative;
}

#content-body ul.books li h2,
#content-body ul.books li h3 {
    padding-top: 0;
}

#content-body ul.books li p {
    padding-left: 151px;
    margin-bottom: 7px;
    font: 14px/22px Helvetica, Arial, sans-serif;
}

#content-body ul.books li p.cover {
    padding-left: 0;
    float: left;
}

ul.bibliography li {
    clear: both;
    margin-bottom: 25px;
    position: relative;
}

ul.bibliography li h3 {
    padding-top: 20px;
}

ul.bibliography li h3 a {
    text-decoration: none;
    color: #000;
}

ul.bibliography li ul.books li {
    float: left;
    width: 360px;
    clear: none;
    margin-right: 35px;
}

span.year {
    color: #666;
    font-weight: normal;
}

#content-header span.year {
    font-size:50%;
}

.related {
    padding: 8px;
    background: url(../images/trans_light_bg.png);
    font: 12px/18px Helvetica, Arial, sans-serif;
    list-style: none;
    display: inline-block;
    width: 464px;
    margin-left: 0;
}

#content.wide .related {
    width: 763px;
}

#content.wide .content-row-body .related {
    width: 464px;
}

.related img {
    float: right;
    margin-left: 14px;
}

#content-body ul.openingnights,
#content-body ul.links {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

#content-body ul.openingnights li {
    margin-bottom: 14px;
}

#content-body ul.openingnights li p {
    margin-bottom: 0;
}


/* INTERVIEWS */

#content-navi .interviews h2 {
    font-size: 18px;
}

#content-navi .interviews h3 {
    font-size: 15px;
}

#content-navi .interviews ul li ul {
    padding-bottom: 0;
}

#content-navi .interviews ul li p, 
#content-navi .interviews ul li ul {
    margin-bottom: 3px;
}


/* REVIEWS */

#content-navi ul.reviews li {
    padding-bottom: 18px;
}

#content-body .reviews {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#content-body .reviews li {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 18px;
}

#content-navi ul.reviews ul.links,
#content-body .reviews ul.links {
    margin-bottom: 0;
    padding-bottom: 0;
}

#content-navi ul.reviews .links li,
#content-body .reviews .links li {
    margin-bottom: 0;
    padding-bottom: 3px;
}


/* FRONTPAGE HIGHLIGHTS */

#content-body .highlights {
    display: inline-block;
    list-style: none;
    padding: 0 0 14px 0;
    margin: 0 0 0 -25px;
    min-height: 100px;
}

#content-body .highlights li {
    display: block;
    float: left;
    width: 227px;
    height: 100px;
    padding: 12px;
    margin: 0 0 0 13px;
}

#content-body .highlights h3 {
    margin: 0 0 7px 0;
    padding: 0;
}

#content-body .highlights h3 a {
    color:black;
    text-decoration:none;
}form.contactform {
    display:block;
    padding-top:20px;
    padding-bottom:10px;
}

form.contactform label {
    float: left;
    width: 90px;
}

#content-body form.contactform p {
    margin: 0 0 9px 0;
}

form.contactform textarea {
    width: 450px;
    height: 150px;
}

form.contactform input {
    width: 200px;
}

form.contactform input.submit {
    width: auto;
    margin-left:90px;
}

p.message {
    background-color: #e6f0e4;
    padding: 20px;
}

#content-body ul.errorlist {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    clear: both;
}

#content-body ul.errorlist li {
    background-color: #ecdada;
    color: #600;
    padding: 5px;
    line-height: normal;
}