/* !===================== */
/* != Table of contents = */
/* ======================

	Reset
	Layout
	Logo

========================= */








/* !========= */
/* != Reset = */
/* ========== Details: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	direction:ltr;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align:left;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

th {
	white-space: nowrap;
}








/* !======================== */
/* != Markup free clearing = */
/* ========================= Details: http://www.positioniseverything.net/easyclearing.html */


.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

/* End hide from IE-mac */





/* !======== */
/* != Type = */
/* ========= */


/*
@font-face {
	font-family: HelveticaNeue;
	src: url("f/HelveticaNeue.ttf") format("truetype");
}

@font-face {
	font-family: HelveticaNeueBold;
	src: url("f/HelveticaNeueBold.ttf") format("truetype");
}

@font-face {
	font-family: HelveticaNeueCondensedBold;
	src: url("f/HelveticaNeueCondensedBold.tff") format("truetype");
}
*/


/* Default font settings. The font-size percentage is of 16px. (1 * 16px ~ 16px) */ 

body { font-size: 100%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } 

/* Headings */ 

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 { font-size: 4em; margin-bottom: 0.5em; font-weight: bold;} 
h3 { font-size: 1.5em; font-weight: bold; line-height: 1; margin-bottom: 1em; } 
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

/* Text elements */ 
p { margin: 0 0 1.5em; line-height: 1.5; } 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #000; } 
a:visited { color: #009; }
a:link { color: #00c; text-decoration: underline; } 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists */ 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; line-height: 1.5 } 
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;}

/* Tables */ 
table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; }
caption { background: #eee; } 

/* Misc classes */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 
.hide { display: none; } 
.quiet { color: #666; } 
.loud { color: #000; } 
.highlight { background:#ff0; } 
.added { background:#060; color: #fff; } 
.removed { background:#900; color: #fff; } 
.first { margin-left:0; padding-left:0; } 
.last { margin-right:0; padding-right:0; } 
.top { margin-top:0; padding-top:0; } 
.bottom { margin-bottom:0; padding-bottom:0; }





/* !========== */
/* != Layout = */
/* =========== */


body { background-color: #888; color: black; }

#page {
	background-color: white;
	margin: 0 auto;
	max-width: 31.25em;		/* 988px / 16px = 31.25em */
	padding: 2em;
	position: relative;
}

#page hr { background-color: black; height: 10px}

.jump {
	background-color: #c00;
	left: -1em;
	position: absolute;
	opacity: .95;
	top: .5em;
	}
	
	.jump a {
		color: white;
		display: block;
		padding: 1em;
		}
	



/* !======== */
/* != Logo = */
/* ========= */

h1 span { text-align: center; font-weight: bold; float: left; clear: both; display: block; width: 100%; }
.ux { background-color: black; color: white; font-size: 7em; letter-spacing: -.03em; text-indent: -.09em }
.bookclub { background-color: white; font-size: 2.1em; text-indent: -.05em }
.boston { background-color: white; font-size: 3.1em; text-indent: -.05em }
.slogan { background-color: white; color: black; border-top: none; font-size: 1.95em; margin: 0 -.5em;}
h2 { background-color: #c00; color: white; margin-top: 1em; padding-top: .5em; margin-left: -.75em; margin-right: -.75em; padding: .5em; }
/* h2, .footer { border-top: 1em solid #000; margin-top: 1em; padding-top: .5em; margin-left: -.5em; margin-right: -.5em; padding-right: .5em; padding-left: .5em; } */
h3 { padding-top: 1em; }



/* !======================= */
/* != Amazon aStore stuff = */
/* ======================== */


.imagerow { margin-top: 1.4em; }
.textrow { line-height: 1.4; }
.price { font-size: .85em; color: #999; }