/************************************************/
/* Cascading Style Sheet for					*/
/* Legato Entertainment							*/
/************************************************/

/* Container for the entire site:				*/
#page_content {
	width: 800px;
	margin: 25px auto;
	padding: 25px;
	background: #fff9e5 url(images/LE_bg.jpg) repeat-x;
	background-color: #fff9e5; /* a pale orange */
}

	#masthead_image {
		width: 800px;
		height: 250px;
		margin: 0 auto;
		padding: 0;
		border-top: 1px gray solid;
		border-right: 3px gray solid;
		border-bottom: 3px gray solid;
		border-left: 1px gray solid;
	}
	#menu_bar {
		width: 800px;
		margin: 5px auto;
		color: #fff9e5; /* a pale orange */
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 125%;
		font-weight: 700;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
		background: black;
		border-top: 1px gray solid;
		border-right: 3px gray solid;
		border-bottom: 3px gray solid;
		border-left: 1px gray solid;
	}
	#page_title {
		margin: 0 auto;
		width: 600px;
	}

	/* Single-story pages: */
	#single_story {
		width: 600px;
		margin: 0 auto;
		padding: 25px;
		text-align: left;
		background: #fff9e5;
		background-color: #fff9e5; /* a pale orange */
	}

	/* Full-page graphics: */
	#full_page {
		width: 750px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}

	/* Two-story pages: */
	#main_story {
		float: left;
		width: 500px;
		padding: 0 2%;
		text-align: left;
		background: #fff9e5;
		background-color: #fff9e5; /* a pale orange */
/*		border: 1px red solid; */
	}
	#sidebar_story {
		float: left;
		width: 200px;
		padding: 0 2%;
		text-align: left;
		border-top: 1px gray solid;
		border-right: 3px gray solid;
		border-bottom: 3px gray solid;
		border-left: 1px gray solid;
	}
	#bottom_menu {
		clear: both;
		width: 700px;
		margin: 2em 50px;
		padding: 2em 0;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 100%;
		font-weight: 700;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
/*		border: 1px blue solid; */
	}
	#page_footer {
		clear: both;
		width: 700px;
		margin: 2em 50px;
		text-align: center;
/*		border: 1px green solid; */
	}

/************************************************/
/* Redefine HTML standard text styles			*/
/************************************************/

/* Default style for everything, UON:			*/
	body {
		padding: 0;
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size: 1em;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		margin: 0 0 0.5em;
		background: black;
		border: 1px black solid; /* add bg at top & bottom */
		}

/* Anchors & Links								*/

/* FireFox fix, for image-link borders	 		*/
/* regardless of 'a' setting:					*/
	a img {
		border: none;
		background-color: #fff9e5;
		text-decoration: none;
	}
	a {
		color: black;
		font-weight: 400;
		text-decoration: underline;
	}
	a:link {
		color: black;
		text-decoration: underline;
	}
	a:active {
		color: red;
		text-decoration: underline;
	}
	a:visited {
		color: black;
		text-decoration: underline;
	}
	a:hover {
		color: #ff9933; /* orange */
		text-decoration: underline;
	}

/* Top menu bar	division links					*/
	#menu_bar a:link {
		color: #fff9e5; /* a pale orange */
		font-weight: 700;
		text-decoration: none;
	}
	#menu_bar a:active {
		color: red;
		font-weight: 700;
		text-decoration: none;
	}
	#menu_bar a:visited {
		color: #fff9e5; /* a pale orange */
		font-weight: 700;
		text-decoration: none;
	}
	#menu_bar a:hover {
		color: #ff9933; /* orange */
		font-weight: 700;
		text-decoration: none;
	}

/* Bottom menu bar	division links				*/
	#bottom_menu a:link {
		color: black;
		font-weight: 700;
		text-decoration: none;
	}
	#bottom_menu a:active {
		color: red;
		font-weight: 700;
		text-decoration: none;
	}
	#bottom_menu a:visited {
		color: black;
		font-weight: 700;
		text-decoration: none;
	}
	#bottom_menu a:hover {
		color: #ff9933; /* orange */
		font-weight: 700;
		text-decoration: none;
	}

/* Headlines --									*/
/* Standard HTML names are used instead of a	*/
/* more descriptive one to aid SEO				*/
	.page_title {
		font-size: 200%;
		font-weight: 700;
		line-height: 100%;
		text-align: center;
	}
/* Main Story Headlines:						*/
	h1 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 150%;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		margin: 0.5em 0;
	}
/* Subheads heads:								*/	
	h2 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 125%;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		margin: 0.5em 0;
	}
/* Sidebar headlines: 							*/
	h3 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 100%;
		font-style: italic;
		font-weight: 700;
		line-height: 100%;
		margin: 0.5em 0;
	}
/* Sub-Subheads (none currently on site):		*/
	h4 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 100%;
		font-style: italic;
		font-weight: 400;
		line-height: 100%;
		margin: 0.5em 0;
	}

/************************************************/
/* Site-wide LE specific text styles:			*/
/************************************************/
.links_ul {
	margin: 25px 0 15px 0;
	line-height: 100%;
	list-style-position: outside;
	list-style-type: none;
	text-decoration: none;
}
.links_ul a {
	font-weight: 900;
	text-decoration: none;
}

/* alternates within the body text:				*/
	.sidebar_text {
		font-style: italic;
	}

	.footer_text {
		font-size: 0.83em;
		font-style: normal;
		font-weight: 400;
		text-align: center;
	}

	.caption_text {
		font-size: 0.83em;
		font-style: italic;
		font-weight: 400;
		text-align: center;
	}

/* As-needed stuff, for various places.			*/
	.inset_text {
		margin-left: 48px;
	}
	.inset_body {
		margin: 12pt;
		text-indent: -12pt;
	}
	.centered_text {
		text-align: center;
	}
	.separation_rule {
		margin: auto;
		width: 480px;
		text-align: center;
	}

/************************************************/
/* Page specific text styles.					*/
/************************************************/

/************************************************/
/* PayPal specific stuff						*/
/************************************************/

/* Note: order in the HTML is *critical* --		*/
/* always 'Left', "Right' & then 'Center'		*/
.left_button { /* always 'Buy Now' */
	display: inline; /* IE6 fix	*/
	float: left;
	margin-left: 60px;
	text-align: right;
	width: 148px;
}
.center_button { /* always 'Add To Cart' */
	margin: 0 auto;
	width: 148px;
}
.right_button { /* always 'View Cart' */
	display: inline; /* IE6 fix	*/
	float: right;
	margin-right: 50px;
	text-align: left;
	width: 148px;
}
.price_text { /* text below 'Add To Cart' button */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: 700;
	line-height: 100%;
	position: relative; /* center text below an off-center button image */
	left: 18px;
}
/* 'rollover' button styles for the PayPal buttons */
.buy_now_btn {
	background: url('buttons/PayPal/PPbtn_buynow122x47.gif') no-repeat top left;
	display: block;
	height: 47px;
	width: 122px;
}
	.buy_now_btn:hover {
		background-position: 0 -47px;
	}
	.buy_now_btn:active {
		background-position: 0 -94px;
	}
.add_cart_btn {
	background: url('buttons/PayPal/PPbtn_addcart120x26.gif') no-repeat top left;
	display: block;
	height: 26px;
	width: 120px;
}
	.add_cart_btn:hover {
		background-position: 0 -26px;
	}
	.add_cart_btn:active {
		background-position: 0 -52px;
	}
.view_cart_btn {
	background: url('buttons/PayPal/PPbtn_viewcart107x26.gif') no-repeat top left;
	display: block;
	height: 26px;
	width: 107px;
}
	.view_cart_btn:hover {
		background-position: 0 -26px;
	}
	.view_cart_btn:active {
		background-position: 0 -52px;
	}