@charset "utf-8";

/* 
	Site styling for rebeccalerwill.com/rebeccalerwill.net 
	By: Andre Zavala of Heritage Internet Technologies
	Feb 2009
	Contact: azavala@hwsinet.com
*/

/* reset */
	* {
		vertical-align: baseline;
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		margin: 0;
	}

/* always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers only */
	html { font-size: 100%; height: 100%; margin-bottom: 1px; } 

/* globals */
	body { background: url(../../images/site/page-bg.jpg) top center repeat; text-align: center; margin: 0; padding: 0; /* IE */ position: relative !ie; }
	img { border: 0; }

/* positioning */
	#outerWrapper { background: url(../../images/site/top-background.jpg) repeat-x; width: 100%; overflow: hidden; position: relative !ie; }
	#innerWrapper { width: 1024px; margin: 0 auto; text-align: left; position: relative; }
	#contentWrapper { 
		width: 1024px; margin: 0 auto; position: relative;
		text-align: center; background: url(../../images/site/content-bg.png) top center repeat-y; 
	 }
	#content-footer { width: 1024px; height: 130px; margin: 0 auto; text-align: left; background: url(../../images/site/content-footer.png) no-repeat; }
	#page-footer { width: 1024px; margin: 15px auto; text-align: center; font: 0.9em/120% Georgia, serif; color: #ccc; }
	#page-header { 
		background: url(../../images/site/header.jpg) no-repeat; 
		width: inherit; height: 155px; text-align: left; 
		position: relative; margin: 0; padding: 0;
	}
	#body_home div#content-header {
	background: url(../../images/site/top-sectional.png) no-repeat;
	width: inherit;
	height: 97px;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	background-image: url(../../images/site/top-sectional.png);
}
	#body_about div#content-header { 
		background: url(../../images/site/top-sectional-about.png) no-repeat; 
		width: inherit; height: 97px; text-align: left; 
		position: relative; margin: 0; padding: 0; }
	#body_books div#content-header { 
		background: url(../../images/site/top-sectional-books.png) no-repeat; 
		width: inherit; height: 97px; text-align: left; 
		position: relative; margin: 0; padding: 0; }
	#body_store div#content-header { 
		background: url(../../images/site/top-sectional-store.png) no-repeat; 
		width: inherit; height: 97px; text-align: left; 
		position: relative; margin: 0; padding: 0; }
	#body_press div#content-header { 
		background: url(../../images/site/top-sectional-press.png) no-repeat; 
		width: inherit; height: 97px; text-align: left; 
		position: relative; margin: 0; padding: 0; }
	#body_fun div#content-header { 
		background: url(../../images/site/top-sectional-fun.png) no-repeat; 
		width: inherit; height: 97px; text-align: left; 
		position: relative; margin: 0; padding: 0; }
	#body_carriage div#content-header { 
		background: url(../../images/site/top-sectional-carriage.png) no-repeat; 
		width: inherit; height: 97px; text-align: left; 
		position: relative; margin: 0; padding: 0; }
	#contentContainer { width: 870px; position: relative; margin: auto; display: table; }
	
/* page header - hidden H1 for SEO purposes only */
	#page-header h1.title { 
		float: right; font: 1.5em Arial, Helvetica, sans-serif; text-align: right; 
		color: #fff; width: 600px; margin: 60px 50px 0 0;
		display: none; visibility: hidden; background: none;
	}
	
/* content header - book quick purchase box links 
		Use the strong styles if a heading is needed for the book links. Unused for now.
		Example xhtml: <a href="page.html" class="buy-relocating-mia"><strong>Heading</strong>BUY NOW</a>
*/	
	
	#quick-buy-links { float: left; width: 225px; padding: 0; border: 0; margin: 0 0 0 66px; } /* container for book purchase links */
	
	a.buy-relocating-mia {
		display: block; float: left;
		color: #fff; text-align: center;
		font: normal 0.72em Arial, Helvetica, sans-serif;
		padding: 45px 0 0 0; margin: 0; width: 100px;
		text-decoration: none;
	}
	a.buy-relocating-mia strong { 
		font: bold 0.9em Georgia, serif; 
		display: block; color: #fff; text-align: center;
		margin: 0 0 3px 0; letter-spacing: .1em; text-transform: uppercase; 
	}
	a.buy-relocating-mia:hover { color: #7BB3E9; }
	a.buy-relocating-mia:hover strong { color: #ccc; }
	
	a.buy-acronym {
		display: block; float: right;
		color: #fff; text-align: center;
		font: normal 0.72em Arial, Helvetica, sans-serif;
		padding: 45px 0 0 0; margin: 0 0 0 25px; width: 100px;
		text-decoration: none;
	}
	a.buy-acronym strong { 
		font: bold 0.9em Georgia, serif; 
		display: block; color: #fff; text-align: center;
		margin: 0 0 3px 0; letter-spacing: .1em; text-transform: uppercase; 
	}
	a.buy-acronym:hover { color: #7BB3E9; }
	a.buy-acronym:hover strong { color: #ccc; }
	
/* content header - main menu */
	#main-menu { float: left; width: 425px; height: 50px; overflow:auto; padding: 0; margin: -5px 0 20px 96px; text-align: left; }
	
	#main-menu a.home-button { 
		padding: 0; margin: 0 21px 0 1px; 
		color: #000; text-align: center; font: 0.9em Georgia, serif; text-decoration: none;
	}
	#main-menu a.about-button { 
		padding: 0; margin: 0 21px 0 0;
		color: #000; text-align: center; font: 0.9em Georgia, serif; text-decoration: none;
	}
	#main-menu a.books-button { 
		padding: 0; margin: 0 22px 0 0;
		color: #000; text-align: center; font: 0.9em Georgia, serif; text-decoration: none;
	}
	#main-menu a.store-button { 
		padding: 0; margin: 0 25px 0 0;
		color: #000; text-align: center; font: 0.9em Georgia, serif; text-decoration: none;
	}
	#main-menu a.press-button { 
		padding: 0; margin: 0 31px 0 0;
		color: #000; text-align: center; font: 0.9em Georgia, serif; text-decoration: none;
	}
	#main-menu a.funstuff-button { 
		padding: 0; margin: 0 20px 0 0;
		color: #000; text-align: center; font: 0.9em Georgia, serif; text-decoration: none;
	}
	#main-menu a.carriage-button { 
		padding: 0; margin:  -5px 0 20px 0;
		color: #000; text-align:inherit; font: 11px Georgia, serif; text-decoration: none; 
	}
	#main-menu a.home-button:hover { color: #0066CC; text-decoration: none; }
	#main-menu a.about-button:hover { color: #0066CC; text-decoration: none; }
	#main-menu a.books-button:hover { color: #0066CC; text-decoration: none; }
	#main-menu a.store-button:hover { color: #0066CC; text-decoration: none; }
	#main-menu a.press-button:hover { color: #0066CC; text-decoration: none; }
	#main-menu a.funstuff-button:hover { color: #0066CC; text-decoration: none; }
	#main-menu a.carriage-button:hover { color: #0066CC; text-decoration: none; font-size:14px; margin:  0;}
/* content and sidebar containers */
	
	#sidebar { width: 240px; border: 0; padding: 0; float: left; margin-left: 20px; }
	#content { width: 578px; border: 0; padding: 0; float: right; }
	
/* sidebar content styling */
	#sidebar h2 { 
		width: 100%; padding: 0; border: 0; margin: 0;
		background: url(../../images/site/sidebar-h2-bg.gif) no-repeat; 
		font: 1em/110% Verdana, Arial, Helvetica, sans-serif; color: #fff;
		text-align: left; text-indent: 0.9em;
	}
	#sidebar p { 
		width: 100%; padding: 0; border: 0; margin: 4px 0 10px 0;
		font: 0.8em/130% Arial, Helvetica, sans-serif; color: #eee;
		text-align: left;
	} 
	#sidebar p img { float: left; margin: 0 5px 0 0; padding: 2px; }
	#sidebar p a { color: #CCFF66; text-decoration: none; }
	#sidebar p a:hover { color: #CCFF66; text-decoration: underline; }
	#sidebar p a:focus { outline: none; }

/* main content styling */
	#content h3.content-heading {
		font: bold 0.9em/110% Georgia, serif; text-align: left; display: block;
		letter-spacing: .1em; color: #003366; padding: 0; margin: 1px auto; width: 100%;
	}
	#content h3.content-heading strong { 
		font: 1.4em/110% Georgia, serif; color: #B74543; text-align: left;
		display: block; padding: 0; margin: 0; font-variant: small-caps; letter-spacing: -.01em;
	}
	#content h3.content-heading img { float: right; margin: 0 0 0 5px; padding: 2px; }
	#content div.center { width: 100%; margin: 0; padding: 0; text-align: center; }
	#content div.center object { margin: auto; }
	#content p.text { 
		font: 0.8em/120% Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left;
		width: 100%; padding: 0; margin: 0 0 12px 0; 
	}
	#content p.text img { float: right; margin: 0 0 0 5px; padding: 2px; }
	#content p.text a { color: #003366; text-decoration: underline; }
	#content p.text a:hover { color: #003366; text-decoration: none; }
	#content p.text a:focus { outline: 0; }
	#content div.spacer { width: 100%; height: 1px; margin: 20px 0 10px 0; padding: 0; background: #ccc; }
	
	#content a.amazon-button { 
		display: block; text-decoration: none;
		background: url(../../images/content/amazon-button.jpg) no-repeat center; 
		width: 100%; height: 76px; padding: 0; border: 0; margin: 0; overflow: visible;
		font: bold 0.9em Arial, Helvetica, sans-serif; color: #000; text-align: center;
	}
	
	#content a.amazon-button strong { 
		font: bold 0.9em Georgia, serif; 
		display: block; color: #fff; text-align: center;
		margin: 0 0 3px 0; letter-spacing: .1em; text-transform: uppercase; 
	}
	#content a.amazon-button:hover { color: #006699; }
	#content a.amazon-button:hover strong { color: #ccc; }
	

/* page footer links styling */
	#page-footer a { color: #CCFF66; text-decoration: none; }
	#page-footer a:hover { color: #CCFF66; text-decoration: underline; }
	#page-footer a:focus { outline: none; }