/*
	##     joyce bakeshop CSS
	##     based on the mYm screensheet 4.522
	##     Updated: Mar 24, 2009
  	##     www.mimoymima.com
  
	- - - Color References - - -
	
*/

/* - - - Tags on this site - - - */


body { font-family: Cochin, Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #664740; background-color: #C0E788; }
h1 { font-family: Cochin, Georgia, "Times New Roman", Times, serif; color: #3C7A1C; font-size: 24px; padding: 0; margin: 0; text-align: left; font-weight: normal; }
h2 { font-family: Cochin, Georgia, "Times New Roman", Times, serif; color: #3C7A1C; font-size: 16px; padding: 0; margin: 0; text-align: left; font-weight: normal; }
h3 { font-family: Cochin, Georgia, "Times New Roman", Times, serif; color: #3C7A1C; font-size: 14px; padding: 0; margin: 0; text-align: left; font-weight: normal; }
p, li { padding:0; margin:0; text-align:left; }
ul { margin: 6px auto; }
dt { margin: 0, padding: 0; }

cite { padding:0; margin:0; }
strong { font-size:14px; }
img { border:0px; }

/* -- Links -- */
a { color:#3F7B1D; }
a:hover { color:#664740; }
a:active { color:#c0e788; }

/* -- Navigation -- */
#Navigation { text-align: right; margin-right: 50px; padding-top: 35px; }
#Navigation li { font-size: 17px; letter-spacing: 1px; display: inline; list-style-type: none; padding-left: 25px; position: relative; }
#Navigation li.active a { color: #664740; }
#Navigation li a { text-decoration: none; font-weight: bold; }

#SubNav { position: absolute; left: 0; top: 0; width: 190px; float: left; padding-right: 25px; padding-top: 10px; }
#SubNav ul { margin: 0; padding: 0; }
#SubNav li { font-size: 1em; padding-bottom: 12px; color: #c0e788; }
#SubNav li.active a { color: #664740; }
#SubNav li a { text-decoration: none; font-weight: bold; }

/* -- General Page Tags -- */
#joyce_logo { height:87px; left:12px; position:absolute; top:17px; width:206px; }
#ContentArea { margin:0 10px 0 220px; overflow: hidden; width: 100%; }
#outershell { min-height: 520px; height: auto !important; height: 520px; border: 1px solid #ffffff; background: url(../images/squiggley_bg.png) no-repeat top; background-color: #ffffff;  width: 950px; margin: 50px auto; }
#innershell { min-height: 514px; height: auto !important; height: 514px; border: 1px solid #C0E788; width: 870px; margin: 6px; position: relative; padding: 0 36px 36px 30px; }
#innershell h1 { padding-top: 20px; padding-left: 10px; }
#innershell h2 { padding-left:10px; padding-top: 20px; clear:both; }
#innershell p { padding-left: 10px; }
#innershell object { position: relative; right: 26px; }
#topnav { height:119px; position:relative; width:inherit; padding-bottom: 20px; }

/* --- Styles for Home --- */
#Home #HomeContent { width: 255px; float: left; padding: 10px 30px 50px 30px; }
#Home #innershell object { position: relative; right: 0 !important; }
#Home #Slideshow { margin: 30px 20px 50px 345px; width: 475px; }
#Home #HomeContent p { color: #664740; line-height: 170%; padding-bottom: 2em; }
#Home #HomeContent h2 { display: inline; font-size: 1.5em; padding: 15px 0 5px 10px !important; margin-top: 8px !important; }

/* --- Styles for about content --- */
#about_content { width: 750px; text-align:left; position: relative; }
#about_content #about_subnav { width: 180px; float: left; }
#about_content #about_subnav ul { margin: 0; padding: 0; list-style: none; }
#about_content h1 { margin:0 33px 14px 33px; }
#about_content #ContentArea { width: 500px; margin-left: 250px; }
#about_content #ContentArea #Slideshow object { right: 0px; left: 0px; }
#AboutJoyce #about_content #ContentArea { width: 550px; }
#about_content #ContentArea #photoleft { width:432px; margin-right:10px; float: left; clear: both; }
#about_content #ContentArea #photoleft img { padding-bottom: 5px; }
#about_content #ContentArea #textright { padding-right:10px; float: left; width: 225px; left: 500px; }
#about_content #ContentArea p { padding-bottom: 1em; line-height: 1.5em; }

/* --- Styles for Press content --- */
#press_content { width: 750px; text-align: center; margin-left: 60px; margin-right: 60px; }
#press_content h1 { margin: 0 33px 0px 33px; }
#press_content #ContentArea { }
#press_content #textarea1 { width: 340px; float: left; }
#press_content #textarea2 { width: 340px; float: right; }
#press_content p { margin-top:14px; }

/* Press Styling */
.clear { clear:both; }
.thumb { padding:5px; border:dotted thin #C0E788; width: 123px; height: 82px; }	
.thumb:hover { border:solid thin #C0E788; }
.press-item { padding: 10px 40px 10px 43px; width: 290px; float:left; }
.press-item img { padding: 4px; border: 2px dashed #c0e788; }
.press-item img:hover { border: 2px solid #c0e788; }
.press item h2 { font-size: 18px; }
.bulleted { color: #c0e788; }


/* --- Styles for contact content --- */
#contact_content { width: inherit; text-align: left; }
#contact_content #ContentArea {}
#contact_content .leftcolumn { float: left; width: 430px; }
#contact_content .box { margin-top: 10px; clear: both; }
#contact_content .box div { padding-bottom: 25px; }
#contact_content .leftcol { width:165px; float:left; padding-top: 0; text-align: right; }
#contact_content .leftcol h2 { padding: 0px; text-align: right; font-weight: bold; }

#contact_content .rightcol { width:260px; float: left; }
#contact_content .rightcol p { margin:0px; }
#contact_content .rightcolumn { margin-left: 5px; float: right; margin-right: 15px; }

/* --- Styles for menus content --- */
#menus_content { width:inherit; text-align:left; position: relative; }
#menus_content h1 { margin-bottom:5px; }
#menus_content p.subtitle { margin-left:33px; }
#menus_content #menus_subnav { width: 180px; float: left; }
#menus_content #menus_subnav ul { margin: 0; padding: 0; list-style: none; }
#menus_content #ContentArea { width: 600px; }
#menus_content #ContentArea #textright { padding-right:10px; float: left; width: 225px; left: 500px; }
#menus_content #ContentArea p { padding-bottom: 1em; line-height: 1.5em; }
#menus_content #MenuList td { border-bottom: 1px dotted #d3e3bd; }

	/* --- Styles for Custom Cakes --- */
	#CustomCakes .MenuBox { padding: 10px 20px; margin: 3px 20px 10px; background-color: #e9f4d9; }
	#CustomCakes h2 { text-align: center; color: #569537; font-size: 1.8em; }
	#CustomCakes h3 { text-align: center; font-weight: bold; font-size: 1.1em; }
	#CustomCakes p { text-align: center; }
	#CustomCakes #SizesPrices { margin: 0 100px 10px; } 
	#CustomCakes #SizesPrices td { padding: 5px; text-align: center; width: 200px; background-color: #e9f4d9; }
	#CustomCakes #SizesPrices th { text-align: center; }
 
/* --- Styles for gallery content --- */
#gallery_content { width:inherit; position: relative; }
#gallery_content #ContentArea { width: 625px; }
#gallery_content #textarea { position: absolute; width: 100px; }
#gallery_content h1 { margin-bottom: 14px; }
#gallery_content p { margin-bottom: 14px; }

/* --- Styles for WebMail page --- */
#WebMail form { padding-left: 250px; }
#WebMail input { width: 200px; margin-bottom: 20px; }