#rapper
{
	margin: 30px auto 10px auto;
	text-align: left;
	vertical-align: top;
	width: 960px;
	/*723px*/
	/*IE6/3px float bug
	http://www.positioniseverything.net/explorer.html */
}

#book-col, #l-col
{
	float: left;
	margin: 5px 15px 30px 0;
	text-align: left;
	vertical-align: top;
	width: 220px;
}

#book-col #buy-btn { margin: 18px 0 0; }

#r-col
{
	float: right;
	margin: 0 0 30px 15px;
	text-align: left;
	vertical-align: top;
	width: 640px;
	/*440px*/
	/*display: inline;  Double margin bug*/
	position: relative;
}

#r-col .overflow
{
	overflow: visible;
	z-index: 100;
	margin-bottom: 18px;
	width: 560px;
	height: 340px;
	position: relative;
}

/* Hides from IE5-mac \*/

/*
	* html #rapper {height: 1%;}
*/

/* End hide from IE5-mac */
#l-col-center
{
	float: left;
	margin: 5px 15px 30px 0;
	text-align: center;
	vertical-align: top;
	width: 220px;
}

#l-col #stickie p, #l-col #stickie dl { width: 80%; }

#r-col h2
{
	border-bottom: 1px dotted #A6A6A6;
	margin-bottom: 6px;
	margin-top: 6px;
}

#r-col h2 a { text-decoration: none; }

#r-col h2 a:before
{
	content: "\2192";
	margin-right: .3em;
}

#r-col #arrow p a:before, #footer p#Twitter a:before
{
	content: "\2192";
	margin-right: .3em;
}

#r-col h5 a { text-decoration: underline; }

/*----------------- classes ----------------- */
.right
{
	float: right;
	margin: 0 0 10px 10px;
}

.righty
{
	float: right;
	margin: 0 10px 10px 10px;
}

.left
{
	float: left;
	margin: 0 10px 10px 0;
}

#r-col .spot-me  h2, 
.sans-border { border: 0 !important; }
#r-col .spot-me { margin: 10px 0 18px; }

/*----------------- footer ----------------- */
#footer
{
	float: left;
	width: 690px;
	color: #808080;
	font-family: "Bitstream Vera Mono", "Andale Mono", Courier, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.4;
	margin: 10px auto 10px 170px;
	text-align: left;
}

#footer a { text-decoration: none; }
#footer img { margin-bottom: 8px; }

#footer .column1
{
	float: left;
	margin-top: 0;
	text-align: right;
	vertical-align: top;
	width: 210px;
}

#footer .column1 img { margin-top: 12px; }

#footer .column2
{
	float: right;
	vertical-align: top;
	width: 440px;
}

#footer .column2 img
{
	float: left;
	margin-top: 0;
}

#footer .column2 p { text-align: left; }

address
{
	font-family: "Bitstream Vera Mono", "Andale Mono", Courier, "Courier New", monospace;
	font-size: 12px;
	line-height: 140%;
	font-style: normal;
}

.grid2col,.grid2cola,.grid2colb,.grid2colc,.grid2cold,.grid2cole,.grid2colf,.grid2colg,.grid2colh,.grid3col,.grid3cola,.grid3colb,.grid3colc,.grid3cold,.grid4col,.grid5col,.grid6col
{
	width: 100%;
	overflow: hidden;
}

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }
.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }
.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }
.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }
.grid2colb2 .column.first { width: 71.9%; }
.grid2colb2 .column.last { width: 26%; }
.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }
.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }
.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }
.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column
{
	width: 32%;
	margin-left: 2%;
}

.grid2col .grid3col .column { width: 31%; }

.grid3cola .column
{
	width: 58%;
	margin-left: 2%;
}

.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column
{
	width: 23%;
	margin-left: 3%;
}

.grid5col .column
{
	width: 18.4%;
	margin-left: 2%;
}

.grid6col .column
{
	width: 15%;
	margin-left: 2%;
}

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last
{
	_width: auto !important;
	_float: none !important;
}

#r-col:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearboth, .clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	display: block;
}