/* 
Retro Bakery - Las Vegas
Screen Styles
Created by JOW/GlossyVeneer
*/

	/* 
	Color Values
	Yellow = #ffe292
	Grey = #94948a
	Blue  =
	*/
	
	body {
		background: #ffe292 url(../images/bkg-yellowasterisks.gif) 0px 150px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 90%;
		margin: 0px;
		padding: 0px;
	}
	a {
		color: #0e4e96;
		text-decoration: underline;
	}
	a: hover {
		text-decoration: none;
	}
	
	/* ---- Retro Bakery branding bar ---- */
	#branding {
		width:100%;
		overflow:hidden;
		background: #000000;
	}

		#branding .container {width:900px; margin:0 auto;}
		#branding h1 {
			background: url(../images/bkg-branding-h1.gif) no-repeat;
			height: 130px;
			margin:0 0 0 200px;
			padding: 0px;
			float:left;
		}
		#branding h1 a {
			display: block;
			height: 125px;
			text-indent: -9999px;
			width: 408px;
		}

		.orderFormBanner {float:right; display:inline-block; margin:18px 0 0 0; border:none; outline:none;}
	/* ---- /Retro Bakery branding bar ---- */
	
	/* ---- Main Site Navigation Bar ---- */
	#navigation {
		clear:both;
		background: #94948a;
		color: #FFFFFF;
		font-size: 1.1em;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
	}
		#navigation ul {
			list-style-type: none;
			margin: 0px auto;
			padding: 6px 0px;
			width: 900px;
		}
		#navigation li {
			display: inline;
			font-weight: bold;
			margin: 0px;
			padding: 0 18px 0 0;
		}

		/*#navigation li:last-child {display:none;}*/

		#navigation a {
			color: #FFFFFF;
			padding: 0.3em 0.5em;
			text-decoration: none;
		}
		#navigation a:hover {
			background: #000000;
		}
	/* ---- /Main Site Navigation Bar ---- */
	
	#container {
		background: #FFFFFF;
		margin: 0px auto;
		overflow: auto;
		width: 900px;
	}
	
	/* ---- Content Container and elements contained within ---- */
	#container #content {
		background: #FFFFFF;
		border-right: 1px solid #999;
		float: left;
		margin: 0px;
		width: 700px;
	}
		/* ------ About the Bakery and Featured Photo ----- */
		#container #content #homefeatures {
			clear: both;
			margin: 0px;
			overflow: auto;
			padding: 0px;
			position: relative;
		}
		#container #content #homeabout {
			background: url(../images/bkg-buttercream.gif) no-repeat;
			float: left;
			height: 250px;
			margin: 0px 0px 0px 10px;
			padding: 0px;
			width: 390px;
		}
			#container #content #homeabout h2 {
				font-size: 0.5em;
				margin: 0px;
				padding: 0px;
				text-indent: -9999px;
			}
			#container #content #homeabout p {
				font-size: 0.5em;
				margin: 0px;
				padding: 0px;
				text-indent: -9999px;
			}
		#container #content #homeabouttext {
			float: left;
			height: 250px;
			margin: 0px 0px 0px 20px;
			padding: 10px 0px 0px;
			width: 390px;
		}
		#container #content #homedecoration {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 290px;
		}
		/* ------ /About the Bakery and Featured Photo ----- */
		
		/* ------ Header Styling ----- */
		#container #content h2 {
			font-size: 1.5em;
			margin: 0px;
			padding: 10px;
		}
			#container #content h2 a {
				color: #000000;
				text-decoration: none;
			}
		#container #content h3 {
			background: #fff6de;
			border-top: 1px solid #999;
			border-bottom: 1px solid #999;
			clear: both;
			font-size: 1.3em;
			margin: 30px 0px;
			padding: 0.2em 10px;
		}
		#container #content h4 {
			background: #fff6de;
			border-top: 1px solid #999;
			border-bottom: 1px solid #999;
			clear: both;
			font-size: 1.2em;
			margin: 30px 0px 0px;
			padding: 0.2em 10px;
		}
		/* ------ /Header Styling ----- */
		
		/* ------ Text Styling ----- */
		#container #content p {
			line-height: 1.3em;
			margin: 0px;
			padding: 0px 10px 15px;
		}
		#container #content ul {
			margin: 10px 40px 0px;
			padding: 0px 0px 10px;
		}
		#container #content li {
			margin: 0px;
			padding: 0px 0px 10px;
		}
		/* ------ /Text Styling ----- */
		
		/* ------ Image Styling ----- */
		#container #content .imagerightborder {
			border: 1px solid #000000;
			float: right;
			margin: 10px;
		}
		#container #content .imageleftborder {
			border: 1px solid #000000;
			float: left;
			margin: 10px;
		}
		#container #content .homepagefeature {
			border: 1px solid #000000;
			float: left;
			margin: 0px 10px 10px;
		}
		#container #content .cupcakeiconspace {
			margin: 0px 40px;
		}
		/* ------ /Image Styling ----- */
		
		/* ---- /Content Container and elements contained within ---- */
		
		/* ---- Definition List for Cupcake Menu ---- */
		dl.cakelist {
		 margin: 0px auto;
		 overflow: hidden;
		 padding: 0;
		 width: 680px;
		}
			.cakelist dt {
				border-bottom: 1px dotted #999;
				float: left;
				font-size: 1.1em;
				height: 100px;
				margin: 0;
				padding: 0px;
				text-align: center;
				width: 120px;
			}
			/* commented backslash hack for mac-ie5 \*/
			dt { clear: both; }
			/* end hack */
			.cakelist dd.cakedescribe {
				border-bottom: 1px dotted #999;
				float: left;
				font-size: 0.9em;
				height: 100px;
				margin: 0;
				padding: 0px 4px;
				text-align: center;
				width: 432px;
			}
			.cakelist dd.cakepic {
				border-bottom: 1px dotted #999;
				float: left;
				height: 100px;
				margin: 0;
				padding: 0;
				width: 100px;
			}
			.cakelist dd.cakepic a img {
				border: 0;
			}
			.cakelist dd.cakepic #menuframe {
				background-image: url(../images/frame-menu.gif);
				width: 100px;
				height: 86px;
				position: relative;
				top: -86px;
			}
		/* ---- /Definition List for Cupcake Menu ---- */
		
		/* ---- FeedBurner Styling ---- */
		.feedburnerFeedBlock {
			padding: 0px 10px 15px;
		}
			.feedburnerFeedBlock ul {
				list-style-type: none;
				margin: 0px;
				padding: 0px;
			}
			.feedburnerFeedBlock li {
				margin: 0px;
				padding: 0px;
			}
			.feedburnerFeedBlock .headline {
				font-size: 1.1em;
				font-weight: bold;
			}
			.feedburnerFeedBlock .date {
				font-size: 0.9em;
			}
			.feedburnerFeedBlock li div {
				font-size: 0.9em;
				line-height: 1.3em;
				margin: 0px;
				padding: 10px 0px;
			}
			.feedburnerFeedBlock #creditfooter {
				display: none;
			}
		/* ---- /FeedBurner Styling ---- */
		
		/* ---- Info Column ---- */
		#container #infocol {
			float: left;
			font-size: .9em;
			width: 199px;
		}
			#container #infocol p {
				margin: 10px 10px 20px;
			}
			#container #infocol hr {
				background: #999;
				border: 0;
				color: #999;
				height: 1px;
				margin: 10px 0px;
				padding: 0px;
			}
			#container #infocol form {
				margin: 10px;
			}
			#container #infocol form fieldset {
				border: 0;
				margin: 0px;
				padding: 0px;
			}
			#container #infocol form fieldset legend {
				color: #000;
				font-weight: bold;
				margin: 10px 0px 0px;
				padding: 0px;
			}
			#container #infocol form fieldset p {
				margin: 0px 0px 10px;
			}
		/* ---- /Info Column ---- */
		
	/* ---- Footer ---- */
	#footer {
		background: #000000;
		clear: left;
		color: #FFFFFF;
		font-size: 0.8em;
		margin: 0px auto;
	}
		#footer p {
			margin: 0px auto;
			padding: 2px;
			text-align: center;
		}
	/* ---- /Footer ---- */