/* CSS for MirandaBeverleyWhittemore.com */
body {
 background: url(../images/headerBG.gif) repeat-x;
 color: #333;
 font-family: arial, verdana, sans-serif;
 font-size: small;
 margin: 0;
 text-align: center;
}
a {
 color: #3C4766;
}
a:hover {
 color: #8E9953;
}
img {
 border: 0;
}
br.clear {
 clear: left;
}

h1 {
 color: #45577F;
 font-family: georgia, times new roman, serif;
 font-size: 200%;
 font-weight: normal;
 letter-spacing: 0.05em;
}
h2 {
 color: #8E9953;
 font-family: georgia, times new roman, serif;
 font-size: 150%;
 font-weight: normal;
 letter-spacing: 0.05em;
}
#wrapper {
 margin: 0 auto;
 text-align: left;
 width: 785px;
}
#topper {
 height: 50px;
 text-align: center;
 width: 785px;
}
#header {
 height: 289px;
 width: 785px;
}
#header-quote {
 float: left;
 width: 535px;
}
#header-quote blockquote {
 color: #8E9953;
 font-family: georgia, times new roman, serif;
 font-size: 150%;
 font-style: italic;
 letter-spacing: 0.05em;
 padding: 60px 0 20px 0;
 text-align: center;
 text-indent: 10px;
}
#header-quote blockquote p {
 margin: 0;
 padding: 0 0 5px 0;
}

#header-quote blockquote cite {
 font-family: arial, verdana, sans-serif;
 font-size: x-small;
 font-style: normal;
 letter-spacing: 0;
}
#header-books {
 float: left;
 padding: 6px 0 0 0;
 width: 250px;
}
#content {
 background: url(../images/contentBG.gif) repeat-y;
 width: 785px;
}
#leftCol {
 background: #707EA2 url(../images/leftnavTop.gif) no-repeat top;
 float: left;
 font-size: 90%;
 margin: 0 10px;
 width: 221px;
}
#leftnav { 
 padding: 80px 5px 0 5px;
}
#leftnav p.swirl {
 background: url(../images/leftnavSwirl.gif) no-repeat top;
 height: 43px;
 margin: 15px 0 0 0;
 padding: 0;
}
#leftnav a {
 border-bottom: 1px #B8BFD1 solid;
 color: #fff;
 display: block;
 letter-spacing: 0.12em;
 padding: 6px 5px;
 text-decoration: none;
 text-transform: uppercase;
}
#leftnav a:hover {
 background: #9AA9CC;
 color: #3C4766;
}
#leftnav a.activeSub {
 background: #9AA9CC;
 color: #3C4766;
}
#main-content {
 float: left;
 font-size: 95%;
 line-height: 1.75em;
 padding: 25px 10px;
 width: 524px;
}
#footer {
 background: url(../images/contentBG.gif) repeat-y;
 width: 785px;
}
#footer p {
 color: #fff;
 margin: 0;
 font-size: x-small;
 line-height: 1.5em;
 padding: 0 10px 15px 10px;
 text-align: center;
 width: 221px;
}
#footer p a {
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
}
#footer p a:hover {
 color: #3C4766;
}

img.img-right {
 border: 5px #F1F2F7 solid;
 float: right;
 margin: 0 0 5px 5px;
}
img.img-left {
 border: 5px #F1F2F7 solid;
 float: left;
 margin: 0 5px 5px 0;
}
/* Interior Page Specific */
body.sub {
 background: url(../images/subheaderBG.gif) repeat-x;
 color: #333;
 font-family: arial, verdana, sans-serif;
 font-size: small;
 margin: 0;
 text-align: center;
}
#subheader {
 height: 190px;
 width: 785px;
}
#subheader-quote {
 float: left;
 width: 630px;
}
#subheader-quote blockquote {
 color: #8E9953;
 font-family: georgia, times new roman, serif;
 font-size: 150%;
 font-style: italic;
 letter-spacing: 0.025em;
 padding: 10px 0;
 text-align: center;
 text-indent: 10px;
}
#subheader-quote blockquote p {
 margin: 0;
 padding: 0 0 5px 0;
}
#subheader-quote blockquote cite {
 font-family: arial, verdana, sans-serif;
 font-size: x-small;
 font-style: normal;
 letter-spacing: 0;
}
#subheader-quote blockquote span.quotetitle {
 font-style: normal;
}
#subheader-books {
 float: left;
 padding: 0;
 width: 155px;
}
#leftnav div.subnav {
 background: #9AA9CC;
}
#leftnav div.subnav a {
 background: #9AA9CC;
 color: #3C4766;
 display: block;
 letter-spacing: 0;
 margin: 0 5px;
 padding-left: 12px;
 text-transform: none;
}
#leftnav div.subnav a:hover {
 color: #fff;
}
#highlight {
 background: #F1F2F7;
 border-bottom: 1px #CBD4E3 solid;
 border-top: 1px #CBD4E3 solid;
 padding: 0 10px;
 width: 500px;
}
#highlight blockquote {
 float: left;
 font-style: italic;
 margin: 0;
 padding: 0; 
 width: 320px;
}

#highlight img {
 float: left;
 margin: 5px 0 5px 10px;
}
#qa p.question {
 font-weight: bold;
}
#qa p.question strong {
 color: #45577F;
 font-family: georgia, times new roman, serif;
 font-size: 120%;
}
#qa p strong {
 color: #8E9953;
 font-family: georgia, times new roman, serif;
 font-size: 120%;
}
ul {
 list-style: none;
}
li a {
 text-decoration: none;
}
#links ul {
 margin: 0;
 padding: 0;
}
#links li a {
 border-bottom: 1px #eee solid;
 display: block;
 padding: 0 15px;
}
#links li a:hover {
 background: #F6F8E9;
}
div.projects,
div.translation {
 border-bottom: 1px #CBD4E3 solid;
 margin: 10px 0;
 padding: 10px;
}
div.projects img {
 border: 5px #F1F2F7 solid;
 float: left;
 margin: 0 20px 0 0;
 width: 120px;
}
div.translation img {
 border: 5px #F1F2F7 solid;
 float: left;
 margin: 0 20px 0 0;
 width: 100px;
}
div.translation img.right {
 border: 5px #F1F2F7 solid;
 float: right;
 margin: 0 0 0 20px;
 width: 100px;
}

#press blockquote {
 background: #F1F2F7 url(../images/quote-left.gif) no-repeat 5px 10px;
 border-bottom: 1px #CBD4E3 solid;
 border-top: 1px #CBD4E3 solid;
 padding: 0 10px;
}
#press blockquote p {
 background: url(../images/quote-right.gif) no-repeat bottom right;
 text-indent: 20px;
}
#press blockquote cite {
 font-size: 90%;
}
form input {
 border: 1px #ccc solid;
 padding: 5px;
}
form input.submitbutton {
 color: #8E9953;
 background: #F0F3E0;
 border: 1px #8E9953 solid;
 padding: 5px 10px;
}