/* -------------------------------------------------------------------- 
   -------------------------------------------------------------------- 

    +------------------------------+ 
    | +--------+ +---------------+ |
    | |        | |               | |	header
    | +--------+ +---------------+ |
    +------------------------------+
                                
    +------------------------------+  
    |                              |
    |                              |
    |                              |
    |                              |	center_block
    |                              |
    |                              |
    |                              |
    +------------------------------+ 

    +------------------------------+ 
    | +------------+ +-----------+ |
    | |            | |           | |	footer
    | +------------+ +-----------+ |
    +------------------------------+ 

   --------------------------------------------------------------------
   - body, .clear
   - Basic Building Blocks
   - Center Block Subblocks
   - floating blocks
   - links
   - paragraph/text

   - images
   - lists
   -------------------------------------------------------------------- */

* 
{
     margin: 0;
}

html, body 
{
     height: 100%;
}

/* --------------------------------------------------------------------
   body
   -------------------------------------------------------------------- */

body
{ 
	background-color: #fcfcfc; 
	color: #000;
	font: 13px/1.231 tahoma, arial, helvetica, clean, sans-serif;
	margin: 0px;		/* Set body margin and padding to get 
				   consistency between browsers.	*/
	padding: 0px;
	text-align: center;	/* Hack for IE5/Win			*/
}

/* --------------------------------------------------------------------
   Nudge down to get to 13px equivalent for these form elements
   -------------------------------------------------------------------- */ 

select,
input,
button,
textarea,
button 
{
	font: 99% tahoma, arial, helvetica, clean, sans-serif;
}

.clear
{
	clear: both;
}


/* -------------------------------------------------------------------- */
/* --- Basic Building Blocks ------------------------------------------ */
/* -------------------------------------------------------------------- */

#wrapper, #footer, #header, #center_block
{
	background-color: #fff;
	width: 65.385em;
	margin: 0 auto;
}

#wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -6em;
	border-left: 1px dotted #eee;
	border-right: 1px dotted #eee;
}

#footer, #header, #center_block
{
	width: 61.538em;
	padding: 0px 25px;
}

#header, #footer
{
	color: #666;
}

#header
{
	padding-top: 25px;
}

#center_block
{
/*	padding: 35px 25px;*/
	padding: 10px 25px 35px;
	overflow: auto;
}

#footer, .push 
{
	padding: 0px 25px;
	height: 5.9em;
}


/* --------------------------------------------------------------------
   header subblocks
   -------------------------------------------------------------------- */

.header_info	
{
	background:url(../images/header.jpg) no-repeat; 
	height: 200px; 
	margin-bottom: 15px;
	width: 800px; 
}

.subscribe
{
	padding-right: 10px;
	padding-top: 5px;
	text-align: right;
}

#title
{
	height: 200px;
	width: 800px; 
}

/* --------------------------------------------------------------------
   footer subblocks
   -------------------------------------------------------------------- */

.subfooter
{
	padding: 20px 0px;
	border-top: 1px dotted #ddd;
	width: 100%;
}

.footer_subblock
{
	float: left;
	width: 50%;
}


/* --------------------------------------------------------------------
   menu buttons
   -------------------------------------------------------------------- */

.menu
{
	color: #000;
	list-style: none; 
	margin: 0;
	padding: 0;
	width: 61.538em;
}

.menu li
{
	background-color: #f2f2f2;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-variant: small-caps;
}

.menu li a, a:visited, a:hover
{
	color: #000;
	text-decoration: none; 
}

.menu li a:hover
{
	background-color: #dedede;
}

.menu_bttn,
.menu_bttn_active
{
	float: left;
	padding: 7px 20px;
	text-align: center;
}

/* -- active buttons -- */

.menu_bttn_active
{
	background-color: #dedede;
	font-weight: bold;
}


/* -------------------------------------------------------------------- */
/* --- Center Block Subblocks ----------------------------------------- */
/* -------------------------------------------------------------------- */

/* --------------------------------------------------------------------
   blog
   -------------------------------------------------------------------- */

.image_caption
{
	float: left;
	width: 100%;
}

.social_tools
{
	float: right;
	width: 45%;
}

.entry_footer_left, .entry_footer_right
{
	float: left;
	padding-top: 10px;
	width: 30%;
}

.entry_footer_left
{
	padding-top: 10px;
	width: 70%;
}

.entry_footer_center
{
	float: left;
	padding-top: 10px;
	width: 50%;
}

.comment_entry, .gnrc_entry
{
	border-bottom: 1px dotted #ddd;
	padding: 15px 0px;
	text-align: left;
	width: 100%;
}

.gnrc_entry
{
	padding: 0px;
}

/* --------------------------------------------------------------------
   portfolio
   -------------------------------------------------------------------- */

.portfolio_index
{
	margin: 20px auto; 
	width: 600px;
}

/* --------------------------------------------------------------------
   promo block
   -------------------------------------------------------------------- */

.promo_block
{
	width: 200px;
}

.entry
{
	padding: 10px 0px 5px 0px;
}

.subheader
{
	background-color: #f2f2f2;
	clear;
	font-weight: bold;
	margin: 0;
	padding: 7px 0px 7px 10px;
	font-variant: small-caps;
	text-align: left;
	width: 190px;
}

/* --------------------------------------------------------------------
   text block
   -------------------------------------------------------------------- */

.text_block, .text_block_with_path
{
	margin-right: 24px;
	width: 526px;
}

.text_block_with_path
{
	padding-top: 0px; 
}

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* --------------------------------------------------------------------
   links
   -------------------------------------------------------------------- */

#title a
{
	display: block; 
	height: 100%; 
	width: 100%; 
}


a
{ 
	color: #06C; 
	text-decoration: none; 
}

a.footlink:link, a.footlink:visited, a.footlink:active
{
	color: #666;
}

a:visited, a:hover, a.footlink:hover
{
	color: #C30;
}

a:hover, a.footlink:hover
{
	text-decoration: underline 
}

/* --------------------------------------------------------------------
   images
   -------------------------------------------------------------------- */

img
{
	border: 1px dotted #ddd; 
	padding: 6px;
}

.comments_img
{
	float: left; 
	height: 50px;
	margin: 0px 12px 5px 0px; 
	width: 50px;
}

.feed
{
	border: none;
	vertical-align: middle;
	padding: 3px 1px 0px 0px;
}

.feed_icon
{
	border: none;
	padding: 2px 2px 0px 0px;
	vertical-align: bottom;
}

.social_icon
{
	border: 1px solid #ccc;	
	margin: 2px;
	padding: 4px;
	width: 16px;
}

.self
{
	margin: 0px 0px 20px 20px;
	padding: 12px;
}

.archive_img
{
	height: 50px;
	margin: 3px; 
	width: 50px;
}

.blog_img, .portfolio_img, .promo_img, .img_post
{
	float;
	margin: 30px auto;
	padding: 12px;
}

.portfolio_img
{
	margin: 20px auto 10px;
}

.portfolio_sml_img
{
	height: 60px;
	margin: 2px; 
	width: 60px;
}

.promo_img
{
	margin: 0px;
	padding: 5px;
}

.wms_img
{
	border:0; 
	margin:0; 
	padding:0; 
	vertical-align: middle;
}

.gcs
{
	border: none;
	padding: 1px 3px 0px 0px;
	vertical-align: middle;
}

/* --------------------------------------------------------------------
   lists
   -------------------------------------------------------------------- */

ul
{
	list-style-type: disc; 
	margin-left: 0.5em; 
	padding: 0px 0px 0px 15px;
}

.archive, .sitemap, .links, .exhibitions_list, .searchbox
{
	list-style-type: none; 
	margin: 0px;
	padding: 0px 0px 10px 15px; 
}

.sitemap, .links, .searchbox
{
	padding: 0px; 
}

.links
{
	padding-left: 10px; 
}


.exhibitions_list
{
	padding: 0px 0px 0px 15px;
}

.searchbox li
{
	display: inline;
}


li, .exhibitions_list li
{
	margin: 0em 0em 1em 0em;
}

.exhibitions_list li
{
	text-indent: -4.2em;
	padding-left: 4em;
}

li li 
{
	margin: 0.2em 0em;
}

.sitemap li
{
	margin: 0.3em 0em;
}

.links li
{
/*	margin: 0.5em 0em 0em 12px;	*/
	margin: 0.5em 0em 0em 0px;
}

li
{
	margin: 0em 0em 0.5em 0em;
}


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */


/* --------------------------------------------------------------------
   floating blocks
   -------------------------------------------------------------------- */

.text_block,  .archive_img, .image_caption, .news, .exhibitions, .date, .news_item, .portfolio_sml_img, .searchbox li
{
	float: left;

}

.promo_block, .self
{
	float: right;

}

/* --------------------------------------------------------------------
   paragraph/text
   -------------------------------------------------------------------- */
p
{
	margin: 0px;
	border: none;
	padding: 0px;
}

h5
{
	font-size: 100%;
	margin: 20px 0px 10px; 
}

h4
{
	font-size: 110%;
	margin: 5px 0px 10px; 
}

h3
{
	font-size: 120%;
	margin: 0px;
	padding: 0px;
}

h2
{
	font-size: 130%;

}

.justify, p, ul ul, .note
{
	text-align: justify;
}

.left, ul, h2, h3, h4, .blog_right_block, .image_caption
{
	text-align: left;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.invisble
{
	color: #fff;
}

.arrow_link
{
	font-size: 105%;
}

/* --------------------------------------------------------------------
   -------------------------------------------------------------------- */

.inputbutton 
{
	background-color:#fff;
	color:#000;
	font-variant: small-caps;
	border-top: 1px #ddd; 
	border-right: 1px #aaa;
	border-left: 1px #ddd; 
	border-bottom: 1px #aaa;
	border-style: solid;

/*
	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
*/
}

.inputbox {
/*	backgrounder-top: 1px #aaa;*/
	background-color:#fff;
	border-top: 1px #aaa;
	border-right: 1px #ddd; 
	border-left: 1px #aaa;
	border-bottom: 1px #ddd;
	border-style: solid;

/*
	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
*/
}

/* --------------------------------------------------------------------
   -------------------------------------------------------------------- */

a.view_cart_bttn
{
	padding: 3px 10px 6px;
	border-top: 1px #ddd; 
	border-right: 1px #aaa;
	border-left: 1px #ddd;
	border-bottom: 1px #aaa;
	border-style: solid;
	color: #06C; 
	text-decoration: none;

	font-size: 80%;
	background: #fff;

/*
	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
*/
}

.add_to_cart_bttn
{
	background-color:#fff;
	border-top: 1px #ddd; 
	border-right: 1px #aaa;
	border-left: 1px #ddd; 
	border-bottom: 1px #aaa;
	border-style: dotted;
	padding: 2px 5px;
	color: #06C; 
	text-decoration: none;
	width: 70%;
	margin: 0px auto;

/*
	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
*/
}


/* --------------------------------------------------------------------
   Shop 
   -------------------------------------------------------------------- */

.product
{
	border: 1px dotted #ddd; 
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 10px 5px;
	width: 149px;
	font-size: 90%;
}

.product_caption
{
	height: 60px;
}

.product_img
{
	height: 125px;
	background-color: #fff;
	width: 100%;
}

.img_product_v, .img_product_h
{
	float;

}

.img_product_v
{
	height: 100px;
}

.img_product_h
{
	margin-top: 20px;
	width: 100px;
}

/* ------------------------------------------------------------------- */
/* --- 			Form Settings				   --- */
/* ------------------------------------------------------------------- */

.comment_form, .contact_form, .purchase_print
{
	float: left;
	margin: 0;
	padding: 10px 0px 30px 0px; 
	text-align: left;
	width: 300px;
}

.contact_form
{
	padding: 20px 7px 30px 0px;
	width: 500px;
}

.comment_form ul, .contact_form ul, .subscribe_form ul
{
	list-style-type: none; 
	margin: 0px;
	padding: 0px 0px 10px 0px; 
}

.contact_form ul
{
	padding-left: 10px; 
}

.subscribe_form ul
{
	padding-left: 26px; 
	padding-top: 5px; 
}

.purchase_print
{
	border: 0px;
	width: 100%;
}

.button, .search_button, .mlist_button
{
	float: left;
	margin: 25px 10px 2px 0px;
	text-align: center;
	width: 70px;
}

input, textarea, .search_input, .mlist_input
{
	width: 260px;
	margin: 3px 0px 10px;
	text-align: left;
}

.search_input, .mlist_input
{
	width: 121px; 
	margin: 10px 5px 3px 0px;
}

.search_button, .mlist_button
{
	margin: 10px 0px 3px;
}

.mlist_button, .mlist_input
{
	margin-top: 3px;
	margin-bottom: 20px;
}

textarea
{
	height: 100px;
}

.checkbox
{
	width: 10px;
	margin: 3px 5px 10px 0px;
/*
	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
*/
}

fieldset
{
	border: none;
}

label
{
	display: block;
	margin: 0px;
	text-align: left;
}

legend
{
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 10px;
	background-color: #f2f2f2;
	clear;
	padding: 7px 0px 7px 10px;
	font-variant: small-caps;
	background-color: #f2f2f2;
	padding: 7px 0px 7px 10px;
	font-variant: small-caps;
	text-align: left;
	width: 252px;	
}

.note
{
	font-size: 85%;
	font-weight: normal;
}


/* -------------------------------------------------------------------
   Recipe
   ------------------------------------------------------------------- */

.recipe
{
	border: 1px dashed #ddd;
  	margin: 9px 0;
  	padding: 20px;
}


.recipe h4
{
	margin: 0; 
	text-align: center;
}

.recipe h5
{
	border-bottom: 1px dotted #ddd; 
	margin-bottom: 0px;
	padding: 10px 10px 5px;
	text-align: left;
}

.recipe p 
{
	margin: 10px 0;
}


.ingredients, .ingredients_nb, .directions, .directions_nb
{
	padding: 10px 20px;
}

.ingredients li
{
	padding: 2px 0;
}

.directions li 
{
	border-bottom: 1px dotted #ddd;
	padding: 4px 0 8px 0;
}

.ingredients_nb, .directions_nb
{
	list-style-type: none; 
}

ul ul
{
	list-style-type: disc; 
	padding: 5px 20px;
	text-align: left;
}