/* IE png fix */
img { behavior: url("iepngfix.htc") }
 
body { font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; line-height: 1.4em; margin: 0; padding; 0; }
a { color: #346acc; text-decoration: none; }
a:hover { text-decoration: underline; }
h2 { border-bottom: 2px solid; color: #000; font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 0 0 12px 0; padding: 0 0 12px 0; }
p { margin: 0 0 12px 0; }

#main-container { margin: 0 auto 30px; position: relative; width: 980px; }
#writing .info { margin-top: 180px; }

.col1 { display: inline; float: left; margin: 0 0 0 341px; width: 308px; }
.col2 { display: inline; float: right; margin: 0 0 0 0; width: 308px; }
.box-msg { width: 308px; }
.box-msg .top { background: url(../img/box-top-msg.png) no-repeat; height: 5px; overflow: hidden; behavior: url("iepngfix.htc"); }
.box-msg .mdl { background: url(../img/box-mdl-msg.png) repeat-y top left; }
.box-msg .btm { background: url(../img/box-btm-msg.png) no-repeat; height: 10px; overflow: hidden; behavior: url("iepngfix.htc"); }
.box-msg ul { list-style: none; margin: 0; padding: 11px 0 11px 0; }
.box-msg ul li { border-top: 1px solid; margin: 0 14px 0 14px; padding: 10px 0 10px 0; }
.box-msg ul li.last { border-bottom: 1px solid; }
.box-msg a.pointer { background: transparent url(../img/icon-pointer.png) no-repeat scroll 0 0; color: #000; text-decoration: none; font-size: 14px; padding-left: 25px; }
.box-msg a:hover.pointer { text-decoration: underline; }

.box-preorder { width: 308px; }
.box-preorder .top { background: url(../img/box-top-preorder.png) no-repeat; height: 7px; overflow: hidden; behavior: url("iepngfix.htc"); }
.box-preorder .mdl { background: url(../img/box-mdl-preorder.png) no-repeat bottom left; margin: 0; padding: 3px 12px 10px 12px; width: 284px; behavior: url("iepngfix.htc"); }
.box-preorder .btm { background: url(../img/box-btm-preorder.png) no-repeat; height: 13px; overflow: hidden; behavior: url("iepngfix.htc"); }
.box-preorder h3 { color: #fff; font-size: 16px; font-weight: normal; line-height: 1.2em; margin: 2px 0 0 0; width: 265px; }
.box-preorder .title { color: #000; font-size: 48px; line-height: 1em; padding: 35px 0 37px; width: 235px; }
.box-preorder p { color: #666; margin-bottom: 0; width: 235px; }
.box-preorder p.order { font-size: 14px; margin-bottom: 4px; }

.blurb { border-bottom: 1px solid; padding-bottom: 14px; }

/* header and navigation */
.top-banner { padding-top: 36px; margin: 0 auto; width: 948px; }
.top-banner .top { background: transparent url(../img/bg-nav-top.png) no-repeat; height: 6px; overflow: hidden; behavior: url("iepngfix.htc"); }
.top-banner .mdl { background: transparent url(../img/bg-nav-mdl.png) bottom left; behavior: url("iepngfix.htc"); }
.top-banner .btm { background: transparent url(../img/bg-nav-btm.png) no-repeat; height: 10px; overflow: hidden; behavior: url("iepngfix.htc"); }

/* author header */
.top-banner h1 { float: left; margin: 5px 0 0 16px; }
.top-banner h1 span { display: none; }
.top-banner h1 a { display: block; width: 153px; height: 18px; }

/* navigation */
.top-banner ul.nav { color: #fff; float: right; width: 285px; font-size: 13px; margin: 0; padding: 6px 0 5px 11px; }
.top-banner ul.nav li { display: inline; float: left; margin-right: 12px; padding: 2px; }
.top-banner ul.nav li.last { padding-right: 0; }
.top-banner ul.nav li a { text-decoration: none; color: #fff; }
.top-banner ul.nav li a:hover { color: #000 !important; text-decoration: none; }
.top-banner ul.nav li.active { background-color: #fff; color: #000; }
#book .top-banner ul.nav li.active, #press .top-banner ul.nav li.active, #readings .top-banner ul.nav li.active { background-color: #000; color: #fff; }

/* section link colors */
#home ul.nav li a { color: #dfddd1; }
#about ul.nav li a { color: #d6c5ce; }
#book ul.nav li a { color: #5d5d5d; }
#writing ul.nav li a { color: #c2e1f4; }
#press ul.nav li a { color: #c9b0a4; }
#readings ul.nav li a { color: #5a6b66; }

/* home section */
#home { background-color: #dbe9df; } 
#home #main-container { background: transparent url(../img/bg-home.jpg) no-repeat top left; }
#home .top-banner h1 { background: url(../img/hd-main-home.png) no-repeat; height: 18px; width: 153px; behavior: url("iepngfix.htc"); }
#home .top-banner .top { background: transparent url(../img/bg-nav-top-home.png) no-repeat; }
#home .top-banner .mdl { background: transparent url(../img/bg-nav-mdl-home.png); }
#home .top-banner .btm { background: transparent url(../img/bg-nav-btm-home.png) no-repeat; }
#home .col1 { margin-top: 467px; }
#home .col2 { margin: 150px 16px 16px 0; }

/* about section */
#about { background-color: #ded8db; }
#about #main-container { background: transparent url(../img/bg-about.jpg) no-repeat top left;}
#about .top-banner h1 { background: url(../img/hd-main-about.png) no-repeat; behavior: url("iepngfix.htc"); }
#about .top-banner .top { background: transparent url(../img/bg-nav-top-about.png) no-repeat; }
#about .top-banner .mdl { background: transparent url(../img/bg-nav-mdl-about.png); }
#about .top-banner .btm { background: transparent url(../img/bg-nav-btm-about.png) no-repeat; }
#about .col1 { background-color: #fff; font-size: 13px; line-height: 1.5em; margin-top: 152px; padding: 12px; width: 276px; }
#about .col2 { text-align: right; margin: 152px 19px 0 0; }
#about .one { color: #684b5b; }
#about .two { color: #985078; }
#about .three { color: #c64b8f; }

/* book section */
#book #main-container { background: transparent url(../img/bg-book.jpg) no-repeat top left; }
#book .top-banner h1 { background: url(../img/hd-main-book.png) no-repeat; behavior: url("iepngfix.htc"); }
#book .pull-quote { background-color: #858585; color: #fff; font-size: 20px; width: 620px; height: 221px; position: absolute; top: 397px; left: 20px; }
#book .pull-quote p { line-height: 1.2em; padding: 17px; }
#book .col1, #book .col2 { background-color: #f8f8f8; }
#book .col1 { color: #666; font-size: 13px; line-height: 1.5em; margin-top: 572px; padding: 12px; width: 276px; }
#book .col2 { color: #666; font-size: 13px; line-height: 1.5em; margin: 315px 18px 0 0; padding: 12px; width: 276px; }
#book .last { border-bottom: 2px solid; }
#book .col1 p.last { padding-bottom: 14px; }
#book .title { font-size: 90px; line-height: 1em; position: absolute; left: 20px; top: 137px; width: 420px; }
#book .note { display: block; margin-top: 10px; font-size: 10px; }
#book .box-msg { position: absolute; top: 240px; right: 16px; }
#book .box-msg .mdl { padding: 10px; position: relative; }
#book .box-msg .mdl .books { position: absolute; right: 23px; top: -31px; }
#book .box-msg .mdl h3 { margin: 0 0 5px 0; }
#book .box-msg .mdl p { margin: 0; width: 170px; }

/* writing section */
#writing { background-color: #e5f2ff; }
#writing #main-container { background: transparent url(../img/bg-writing.jpg) no-repeat top left;}
#writing .top-banner h1 { background: url(../img/hd-main-writing.png) no-repeat; behavior: url("iepngfix.htc"); }
#writing .top-banner .top { background: transparent url(../img/bg-nav-top-writing.png) no-repeat; }
#writing .top-banner .mdl { background: transparent url(../img/bg-nav-mdl-writing.png); }
#writing .top-banner .btm { background: transparent url(../img/bg-nav-btm-writing.png) no-repeat; }
#writing .col1 { background-color: #fff; margin-top: 350px; padding: 12px; width: 276px; }
#writing .col2 { background-color: #fff; margin: 250px 18px 0 0;  padding: 12px; width: 276px; }

/* press section */
#press { background-color: #f7c8ae; }
#press #main-container { background: transparent url(../img/bg-press.jpg) no-repeat top left; height: 700px }
#press .top-banner h1 { background: url(../img/hd-main-press.png) no-repeat; behavior: url("iepngfix.htc"); }
#press .top-banner .top { background: transparent url(../img/bg-nav-top-press.png) no-repeat; }
#press .top-banner .mdl { background: transparent url(../img/bg-nav-mdl-press.png); }
#press .top-banner .btm { background: transparent url(../img/bg-nav-btm-press.png) no-repeat; }
#press .col2 { background-color: #fff; color: #666; line-height: 1.5em; font-size: 13px; margin: 157px 18px 30px 0; padding: 12px; width: 276px; }
#press .last { border-bottom: 2px solid; }
#press .pull-quote { background-color: #858585; color: #fff; font-size: 20px; width: 620px; position: absolute; top: 560px; left: 16px; }
#press .pull-quote p { line-height: 1.2em; padding: 17px; }

/* readings section */
#readings { background-color: #d3d3d3; }
#readings #main-container { background: transparent url(../img/bg-readings.jpg) no-repeat top left; }
#readings .top-banner h1 { background: url(../img/hd-main-readings.png) no-repeat; }
#readings .col1 { background-color: #fff; margin-top: 490px; padding: 12px; width: 276px; }
#readings .col2 { background-color: #fff; margin: 157px 19px 0 0; padding: 12px; width: 276px; }

/* temporary styles */
.clearer { clear: both; }