html { background: #fff url(../img/bg_html.png) center 0 repeat-y; }

body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 80%; line-height: 120%; color: #222; }



#header, #content, #footer { margin: 0 auto; clear: both; z-index: 1; background: transparent none 0 0 no-repeat; }



#header { position: relative; width: 834px; height: 96px; padding: 0 8px 8px; background-image: url(../img/bg_header.png); }

	#header p { color: #6670ad; line-height: 96px; text-align: center; font-size: 0.8em; text-transform: uppercase; }

	#header .buy { position: absolute; right: 9px; bottom: 12px; }

		#header .buy a { display: block; height: 40px; width: 136px; background: transparent url(../img/buttons/buy_the_books.png) 0 0 no-repeat; text-indent: -3000em; }

			#header .buy a:hover { background-position: 0 -40px; }



#content { width: 850px; }

	#content .columns {  }

	#content table.stripe tr.alt td { background: #d4cecc; }

	#content table.stripe tr.alt th { background: #e0e0e0; }

	#content ol.appearances { list-style: none; margin: 0 0.4em 1em; }

		#content ol.appearances li { display: block; padding: 0.4em; vertical-align: middle; color: #222; }

		#content ol.appearances li.alt { background: #a5a09d; }

			#content ol.appearances li img { vertical-align: middle; }

			#content ol.appearances li strong { padding-left: 0.6em; color: #010632; }

	#content table.apperances { border-collapse: separate; }

		#content table.appearances th,

		#content table.appearances td { padding: 2px 6px; }

		#content table.appearances th { width: 30%; background: #fff; font-weight: normal; }

			#content table.appearances th span { font-size: 1.4em; }



/* Two Columns */

#content .two-pane { padding-bottom: 43px; background: transparent url(../img/two_pane/bg_bottom.png) 0 bottom no-repeat;  }

	#content .two-pane .pane-top { padding-top: 8px; background: transparent url(../img/two_pane/bg_top.png) 0 top no-repeat; }

	#content .two-pane .columns { background: transparent url(../img/two_pane/bg.png) 0 0 repeat-y; }

		#content .two-pane .columns h2 { height: 40px; margin: 0 0 4px; background: #a5a09d none 0 0 no-repeat; border-bottom: solid 1px #8f8b89; text-indent: -3000em; }

		#content .two-pane .columns p,

		#content .two-pane .columns pre { margin: 0; padding: 0 0.4em 0.6em; }

	#content .two-pane .column-left { width: 406px; padding: 0 10px 5px 9px; }

		#content .two-pane .column-left h2 { background-position: 90% center; background-image: url(../img/text/latest_public_book.png); }

		#content .two-pane .column-left .book-title { height: 40px; background: transparent url(../img/text/saved_on_amazon.png) 98% 60% no-repeat; }

	#content .two-pane .column-right { width: 406px; padding: 0 9px 5px 10px; }

		#content .two-pane .column-right h2 { background-position: 10% center; background-image: url(../img/text/privately_commissioned.png); }

	#content .separator { height: 1px; margin: 2em 0; background: #a5a09d; }



/* Three Columns */

#content .three-pane { padding: 10px 0; }

	#content .three-pane h2 { margin: 0 0 12px; background: transparent url(../img/bg_content_title.png) 40% right no-repeat; font-size: 2em; line-height: 100%; }

	#content .three-pane .column-left { width: 205px; }

	#content .three-pane .column-center { width: 425px; padding: 0 20px 0 10px; }

	#content .three-pane .column-right { width: 180px; padding: 0 5px; }

		#content .three-pane .column-right p { padding: 0; }



#footer { position: relative; bottom: 0; width: 834px; height: 39px; overflow: hidden; padding: 38px 8px 10px; background: transparent url(../img/bg_footer.png) 0 0 no-repeat; font-size: 80%; text-transform: uppercase; color: #6670ad; }

	#footer a { color: #6670ad; }

	#footer a:hover { text-decoration: underline; }

	#footer p { padding: 0; margin: 0; text-align: center; }



/* Common styles */

.button { display: block; }

	.button a { display: block; height: 32px; background: transparent none 0 0 no-repeat; text-indent: -3000em; }

	.button a.buy-the-book { width: 128px; background-image: url(../img/buttons/buy_the_book.png); }

.sifr .alt { display: none; }
