/************************************************
   
    www.cakecouturecleveland.com
    Title: Cake Couture Cleveland
    Author: Go Media Inc.
    Date: January 15, 2008

************************************************/


/* General Styles*/

body {  
    margin: 20px 0px;
    padding: 0px;
    font-family: Georgia, Times New Roman, serif;
    text-align: center;  
    background: #fbeff2 url(images/background-slice.gif) repeat top center;  
}  
  
#main { 
    width: 700px;
    /*height: 550px;*/
    min-height: 550px;
    margin: 0px auto;
    text-align: center;
    background: url(images/main-slice.png) repeat top left;
}

#header { clear: left; }
 
#header, #container, #footer { margin:0px auto; }

#container {
   width:680px;
   margin: 10px;
   height: 350px;
   min-height: 350px;
   overflow: hidden;
   background-color: #fff;
   border: 1px solid #F9C5D0;
   clear: left;
}

#footer {
  width: 680px;
  height: 15px;
  min-height: 15px;
} 

ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

img { 
   margin: 0px; 
   padding: 0px; 
}

a { 
  text-decoration: none; 
  color: #623C25;
}

a:hover { text-decoration: underline;}


/* Nav Styles */

#nav { 
   width: 390px;
   margin: 0 auto;
   color: #623C25;
}


#nav li {
   display: block;
   float: left;
   position: relative;
   width: 130px;
   padding: 4px 0px;
   z-index: 999 !important;
}

#nav li ul { 
   display: none;
   position: absolute;
   top: 24px;
   left: 0;
   background-color: #fff;
   border-top: 2px solid #e98daa;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   font-size: 10px;
   z-index: 1000 !important;
}  

#nav li ul li {
   margin-top: 5px;
   margin-bottom: 5px;
   padding:6px;
}
   
li>ul {
   top: auto;
   left: auto;
}
	
#nav li:hover ul, #nav li.over ul { display: block;}	

/* Content Styles */

#intro { 
  margin-top: 10px;
  padding: 0px;
}

#thumbnails {
  width: 211px;
  height: 350px;
  min-height: 350px;
  overflow: auto;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  border-right: 1px solid #ccc;
}

#thumbnails a { 
  display: block;
  width: 85px;
  float: left;
  margin: 10px 10px 0px 0px;
  padding: 0px;
}

#thumbnails a:hover {
  background: #fff url(images/over.png) no-repeat top left;
}

#thumbnails p {
  line-height: 100%;
  font-size: 12px;
  padding-top: 5px;
  color: #e98daa;
}  

#thumbnails img { 
  margin: 0px; 
  padding: 0px; 
}

#gallery {
  width: 440px;
  margin-left: 10px;
  padding: 0px;
  float: left;
  text-align: left;
} 

#image { 
  width: 220px;
  float: left; 
  margin: 10px;
}

#text { 
  width: 440px;
  height: 350px;
  min-height: 350px;
  overflow: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  float: left;
}

.wrapper {
  width: 430px;
  margin: 0;
  padding: 0;
}  

.flavors {
  width: 215px;
  float: left;
  padding: 0px;
}

/* Form Styles */

form#myForm { margin-left: 10px; }
form#myForm  label { margin: 0px; }

p#success {
	padding: 3px 10px;
	background: #92FFA5;
	border: 2px solid #009218;
	color: #009218;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
		
p#bademail, p#badserver {
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

 
/* Text Styles */

p { 
   font-size: 14px;
   line-height: 1.3em;
   color: #371e0e; 
} 

h2 {
  font-size: 18px;
  font-weight: normal;
  line-height: .5em;
  color: #e98daa;
}

h3 {
  font-size: 14px;
  font-weight: normal;
  color: #e98daa;
}  

#full, #gallery h2 { margin-left: 10px; }
#desc { color: #e98daa; }
#text h2, #text h3, #text p { margin: 15px 20px 20px 15px;}
#footer p { font-size: 10px; }

.pink { color:#e98daa; }
.clear { clear: both; }