/******************************************
 * 
 * roz.book.base.css
 * 
 * Book display uses theming to customise
 * the look of each book. This CSS file
 * should not be overridden by book
 * themes so that a common set of styles
 * can be applied to all books. See
 * webroot/themed/[bookname]/css for indi-
 * vidual styles.
 * 
 * 
 **/
	
.characterBox {
	overflow: hidden;
}

	.characterBox img.left {
		float: left;
	}
	
	.characterBox img.right {
		float: right;
	}
	
#FeatureBoxes{
	overflow: hidden;
}

	.featureBox {
		float: left;
		width: 200px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
		.featureBox .links {
			height: 32px;
			color: white;
			font-size: 11px;
			text-align: center;
		}
		
			.featureBox .links a {
				line-height: 20px;
				text-decoration: none;
				color: white;
			}
			
			.featureBox .links a:hover {
				text-decoration: underline;
			}
		
		#FeatureBoxes .left,
		#FeatureBoxes .right {
			float: left;
		}
		
			.featureBox.broccoli .links {
				color: #6dbd6b;
			}
			
			.featureBox.broccoli .links a{
				color: #6dbd6b;
				visibility: hidden;
			}

/* Shop links on the introduction pages */
.book-purchase-button {
	display: block;
	background-image: url(../img/content/purchase_up.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	line-height: 40px;
	padding-left: 48px;
}

.book-purchase-button:hover {
	background-image: url(../img/content/purchase_roll.png);
}


/* Fun downloads and recipes pages */
.downloadIndex .download {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 10px;
}
	.downloadIndex .download .downloadLink {
		display: block;
		border: 2px solid #d9d9d9;
		border-width: 0 0 2px 0;
		float: left;
	}
		.downloadIndex .download .downloadLink img {
			border: 2px solid red;
		}
	.downloadIndex .description {
		margin-left: 75px;
	}
		.downloadIndex a.download_heading:link,
		.downloadIndex a.download_heading:visited {
			padding: 0;
			margin: 0;
			color: red;

			font-size: 13px;
			font-weight: bold;

			display: block;
			text-decoration: underline;
		}
		.downloadIndex a.download_heading:hover {
			text-decoration: none;
		}