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

    +------------------------------+ 
    | +--------+ +---------------+ |
    | |        | |               | |	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: 61.538em;
	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: 57.692em;
	padding: 0px 25px;
}

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

#header
{
	padding-top: 25px;
}

#center_block
{
	padding: 35px 25px;
}

#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: 750px; 
}

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

#title
{
	height: 155px;
	width: 750px; 
}

/* --------------------------------------------------------------------
   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;
}

.menu li
{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}


.menu_bttn_blog,
.menu_bttn_archive, 
.menu_bttn_portfolio, 
.menu_bttn_shop, 
.menu_bttn_about, 
.menu_bttn_contact,
.menu_bttn_active_blog,
.menu_bttn_active_archive, 
.menu_bttn_active_portfolio, 
.menu_bttn_active_shop, 
.menu_bttn_active_about, 
.menu_bttn_active_contact, 
.menu_bttn_active_wms,
.menu_bttn_empty, 
.menu_bttn_empty_blog,
.menu_bttn_empty_archive, 
.menu_bttn_empty_portfolio, 
.menu_bttn_empty_shop, 
.menu_bttn_empty_about, 
.menu_bttn_empty_contact,
.menu_bttn_empty_wms
{
	border-bottom: 1px dotted #ddd;
	float: left;
	padding: 7px 15px;
	text-align: center;
	width: 4.615em;
}

.menu_bttn_empty 
{
	width: 16.923em;
}

.menu_bttn_empty_wms
{
	width: 9.849em;
}

.menu_bttn_empty_archive,
.menu_bttn_empty_portfolio
{
	width: 16.769em;
}

.menu_bttn_empty_archive
{
	width: 16.384em;
}

.menu_bttn_blog,
.menu_bttn_shop,
.menu_bttn_about
{
	width: 3.846em;
}

.menu_bttn_archive,
.menu_bttn_contact
{
	width: 4.230em;
}

.menu_bttn_empty_blog,
.menu_bttn_empty_shop,
.menu_bttn_empty_about,
.menu_bttn_empty_contact
{
	width: 16em;
}

.menu_bttn_active_blog,
.menu_bttn_active_archive,
.menu_bttn_active_portfolio,
.menu_bttn_active_shop,
.menu_bttn_active_about,
.menu_bttn_active_contact,
.menu_bttn_active_wms
{
	border-bottom: 1px dotted #fff;
	border-left: 1px dotted #ddd;
	border-right: 1px dotted #ddd;	
	font-weight: bold;
}

.menu_bttn_active_contact
{
	border-right: 0px;
}



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

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

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

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

.entry_footer_left, .entry_footer_right
{
	float: left;
	width: 25%;
}

.entry_footer_left
{
	padding-top: 10px;
}

.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;
}

.gnrc_entry
{
	padding: 0px;
}

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

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

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

.promo_block
{
	width: 225px;
}

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

.subheader
{
	border-bottom: 1px dotted #ddd;	
	clear;
	font-weight: bold;
	margin: 0;
	padding: 10px 10px;
	text-align: left;
	width: 205;
}

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

.text_block, .text_block_with_path
{
	margin-right: 25px;
	width: 500px;
}

.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;
}

.social_icon
{
	border: none;
	margin: 0;
	padding-bottom: 0;
	padding-left: 4px;
	padding-right: 0px;
	width: 20px;
}

.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: 6px;
}

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


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

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

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

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

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

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;
}

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


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


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

.text_block,  .archive_img, .image_caption, .news, .exhibitions, .date, .news_item, .portfolio_sml_img
{
	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 {
	background-color:#fff;
	color:#000;
	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
{
	border-right: 1px dotted #ddd;
	float: left;
	margin: 25px 0px;
	padding: 20px 7px 30px 0px; 
	text-align: left;
	width: 300px;
}

.contact_form
{
	border: 0px;
	margin: 0px;
	width: 500px;
}

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

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

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

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


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

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: 15px 0px 20px; 
}

.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;
}