/*  
Theme Name: Bomboniere
Theme URI: http://tuttobomboniere.it/
Description: Theme for tuttobomboniere.it website
Version: 1
Author: Berardo Mat
Author URI: http://berardomate.com/
*/

/*	--------------------------------------------------
	Global Reset
	
	Props to Eric Meyer (meyerweb.com) for his CSS 
	reset file. We're using an adapted version here 
	that cuts out some of the reset HTML elements we 
	will never need here (i.e., dfn, samp, etc).
	-------------------------------------------------- */

	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }
	
	
/*	--------------------------------------------------
	Structure
	-------------------------------------------------- */
	
	body { background: #fff url(images/bg.png) repeat-x 0 0; font: 62.5%/1 "Georgia", "Big Caslon", serif; text-shadow: 0 .1em .1em #fff; color: #444; }
	
	.container { width: 960px; margin: 0 auto; position: relative; }
	#header { position: relative; overflow: hidden; height: 136px; margin: 0; padding-top: 54px; }
	#main { padding:0; width: 610px; float: left; }
	#sidebar { float: right; width: 330px; margin: 0; padding: 0; }
	#footer { margin: 0; padding: 25px 0 0 50px; }
	.clear { clear: both;  }
	.clearfix:after { content: "."; display: block; font-size: 1px; line-height: 0px; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: block; }


/*	--------------------------------------------------
	Links
	-------------------------------------------------- */
	
	a { color: #AE1A01; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; } 
	
	
/*	--------------------------------------------------
	Type
	-------------------------------------------------- */
	
	h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #A7441D; letter-spacing: -.1em; }
	h1 { font-size: 2.6em; line-height: 1.5; text-shadow: 0 0 0 #000; }
	h2 { font-size: 1.8em; line-height: 1.125; padding: 0 0 .28125em; }
	h3 { font-size: 1em; line-height: 1.5; }
	
	p { font-size: 1.4em; line-height: 1.6; margin: 0 0 1.5em; }
	
	em { font-weight: inherit; font-style: italic; color: #777; }
	strong { font-style: inherit; font-weight: bold; color: #333; }	

	ul, ol { margin: 0 0 1.8em; }
	ol { list-style: decimal; padding: 0 3em; }
	li { font-size: 1.4em; line-height: 1.6; color: #666; }
	
	blockquote { display: block; font-size: 1em; border-left: .2em solid #ddd; margin: 0 0 1.8em 3.6em; padding: 0 3.6em 0 1.3em; }
	blockquote p { padding: 0; color: #777; font-style: italic; }
	
	
/*	--------------------------------------------------
	Header & Nav
	-------------------------------------------------- */	
	
	#nav { height: 37px; width: 435px; position: absolute; right: 0; top: 30px; }
	#nav li { list-style: none; display: inline; }
	#nav a { float: left; height: 0px !important; overflow: hidden; border: 0; margin: 0 10px 0 0; padding-top: 37px; }
	#nav .page-item-1 a { width: 82px; background: transparent url(images/butt01.png) top left no-repeat; }
	#nav .page-item-3 a { width: 109px; background: transparent url(images/butt02.png) top left no-repeat; }
	#nav .page-item-16 a { width: 82px; background: transparent url(images/butt03.png) top left no-repeat; }
	#nav .page-item-20 a { width: 122px; background: transparent url(images/butt04.png) top left no-repeat; }
 	#nav a:hover, #nav li.current_page_item a { background-position: 0 -41px; }
 	#cart { position: absolute; top: -54px; right: 0; width: 495px; padding: 5px 5px 5px 20px; color: #A29B8E; text-shadow: 0 .1em .1em #000; background: url(images/bg_cart.gif) no-repeat 0 10px; }
 	#cart a { color: #C8C1B2; }
 	#cart a:hover { color: #EEE8D7; text-decoration: none; }
 	#cart span.cartcount, #cart span.pricedisplay { font-weight: bold; color: #C8A744; }
 	#cart span.emptycart { background: url(images/ico_cart_remove.gif) no-repeat 0 4px; padding-left: 14px; margin-left: 10px }
 	#cart span.gocheckout { background: url(images/ico_cart_go.gif) no-repeat 0 4px; padding-left: 14px; margin-left: 10px }
/*
	#topmenu ul { margin: 0; font-size: .83em; text-align: right; }
	#topmenu ul li { display: inline; padding: 0 1em; color: #8EDDED; text-shadow: 0 0 0 #000; text-transform: uppercase; }
	#topmenu a { color: #776A59; font-weight: bold; text-decoration: none; }
	#topmenu a:hover { color: #BE6721; }
*/


/*	--------------------------------------------------
	Teaser
	-------------------------------------------------- */	
	
	#teaser .container { height: 220px; background: url(images/bg_teaser.jpg) no-repeat right 25px; }
	#teaser .container p { width: 650px; font-size: 18px; }


/*	--------------------------------------------------
	Main
	-------------------------------------------------- */
	
	ul.items { margin: 0; }
	ul.items li { position: relative; width: 275px; height: 126px; float: left; margin: 0 10px 10px 0; padding: 10px; background: url(images/bg_item.jpg) no-repeat; overflow: hidden; }
	ul.items li .item_image { float: left; width: 96px; padding: 3px 4px 3px 3px; margin: 0 10px 5px 0; background: url(images/bg_img.gif) no-repeat }
	ul.items li h2 { font-size: 18px; }
	ul.items li p { font-size: 12px; margin: 0; }
	ul.items li .wpsc_product_price { position: absolute; top: 100px; right: 20px; width: 90px; text-align: center; }
	ul.items li .wpsc_product_price span { display: block; font-weight: bold; font-size: 20px; color: #fff; text-shadow: 0 .1em .1em #648A11; }
	ul.items li .wpsc_product_price small { font: normal 10px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; text-shadow: 0 .1em .1em #648A11; }
	ul.items li .wpsc_cartbtn { padding: 6px 0; }
	ul.items li input { vertical-align: middle; }
	input.txt, input.text { width: 250px; padding: 2px 3px; border: 1px solid #dadada; background: #fff url(images/bg_txtfield.gif) repeat-x 0 1px; font: 12px Helvetica, Arial, sans-serif; color: #666; }
	input.txt.short { width: 25px; }
	.pagination { padding: 20px 10px 0 0; font-size: 1.4em; clear: both; text-align: right; }
	.pagination a { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #ECF7FA; color: #666; }
	.pagination a:hover {	border: 1px solid #999; color: #333; background-color: #eee; }
	.pagination span.pages { padding: 2px 4px; margin: 2px; color: #666; }
	.pagination .current, .pagination .current:hover { padding: 2px 4px; margin: 2px; font-weight: bold; color: #444; border-color: #fff; background-color: #fff; }
	.pagination span.extend { padding: 2px 4px; margin: 2px; border: 1px solid #333; color: #333; }
	
	
/*	--------------------------------------------------
	Sidebar
	-------------------------------------------------- */		
	
	#sidebar .module { padding: 0 10px; position: relative; }
	#sidebar h3 { font-size: 2.4em; }
		
	
/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */
	
	#footer ul { margin: 0 0 20px; }
	#footer ul li { display: inline; padding: 0 .85em 0 0; color: #fff; font-size: 1em; text-transform: uppercase; }
	#footer a, #breadcrumb a { color: #575757; text-decoration: none; }
	#footer a:hover, #breadcrumb a:hover { color: #353535; }
	#footer p { font-size: 1em; color: #858585; }
	
	
/*	--------------------------------------------------
	Plugins
	-------------------------------------------------- */
	
	#loadingindicator { visibility: hidden; font-size: 14px;}
	#loadingindicator img {position: relative; top: 3px; margin-left: 6px;}



	/* Checkout Product Table
	========================================== */
	#content hr.productcart {
		border-color: #E1DAB7;
		margin-top: 10px;
		border-bottom: 1px dotted #DCC49A;
	}
	#content table.productcart {
		width: 100%;
		margin: 0 0 20px;
		border-width: 1px;
		font-size: 14px;
	}
	#content table.productcart,
	#content table.productcart td {
		border-color: #E1DAB7;
		text-align: left;
	}
	#content table.productcart td {
		padding-left: 12px;
	}
	table.productcart tr.total_price td {
		padding: 12px 6px;
		background-color: #fff;
		border-top-color: #E1DAB7 !important;
		border-bottom-color: #E1DAB7 !important;
	}
	table.productcart tr.firstrow td {
		background-color: #F7F8E8;
	}
	table.productcart td.firstcol {
		text-align: left;
		padding-left: 12px;
		border-bottom: 1px dotted #ccc;
	}

	/* Checkout Billing Table
	========================================== */
	#content table.wpsc_checkout_table {
		width: 100%;
		margin: 20px 0 0;
		border-left-width: 1px;
		font-size: 14px;
	}
	table.wpsc_checkout_table strong {
		margin: 6px 0;
		padding-bottom: 6px;
		display: block;
		border-bottom: 1px dotted #E1DAB7;
	}
	table.wpsc_checkout_table,
	table.wpsc_checkout_table td {
		border-color: #E1DAB7 !important;
		padding: 5px;
	}
	table.wpsc_checkout_table input {
		margin-right: 3px;
		font-size: 110%;
	}
	table.wpsc_checkout_table textarea {
		height: 50px;
		background: #fff url(images/bg_txtfield.gif) repeat-x 0 1px; padding: 2px 3px; border: 1px solid #dadada;
	}
	table.wpsc_checkout_table textarea,
	table.wpsc_checkout_table select {
		width: 260px;
		margin-right: 0;
	}
