/* -----------------------------------------------------------------
The Principles of Beautiful Web Design - Screen Layout Stylesheet
author: Jason Beaird
version:  2007.03
------------------------------------------------------------------- */

body {margin:0; padding:0; background:#fff url(../images/bodybg.jpg) repeat-x top center; text-align:center; min-width:900px;}

p {margin:2px 0 15px 0;}
h3 {color:#036; text-transform:uppercase; margin:20px 0 0 0;}

/* Layout Blocks
----------------------------------------------- */

#skiplink {position:absolute; left:0; height:275px; width:100%; background:url(../images/grungebg.gif) repeat-x bottom center;}
	#skiplink a {display:none;}

#container {width:900px; margin:0 auto; text-align:left; position:relative;}
	h1 {display:block; width:100%; height:295px; background:url(../images/title.gif) no-repeat bottom right;}
		h1 a {display:block; width:100%; height:295px; position:relative; z-index:60;}
		h1 a span {display:none;}
	h2 {display:none;}
	#rightcolumn {width:640px; float:right; margin-bottom:10px; position:relative; z-index:50;}
		#inthebooknav {list-style-type:none; height:40px; margin:10px 0 20px 0; padding:0;}
		#inthebooknav li {display:inline; margin:0; padding:0;}
			#inthebooknav li a {display:block; float:left; background:url(../images/menu.gif); height:40px;}
				#inthebooknav li a span {display:none;}
				#inthebooknav li a#layout {background-position:0 0; width:100px;}
				#inthebooknav li a#layout:hover {background-position:0 -40px;}
				#inthebooknav li a#color {background-position:-100px 0; width:100px;}
				#inthebooknav li a#color:hover {background-position:-100px -40px;}
				#inthebooknav li a#texture {background-position:-200px 0; width:130px;}
				#inthebooknav li a#texture:hover {background-position:-200px -40px;}
				#inthebooknav li a#typography {background-position:-330px 0; width:180px;}
				#inthebooknav li a#typography:hover {background-position:-330px -40px;}
				#inthebooknav li a#imagery {background-position:-510px 0; width:128px;}
				#inthebooknav li a#imagery:hover {background-position:-510px -40px;}
		h3.abouttheauthor {margin:20px 0 0 0; background:url(../images/h3-abouttheauthor.png); width:225px; height:40px; font-size:1px; text-indent:-1337px;}
		#content {height:150px;}
			.layout, .color, .texture, .typography, .imagery {display:none;}
			.showall {display:inline;}
			.showall div {display:block !important;}
			#content h3 {margin:0;}

	#leftcolumn {width:220px; float:left; padding-top:270px; margin-top:-225px; background:url(../images/3dbook.gif) no-repeat;}
		#leftcolumn p {position:relative; z-index:70;}
		h3.bookupdates {background:url(../images/h3-bookupdates.png); width:200px; height:40px; font-size:1px; text-indent:-1337px;}
		h3.bookdetails {background:url(../images/h3-bookdetails.png); width:150px; height:40px; font-size:1px; text-indent:-1337px;}
		#leftcolumn dl dt {font-weight:bold; float:left; clear:left; display:block; width:70px; text-align:right; margin-right:3px;}
		#leftcolumn dl dd {color:#888; display:inline-block;}
	
	#footer {background:url(../images/footerbg.png) no-repeat; clear:both; padding:40px 0 0 0; height:80px; margin:0 0 20px 260px; color:#036; font-size:12px;}
		#footer img {float:left; margin:0 15px 0 30px;}

	#scribbles {display:none; position:absolute; top:-13px; left:-25px; background:url(../images/scribbles.gif) no-repeat 950px 0px; width:950px; height:600px; z-index:10;}
		.scribblelayout, .scribblecolor, .scribbletexture, .scribbletypography, .scribbleimagery {display:block !important;}
		.scribblelayout {background-position:0px 0px !important;}
		.scribblecolor {background-position:0px -600px !important;}
		.scribbletexture {background-position:0px -1200px !important;}
		.scribbletypography {background-position:0px -1800px !important;}
		.scribbleimagery {background-position:0px -2400px !important;}


/* Multi-Use Classes
----------------------------------------------- */


.hidden {display:none;}

.hr {height:12px; background:url(../images/hr.png) repeat-x center center; margin:8px 0;}
	.hr hr {display:none;}
	
.picturebox {margin-bottom:10px; width:524px; background:url(../_images/picturebox-bottom.gif) no-repeat center bottom;}
.picturebox img {padding:10px 10px 6px 10px; margin:0; background:url(../_images/picturebox-top.gif) no-repeat center top;}

.jasonbeaird {float:right; margin:10px 0 10px 10px;}
#hrhiderorisit {background:red; width:100px; height:100px; display:none;}
	#hrhiderorisit hr {display:none;}