*{margin:0;padding:0}

body{text-align:center; background:#FFF url('/layoutimages/canvas.gif') repeat-y 50% 0; color:#666; font:normal 12px verdana, tahoma, sans-serif}
h1{font:normal normal 36px/44px arial, helvetica, sans-serif; color:#43300B}
h2{font:normal normal 14px verdana, tahoma, sans-serif; color:#333; margin: 16px 0 4px}
h3{font:normal normal 14px/18px arial, helvetica, sans-serif; margin:16px 0 8px; color:#43300B}

a{color:#000;text-decoration:none}
a img{border:none}

.hide{position:absolute; left:-999em; display:block; width:1px}
.striping{background:#FFF url('/layoutimages/dumbar_striping.gif') repeat; border-top:1px solid #000}
.warning{color:red}

div#wrapper{width:832px; position:relative; text-align:left; margin:0 auto; background:#FFF; overflow:hidden}


/* YELLOW MARKER LINKS */
.detail_10{color:#000; background:url('/layoutimages/link_bg_10.gif') no-repeat 3px 55%; padding-right:1px}
.detail_11{color:#000; background:url('/layoutimages/link_bg_11.gif') no-repeat 3px 55%; padding-right:1px}
.detail_12{color:#000; background:url('/layoutimages/link_bg_12.gif') no-repeat 3px 55%; padding-right:1px}
.detail_14{color:#000; background:url('/layoutimages/link_bg_14.gif') no-repeat 3px 65%; padding-right:1px}


/* CONTENT */
div#main_column{width:464px; float:left; line-height:1.35em; padding:0 0 24px}
div#main_column h2{margin-bottom:-12px}
div#main_column h3{margin-bottom:4px}
div#main_column p{margin:16px 0}
div#main_column a{color:#000; background:url('/layoutimages/link_bg_11.gif') no-repeat 0 60%; padding:0 1px}
div#main_column img{margin-bottom:4px}
div#main_column em{display:block}
div#main_column ul{margin:16px 0 16px 30px}
div#main_column a{white-space:nowrap}


/* FRONT PAGE ONLY */
div#home{width:552px; overflow:hidden; float:left; overflow:hidden; margin:0 0 -10px}
div#home table{height:430px}
div#home table td#home_text{width:275px; vertical-align:top; padding:0 0 24px}
div#home table td#home_text p{margin-bottom:16px}
div#home table td#home_picture{text-align:left; vertical-align:bottom}
div#home a{background-position:0 60% !important} /* yellow marker fix */
div#home p.intro{line-height: 1.2em; color:#666; font-size:12px}

/* FRONT PAGE - MAIL A FRIEND */
div#home div.mail_friend{font-size:11px;margin:64px 0 -10px}
div#home div.mail_friend form{position:relative}
div#home div.mail_friend p{margin-top:-4px}
div#home div.mail_friend input{height:15px; border:1px solid #999; background:#FFF; color:#999; font:normal 11px/15px verdana, tahoma, sans-serif; width:144px; margin:4px 0 0; padding:0 1px}
div#home div.mail_friend button{margin:8px 0 0; display:block; position:relative; left:-5px; color:#000; border:none; overflow:hidden; height:16px; width:50px; background-position:5px 60% !important}


/* MAIN MENU */
ul#main_menu{position:relative; background:#FFF url('/layoutimages/dumbar_striping.gif') repeat; list-style:none; height:24px; font-size:14px; font-family:arial, helvetica, sans-serif; margin:0 0 28px}
ul#main_menu li{float:left;margin:0 1px 0 -1px}
ul#main_menu li a{padding:4px 8px 4px 9px; display:block; color:#44300B; background:url('/layoutimages/menu_separator.gif') no-repeat 0 5px}
ul#main_menu li:first-child a{background-image:none}
ul#main_menu li strong a{background:#43300B; color:#FFF; font-weight:normal; position:relative; z-index:2; margin-right:-1px; padding-right:9px; height:16px !important; height:auto} /* height workaround: display separator fix for IE7 */
ul#main_menu li a:hover{padding:4px 6px 4px 7px}
ul#main_menu li a:hover span{color:#000; background:url('/layoutimages/link_bg_12.gif') no-repeat 0 50%; padding:2px}
ul#main_menu li strong a:hover{padding:4px 9px 4px 9px}


/* 8 KEY - CHAPTERS MENU */
ol.key_chapters{margin:-4px 0 0; height: 156px; border-top:1px solid #333; color:#666}
ol.key_chapters li{width:200px; height:64px; float:left; background:url('/layoutimages/dumbar_striping.gif') repeat;margin:8px 8px 0 0; overflow:hidden}
ol.key_chapters li strong{font-weight:normal; width:200px; height:64px; display:block}
ol.key_chapters li span.limitsize{display:block; width:160px}
ol.key_chapters li *.chapter{width:200px; height:56px; display:block; padding:8px; background:url('/layoutimages/grid_1.gif') no-repeat 0 0}
ol.key_chapters li strong *.chapter{background-image:url('/layoutimages/grid_2.gif'); background-color:#43300B; color:#FFF}
ol.key_chapters li span.date{color:#999; display:block}
ol.key_chapters li span.yellow{background:#FFFA0B}
ol.key_chapters li a *{cursor:pointer}

ol.key_chapters li *.chapter1{background-position: 165px 0}
ol.key_chapters li *.chapter2{background-position: 165px -100px}
ol.key_chapters li *.chapter3{background-position: 165px -200px}
ol.key_chapters li *.chapter4{background-position: 165px -300px}
ol.key_chapters li *.chapter5{background-position: 165px -400px}
ol.key_chapters li *.chapter6{background-position: 165px -500px}
ol.key_chapters li *.chapter7{background-position: 165px -600px}
ol.key_chapters li *.chapter8{background-position: 165px -700px}


/* VISUAL BRANDING - SUBMENU */
ul.submenu{list-style:none; line-height:17px; margin:-20px 0 24px 52px; width:600px; height:17px}
ul.submenu li{float:left}
ul.submenu li a{display:block; color:#44300B; padding-right:8px;padding-left:9px; background:url('/layoutimages/menu_separator.gif') no-repeat 0 2px}
ul.submenu li strong a,
ul.submenu li a:hover{background:#43300B; color:#FFF; font-weight:normal; position:relative; z-index:1; margin-right:-1px; padding-right:9px}


/* 8 KEY - COMMENT FORM */
div.comment_form{padding:8px 8px 32px}
div.comment_form dd{margin-bottom:8px}
div.comment_form input{border:1px solid #999; background:#FFF; color:#000; font:normal 12px verdana, tahoma, sans-serif}
div.comment_form textarea{width:446px; height:112px; overflow:auto; border:1px solid #999; font:normal small verdana, tahoma, sans-serif}
div.comment_form button{float:right; overflow:hidden; color:#000; background:#FFFA0B; border:none; font:normal 11px verdana, tahoma, sans-serif; padding: 2px 4px 3px}
div.comment_form div{float:left}
div.comment_form p.captcha label{display:block;margin:7px 0 0}
div.comment_form p.captcha img{vertical-align:bottom;margin-right:8px}
div.comment_form p.captcha input{vertical-align:top}

/* 8 KEY - COMMENTS */
div.comments div.comment{padding:8px 8px 8px; color:#666; position:relative}
div.comments div.comment span.author{color:#666; padding:0 4px 0 0}
div.comments div.comment span.date{font-size:10px; color:#999; font-style:italic}
div.comments div.comment p{margin:0 0 16px}
div.comments div.even{background:#FFF}


/* 8 KEY - COMMENTS PAGINATION */
ul.pagination{list-style:none; padding:16px 0 0; height:40px; background:#FFF}
ul.pagination li{width:33%; float:left}
ul.pagination li.previous{color:#999; text-align:left}
ul.pagination li.previous a{color:#000; background:url('/layoutimages/link_bg_11.gif') no-repeat 0 60%; padding-left:1px}
ul.pagination li.position{text-align:center}
ul.pagination li.next{color:#999; text-align:right}
ul.pagination li.next a{color:#000; background:url('/layoutimages/link_bg_11.gif') no-repeat 3px 60%; padding-right:1px}


/* CO-READERS */
p.experts_intro{font-size:14px;line-height:18px;color:#666}

ul.experts{list-style:none;margin:0 0 36px !important;padding:8px 8px 12px;color:#666}
ul.experts li{margin:0 0 8px;padding:0;font-size:14px}

div.expert{margin:8px 0 0;padding:8px 8px 24px}
div.expert_odd{background:#FFF url('/layoutimages/dumbar_striping.gif') repeat}
div.expert h2{clear:both;font-size:18px;color:#333;margin:4px 0 24px}
div.expert img{float:left;position:relative;padding:10px 10px 10px 0;top:10px}
div.expert dl{margin:20px 0 0}
div.expert dl dt{color:#333;font:normal 14px/18px verdana, tahoma, sans-serif}



/* PRE ORDER */
form.preorder{background:#FFF url('/layoutimages/dumbar_striping.gif') repeat; border-top:1px solid #000;padding:12px 8px 20px}
form.preorder dt{margin:0 0 4px}
form.preorder dd{margin:0 0 6px}
form.preorder dd input{width:262px;border:1px solid #999; background:#FFF; color:#000; height:16px; font:normal 12px verdana, tahoma, sans-serif}
form.preorder dd select{font:normal 12px verdana, tahoma, sans-serif}
form.preorder p{margin:0}
form.preorder p.required{width:200px;float:left}
form.preorder button{position:relative;top:4px;width:64px;overflow:hidden; color:#000; background:#FFFA0B; border:none; font:normal 12px verdana, tahoma, sans-serif; padding: 2px 4px 3px}

ul.coreaders li{padding:12px 8px}
ul.coreaders li.even{background:#FFF}
ul.coreaders strong{font:normal normal 14px verdana, tahoma, sans-serif}


/* SIDE COLUMN GLOBAL STYLES */
div#side_column{width:272px; float:right; overflow:hidden; padding: 0 0 24px}
div#side_column p{margin-bottom:8px}
div#side_column .place_comment_link{padding:8px;margin-top:-2px}


/* FRONT PAGE - SIDE - 8 KEY CHAPTERS */
div#side_column .chapters{margin:-4px 0 0;padding:12px 8px 16px;font-size:14px; line-height:19px; color:#666; list-style:none}
div#side_column .chapters li{margin:0 0 4px; padding-left:20px; text-indent:-24px}
div#side_column .chapters li a{background:#FFFA0B}
div#side_column .chapters li span.inactive{padding-right:4px}
div#side_column .chapters span.chapter{font-size:10px; vertical-align:top}
div#side_column .chapters span.date{font-size:10px; white-space:nowrap}


/* EIGHT OUTLINES MAILING LIST FORM */
div#side_column form#mailinglist_form{background:#FFF url('/layoutimages/dumbar_striping.gif') repeat; border-top:1px solid #000; padding:8px 8px 10px; margin:-2px 0 0}
div#side_column form#mailinglist_form label{display:block}
div#side_column form#mailinglist_form input{position:relative; top:4px; float:left; height:15px; border:1px solid #999; background:#FFF; color:#999; font:normal 11px/15px verdana, tahoma, sans-serif; width:144px; margin:4px 0 0; padding:0 1px}
div#side_column form#mailinglist_form button{position:relative; top:7px; background-color:none; border:none; background-position:7px 60%; overflow:hidden; height:17px; width:60px}


/* VISUAL BRANDING - SIDE - QUOTES */
div#side_column div.quotes{background:#FFF}
div#side_column div.quotes p{padding:8px 0 16px; margin:0; color:#666}
div#side_column div.quotes ul{list-style:none; width:272px}
div#side_column div.quotes ul li{clear:both; padding:8px 0}
div#side_column div.quotes ul li.odd{background:url('/layoutimages/dumbar_striping.gif') repeat}
div#side_column div.quotes ul li img{width:48px; height:48px; float:left; margin-left:8px}
div#side_column div.quotes ul li q:before,
div#side_column div.quotes ul li q:after{content:''} /* remove browser-generated quotes */
div#side_column div.quotes ul li cite{color:#999;margin-top:3px}
div#side_column div.quotes ul li q,
div#side_column div.quotes ul li cite{display:block; margin:0 8px} /* no author picture -> full width */
div#side_column div.quotes ul li.picture{display:inline-block; width:272px}
div#side_column div.quotes ul li.picture:after{content: "."; display: block; height: 0; clear: both; visibility: hidden} /* clear float - non-IE */
div#side_column div.quotes ul li.picture q,
div#side_column div.quotes ul li.picture cite{float:right; width:200px} /* full width - author picture width */
div#side_column div.quotes ul li.picture img{width:48px}


/* DISCLAIMER */
p#footer{color:#999; background:#FFF; clear:both; border-top:1px solid #CCC; font-size:11px; position:relative; z-index:1; height: 24px; padding:8px 0 0}
p#footer a{color:#999; text-decoration:none}


/* SIFR - SCREEN */
.sIFR-flash{visibility:visible !important; margin:0}
.sIFR-replaced{visibility:visible !important}
.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden}

.sIFR-active h1,
.sIFR-active h3{line-height:1em !important; visbility:hidden}

.sIFR-active h1{font-size:36px}
.sIFR-active h3{font-size:14px; margin:18px 0 6px}

 /* IE sIFR hacks+fixes */
.sIFR-active h1{~margin-bottom:4px;~font-size:38px}
.sIFR-active h3{~font-size:15px;~margin:18px 0 8px}