@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////
// client side site                                                  //
///////////////////////////////////////////////////////////////////////
*/

/**********************************************************************
 *
 * site base rules
 *
 *********************************************************************/

html, body 			
					{			
						background: url(../images/sitebase/body_bkg.jpg) repeat-y 50% 50%;
						height: 100%;
						margin: 0;
						padding: 0;
						text-align: center;
					}

body 
					{
						font-size: 100%;
						line-height: .9em;
					}

p, h1, h2, h3, h4, h5, h6, ul, li 
					{
						color: #3C2218;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						margin: 0;
					}

p 	
					{
						font-size: 0.6875em;
						line-height: 1.5em;
						padding: 0.75em 0;			
					}

h1 
					{
						font-size: .975em;
						font-weight: 100;
						line-height: 1.125em;
						padding: 0.425em 0;
						text-shadow: 0 0 0 #FFF;
					}

a, a:visited 
					{
						color: #F4B7C5;
						border-bottom: 1px dotted #F4B7C5;
						text-decoration: none;
					}

a:hover 
					{
						color: #B3D225;
						border-bottom: 1px dotted #B3D225;
					}

li a 
					{
						display: block;
					}

img 
					{
						border: none;
					}

#container 
					{
						min-height: 100%;
						height: auto !important;
						height: 100%;
					}

.clear 
					{
						clear: both;
					}

/**********************************************************************
 *
 * header
 *
 *********************************************************************/
 
#header 
					{
						border-bottom: 1px solid #CCC;
						padding: 0 0 10px 0;
					}
					
#header .inner
					{
						text-align: center;
					}					

#header a 
					{
						border-bottom: none;
					}

.mainLogo 
					{
						margin: 9px auto;
					}

#topBanner 
					{
						background-color: #3C2218;
						height: 18px;
					}

#topBanner img 
					{
						margin: 0 auto;
					}

#mainNav 
					{
						margin: 0 auto;
						width: 760px;
					}

#mainNav ul 
					{
						list-style: none;
						margin: 0 auto;
						padding: 0;
						width: 730px;
					}
					
#mainNav ul li 
					{
						float: left;
						line-height: 0;
						margin: 0;
						padding: 0;
					}
					
#mainNav ul li a 
					{
						border-bottom: none;
					}
					
#mainNav ul li img 
					{ 
						display: block;
					}
					
#piping 
					{
						clear: both;
						height: 18px;
					}
					
.wave 
					{
						background: url(../images/sitebase/piping_wave.gif) no-repeat bottom center;
					}
					
.curl 
					{
						background: url(../images/sitebase/piping_curl.gif) no-repeat bottom center;
					}
					
.star 
					{
						background: url(../images/sitebase/piping_star.gif) no-repeat bottom center;
					}
					
.beads 
					{
						background: url(../images/sitebase/piping_beads.gif) no-repeat bottom center;
					}
					
/**********************************************************************
 *
 * body
 *
 *********************************************************************/
 
#bod 
					{
						height: 430px;
					}
					
#content 
					{
					
						margin: 0 auto;
					}
					
#subNav 
					{
						border-bottom: 1px solid #CCC;
						height: 55px;
					}
					
#subNav a,
a.image 
					{
						border-bottom: none;
					}
					
.inner 
					{
						margin: 0 auto;
						padding: 0 15px;
						text-align: left;
						width: 730px;
					}
					
.outer
					{
						margin: 0 auto;
						width: 760px;
					}					
					
.label 
					{
						margin: 5px 0 0 0;
					}
					
#subNav ul 
					{
						list-style: none;
						height: 16px;
						margin: 2px 0 0 0;
						padding: 0;
					}
					
#subNav ul li 
					{
						float: left;
					}
					
#subNav ul li#backTo 
					{
						float: right;
					}
					
#wave 
					{
						background: url(../images/sitebase/piping_wave.gif) no-repeat 0 347px;
					}
					
#curl 
					{
						background: url(../images/sitebase/piping_curl.gif) no-repeat 0 347px;
					}
					
#star 
					{
						background: url(../images/sitebase/piping_star.gif) no-repeat 0 347px;
					}
					
#beads 
					{
						background: url(../images/sitebase/piping_beads.gif) no-repeat center 347px;
					}
					
/**********************************************************************
 *
 * footer
 *
 *********************************************************************/
  
.social
					{
						padding: 0 5px 0 0;
						vertical-align: middle;
					}
					
#footer p.legal span.socialite a
					{
						color: #3C2218;
						border-bottom: 1px dotted #3C2218;
					}
					
#footer p.legal span.socialite a:hover
					{
						color: #3C2218;
						border-bottom: 1px dotted #3C2218;
					}										

#footer .inner
					{
						text-align: center;
					}

#footer p.legal 
					{
						color: #999;
						font-size: 0.6125em;
						padding: 4em 0 0 0;
					}
					
#footer p.legal a 
					{
						color: #999;
						border-bottom: 1px dotted #999;
					}
					
#footer p.legal a:hover 
					{
						color: #F8981D;
						border-bottom: 1px dotted #F8981D;
					} 
					
/**********************************************************************
 *
 * page base
 *
 *********************************************************************/
 
#pageImg, 
#pageContent 
					{
						float: left;
						height: 378px;
						width: 365px;
					}
					
#pageContent .swapImage
					{
						padding: 0 0 0 15px;
					}

a.contentLink
					{
						border-bottom: none;
					}					
.inner p, 
.inner h1 
					{
						padding-left: 15px;
					}
					
.inner h1 
					{
						padding-top: 15px;
					}
					
#category 
					{
						height: 34px;
						padding: 0 42px 0 0;
						position: relative;
					}
					
#gallery #category ul li 
					{
						margin: 0;
					}
					
#gallery .innner 
					{
						padding: 10px 0 0 0;
						text-align: center;
					}
					
#gallery ul li a 
					{
						border-bottom: none;
					}
					
#gallery ul 
					{
						list-style: none;
						margin: 0 auto;
						overflow: auto;
						padding: 0;
						width: 660px;
					}
					
#gallery ul li 
					{
						float: left;
						margin: 9px 7px;
						width: 115px;
					}
					
.cakes 
					{
						background: url(../images/sitebase/gallery_bkg.gif) no-repeat 0 0;
						height: 276px;
						padding-top: 10px;
					}
					
ul#subset 
					{
						margin: 10px 0 0 42px;
					}
					
ul#subset li 
					{
						margin: 0 3px 60px 3px;
						width: 20px;
					}
					
#cakeSelect h1 
					{
						color: #FFF;
						padding: .75em 0 0 15px;
						text-shadow: 0 0 0 #3C2218;
					}
					
#cakeSelect p 
					{
						color: #FFF;
						padding-right: 15px;
						text-shadow: 0 0 0 #3C2218;
					}
					
#cakeSelect p.label 
					{
						color: #D05C69;
						font-size: .6175em;
						margin: 0;
						padding: 15px 0 0 15px;
					}
					
#cakeSelect #star.inner #pageContent 
					{
						background: url(../images/sitebase/piping_star_bkg.gif) #3C2218; 
					}
					
#cakeSelect #beads.inner #pageContent 
					{
						background: url(../images/sitebase/piping_beads_bkg.gif) #3C2218; 
					}
					
/**********************************************************************
 *
 * home page
 *
 *********************************************************************/ 
 
#flashPlayer 
					{
						background: #3C2218;
						float: left;
						height: 430px;
						margin: 0 15px 0 0;
						width: 570px;
					}
					
ul#sideBin 
					{
						float: left;
						list-style: none;
						padding: 0;	
					}
					
ul#sideBin li 
					{
						height: 138px;
						padding: 0;
						width: 145px;  
					}
					
ul#sideBin li.padded 
					{
						margin: 0 0 8px 0;
					}
					
ul#sideBin li a img		
					{
						vertical-align: top;
					}					
					
#topic01 
					{
						background: #C6D82F;
					}
					
#topic02 
					{
						background: #B4BBDC;
					}
					
#topic03 
					{
						background: #D05C69;
					}
					
/**********************************************************************
 *
 * news and events page
 *
 *********************************************************************/	
 
.news
					{
						margin: 0 auto;
						padding-bottom: 30px;
						text-align: left;
						width: 760px;
					}

#newsNavigation
					{
						float: left;
						height: 340px;
						margin: 0 15px 0 0;
						overflow: auto;
						overflow-x: hidden;
						width: 219px;
					} 

#newsNavigation ul
					{
						list-style: none;
						margin: 0;
						padding: 0;
					}
					
#newsNavigation p	
					{
						padding-left: 15px;
						padding-right: 15px;
					}
					
#newsNavigation p.selected
					{
						color: #FFF; 	
					}					
					
#newsNavigation a
					{
						color: #3C2218;
						border-bottom: none;
					}	

#newsNavigation a:hover
					{
						color: #C6D82F;
						background: #B4BBDC;
						border-bottom: none;
					}
					
#newsNavigation a.selected
					{
						background: #3C2218;
					}	
					
#newsImage  
					{
						float: left;
						height: 204px;
						margin: 0 15px 0 0;
						width: 204px;
					}

#newsContent
					{
						float: left;
						height: 340px;
						overflow: auto;
						width: 306px;
					}

#newsContent h1
					{
						padding-top: 15px;
					}

#newsContent p
					{
						padding-right: 15px;
					}																																																				
					
/**********************************************************************
 *
 * specialty / wedding cake pages
 *
 *********************************************************************/
 
p.categoryName 
					{
						color: #C6D82F;
						font-size: .7em;
						float: right;
					}
					
ul#select 
					{
						margin: 0 0 0 42px;
						width: 200px;
					}
					
ul#select .label 
					{
						font-size: .7em;
						margin-top: 0;
					}
					
ul#select li:hover, 
ul#select li.hover 
					{
						border-left: 1px dotted #FFF;
						border-right: 1px dotted #FFF;
						background:  #C6D82F;
					}
					
ul#select li:hover p 
					{
						margin-left: -1px;
					}
					
ul#select li:hover ul#special,
ul#select li.hover ul#special 
					{
						display: block;
					}
					
ul#special 
					{
						background:  #C6D82F;
						border: 1px dotted #FFF;
						display: none;
						margin-left: -1px;
						overflow: hidden;
						padding: 15px 0 20px 30px;
						position: absolute;
						width: 345px;
					} 
					
ul#special li 
					{
						border: none;
						color: #FFF;
						list-style: circle;
						magin: 6px 0;
						width: 115px;
					}
					
ul#special li p 
					{
						color: #FFF;
						padding-left: 0;
					}
					
ul#special li:hover 
					{
						border: none;
						color: #3C2218;
						list-style: disc;
					}
					
ul#special li a:hover p 
					{
						color: #3C2218;
					}
					
/**********************************************************************
 *
 * about us page
 *
 *********************************************************************/
 
.sig 
					{
						margin: 20px 0 0 7px;
					} 
					
/**********************************************************************
 *
 * employee page
 *
 *********************************************************************/					
					
					
#pageContent #employee_viewCollection.swapImage 
					{
						padding: 0;
					}
					
#contactScroll	
					{
						height: 215px;
						overflow: auto;
					}
					
/**********************************************************************
 *
 * locations page
 *
 *********************************************************************/
 
#pageContent.locations p 
					{
						padding-top: 0;
					}
					
#pageContent.locations a 
					{
						color: #3C2218;
						border-bottom: 1px dotted #3C2218;
					} 
					
#pageContent.locations a:hover 
					{
						color: #D05C69;
						border-bottom: 1px dotted #D05C69;
					}  
					
/**********************************************************************
 *
 * contact page
 *
 *********************************************************************/ 
 
#pageContent.contact p 
					{
						padding-top: 0;
					}
					
#pageContent.contact a 
					{
						color: #3C2218;
						border-bottom: 1px dotted #3C2218;
					} 
					
#pageContent.contact a:hover 
					{
						color: #D05C69;
						border-bottom: 1px dotted #D05C69;
					} 
					
/*
///////////////////////////////////////////////////////////////////////
// content management system                                         //
///////////////////////////////////////////////////////////////////////
*/	
																	 				
/**********************************************************************
 *
 * form base
 *
 *********************************************************************/ 

form,
fieldset
					{
						color: #3C2218;
						border: none;
						padding-left: 0;
					} 

form
					{
						margin-bottom: 30px;
					}					
					
form p
					{
						color: #D05C69;	
						width: 365px; 
					}						
					
form ul li.line
					{
						border-bottom: 1px dotted #CCC;
						padding-bottom: 15px;
					}									

#cms ul
					{
						list-style: none;
						padding-left: 0;
					}
					
#cms h1,
#cms p		
					{
						padding-left: 0;
					}	
					
#cms a				
					{
						color: #3C2218;
						border-bottom: 1px dotted #3C2218; 
					}	
					
#cms a:hover				
					{
						color: #D05C69;
						border-bottom: 1px dotted #D05C69; 
					}	
					
p.warning
					{
						width: 300px;
					}

input,
textarea			
					{
						color: #3C2218;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.6875em;
						line-height: 1.5em;
					}	
									
input.single
					{
						width: 500px;
					}	
					
textarea.area
					{
						width: 504px;
					}

input#submit
					{
						margin: 15px 0;
					}														
					
/**********************************************************************
 *
 * cms base
 *
 *********************************************************************/ 					

#cmsNavigation	
					{	
						float: left;
						margin: 0 30px 0 0;
						width: 180px;
					}
									
#cmsNavigation ul li
					{
						border-right: 1px solid #CCC;
						border-left: 1px solid #CCC;
					}					
					
#cmsNavigation ul li p
					{
						padding: 0;
					}
					
#cmsNavigation ul li a
					{
						padding: .25em 0 .25em 15px;					
					}					
					
#cmsContent
					{
						float: left;
						margin: 0 15px 0 0;
						width: 505px;
					}						
					
.note
					{
						color: #3C2218;
						margin-bottom: 15px;
					}																																											

p.menuLink	
					{
						border: 1px dotted #3C2218;
						width: 365px; 
					}

#cms p.menuLink a
					{
						color: #3C2218;
						border-bottom: none;
						padding-left: .75em;
					}
					
#cms p.menuLink a:hover
					{
						color: #D05C69;
					}
					
ul.updated
					{
						margin: 0 0 30px 0;
					}					
					
li.label p
					{
						color: #D05C69;
						font-size: .7em;
						padding: 0;
					}

img.preview			
					{
						padding: .75em 0 0 0;
					}
					
ul.updated li p.menuLink
					{
						margin-top: .75em;
					}
					
#cms ul.choose li p a,
#cms ul.cakes li p a,
#cms ul.news li p a,
#cms ul li p.noBlock a
					{
						display: inline;
					}
					
#cms ul.cakes
					{
						background: none;					
					}					

#cms ul.cakes li
					{
						border-bottom: 1px dotted #3C2218;
						float: left;
						margin: 0 0 15px 0;
						padding: 0 0 15px 0;
						text-align: center;
						width: 126px;
					}
					
#cms ul.news li
					{
						border-bottom: 1px dotted #3C2218;
						margin: 0 0 15px 0;
						padding: 0 0 15px 0;
						width: 508px;
					}					
					
#cms ul.cakes li.addCake
					{
						clear: both;
						width: 508px;
					}
					
#cms ul.news li.addCake p.menuLink
					{
						text-align: center;
						width: 508px;
					}					
					
#cms ul.news li.addCake p.menuLink a
					{
						display: block;
					}				
					
#cms ul.cakes li.addCake p.menuLink
					{
						width: 508px;
					}	
					
span.highlight
					{
						color: #D05C69;
					}