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

	Title: Annes Cake Creations CSS
	Author: Raw Marketing
	Date: 2009

  www.annescakecreations.co.uk

  #543919 - Brown 
  #2fafd3 - Blue
  #ffffff - White 

***********************************************************************************************

	1. CSS Reset
	2. General Elements
	3. Utility Classes
	4. Typography
	5. Layout
		4.1 Header
		4.2 Navigation
		4.3 Masthead
		4.4 Body Services
		4.5 Sidebar
		4.6 Footer		
		
***********************************************************************************************/

/* 1. CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 14px;
  font-family: Calibri, Helvetica Narrow, sans-serif;
  vertical-align: baseline;
  }
 

/* 2. General Elements  */
body { background-image: url(images/background.jpg); background-color: #2fafd3; background-repeat: repeat-x; } 
@font-face { font-family: Romance; src: url('Romance.TTF'); }
a { text-decoration: none; color: #543919; }
a:hover { color: #ffffff; }
p { line-height: 22px; }
h1 { font-size: 30px; font-family: Georgia, Calibri, Helvetica Narrow, sans-serif; color: #ffffff; text-align: center;  }
h2 { font-size: 28px; font-family: Georgia, Calibri, Helvetica Narrow, sans-serif; color: #543919; }
h3 { font-size: 24px; font-family: Georgia, Calibri, Helvetica Narrow, sans-serif; color: #543919; }


/* 3. Utility Classes */
.float_left { float: left; }
.float_right { float: right; font-size: 18px; color: #543919; }
.clear { clear: both; }
.button	{ background: #543919; padding: 10px; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.button:hover	{ background: white; color: #373737; }
.taglineWhite { color: white; font-size: 28px; font-family: Georgia; }
.telephone { margin-top: -10px; }
#last { margin-right: 0; }
.margin_left { margin-left: 20px; }
.highlightWhite { color: white; font-size: inherit; }
.margin { margin: 10px 20px; }
table { border: 1px solid #543919; margin: 0 20px; background-color: white; }
th { font-size: 18px; font-weight: bold; border-bottom: 1px solid #543919; }
.contact { font-size: 18px; color: #543919; }
.display_none { display: none; }
.pointer { cursor: pointer; }
p.pointer:hover { color: #2fafd3; }



/* 4. Typography */
h1#logo { background-image: url(images/logo.jpg); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; height: 189px; width: 249px; float: left; margin-top: 15px; }
h2#tagline { width: 280px; border-top: 1px solid white; border-bottom: 1px solid white; padding: 20px 0; line-height: 36px; }
#body h1 { width: 600px; height: 85px; background-image: url(images/header_bg.jpg); background-repeat: no-repeat; padding-top: 20px; text-shadow: 1px 1px 4px #000000; }
#body p { padding: 0 20px 20px; }
#body ol { margin: 0 40px; }


/* 5. Layout */
#wrapper { margin: 10px auto; width: 960px; }
#body { width: 600px; float: right; background-image: url(images/body_bg.jpg); background-repeat: repeat; margin: -3px 20px 20px 0; border: 1px solid #543919; min-height: 450px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#sidebar { width: 320px; float: left;  margin: -3px 0px 0 0;  }
#footer { margin: 30px 0; }
.side_img { float: left; margin: 0 0 20px 18px; }
#fullBody { padding: 20px 0; }
.sidebar_section { border: 1px solid #543919; width: 300px; padding: 10px; background-image: url(images/sidebar_bg.jpg); background-repeat: repeat; margin-bottom: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#contactform { margin: 0 20px; }
.testimonials h2 { margin: 0 20px; font-size: 22px; clear: both; }
.testimonials p { float: right; }


/* Slideshow */
#slideshow { position:relative; height:320px; width: 640px; float: right; background-color: white; margin-top: -100px; 
             -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
             -moz-box-shadow: 0 0 5px #373737; -webkit-box-shadow: 0 0 5px #373737; box-shadow: 0 0 5px #373737;
}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; margin: 20px;}
#slideshow IMG.active { z-index:10;}
#slideshow IMG.last-active { z-index:9; }

/* Navigation */
ul#nav { width: 640px; float: right; list-style-type: none; text-align: right; margin-top: 40px; background-image: url(images/nav_bg.png); background-repeat: no-repeat; background-position: 65px 5px; }
ul#nav li { display: inline; padding: 15px;  }
ul#nav li a { font-family: Romance; font-size: 18px; }
ul#nav li a:hover { color: white; }
ul#nav li#current a { color: white; }


/* Footer */ 
#footer p { color: white; }
.footerThird { width: 310px; height: 200px; margin-right: 15px; border-top: 3px solid #543919; border-bottom: 1px solid #543919; float: left; padding: 20px 0; }
.footerThird p { color: white; }
.footerThird h2 { margin: 0 0 10px 0; }
.highlightBrown { color: #543919; font-size: inherit; }
.footer_img { margin-top: -20px; }

blockquote { background: url(images/quote_open.png) 0 0% no-repeat; margin-top: 10px; }
blockquote p { background: url(images/quote_close.png) 100% 100% no-repeat; margin: 0 20px; }


/* BODYSECTION */
.bodySection { width: 430px; float: left; margin: 0px 8px 20px 0; padding: 20px; background-image: url(images/body_bg.jpg); border: 1px solid #543919; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.bodySection p { margin-bottom: 20px; }
.bodySection h3 { margin: 0 0 20px 0; border-bottom: 1px solid #543919; }
.bodySection img { margin: 0 1px 10px 0; border: 1px solid #543919; }
.bodySection img:hover { border: 1px solid #ffffff; }


/* INGREDIENTS */
#ingredientsIntro { background-image: url(images/body_bg.jpg); border: 1px solid #543919; padding: 20px; margin: 20px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.borderBottom { border-bottom: 1px solid #543919; }
p.author { font-style: italic; margin: 0px 20px; color: #543919; }