/*  
Theme Name: pienosole
Theme URI: http://www.pienosole.it/
Description: Theme for Pienosole.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: #F1FAEF url(images/bg.png) repeat-x; font: 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 .1em .1em #fff; color: #3b3b3b; }
	
	.container { width: 960px; margin: 0 auto; position: relative; }
	#header { overflow: hidden; height: 116px; margin: 0; }
	#main { padding: 30px 0 20px; width: 630px; float: left; }
	#sidebar { float: right; width: 310px; margin: 0; padding: 30px 0 20px; }
	#footer { margin: 0; padding: 0; }
	#bg { /*background: url(images/bg_fr.jpg) no-repeat center 30px;*/ }
	#wrap { width: 960px; margin: 0 auto; background: url(images/bg_wrap.gif) repeat-y center 0; padding: 0 5px; }
	.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: #000; font-weight: bold; text-decoration: none; outline: none; }
	a:hover { color: #333; } 
	
	
/*	--------------------------------------------------
	Type
	-------------------------------------------------- */
	
	h1, h2, h3, h4, h5, h6 { font-weight: bold; }
	h1 { font-size: 2.8em; line-height: 1.15em; padding: 0 0 .36em; }
	h2 { font-size: 2em; line-height: 1.125; padding: 0 0 .28125em;  font-weight: normal; }
	h3 { font-size: 1.4em; line-height: 1.5; }
	
	p { font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.5em; }
	
	em { font-weight: inherit; font-style: italic; }
	strong { font-style: inherit; font-weight: bold; }	

	ul, ol { margin: 0 0 1.8em; }
	ol { list-style: decimal; padding: 0 3em; }
	li { font-size: 1.2em; line-height: 1.5; }
	
	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; }


/*	--------------------------------------------------
	Top
	-------------------------------------------------- */	
	
	#top { height: 18px; padding: 6px 0; color: #fff; text-shadow: 0 1px 1px #729A5A; }
	#top ul { margin: 0; text-align: left; float: right; }
	#top ul li { display: inline; padding: 2px 5px; color: #8EDDED; line-height: 0; font-size: 11px; text-transform: uppercase; }
	#top a { color: #F1FAEF; font-weight: bold; }
	#top a:hover {  color: #fff; }
	#manchette { position: absolute; top: 50px; right: 10px; width: 468px; height: 60px; }
	#top ul li.rss { padding-right: 20px; background: transparent url(images/ico_rss.gif) top right no-repeat; }
	#top small { font-size: 11px; }
	
	
/*	--------------------------------------------------
	Header & Nav
	-------------------------------------------------- */	
	
	#logo { position: absolute; left: 5px; top: 7px; }
	#nav { height: 42px; background: url(images/bg_nav.png) top left repeat-x; }
	#nav ul { list-style: none; }
	#nav li { list-style: none; display: inline; }
	#nav a { float: left; height: 0px !important; overflow: hidden; border: 0; margin: 0; padding-top: 42px; margin: 0; }
	#nav .page-item-1 a { width: 75px; background: transparent url(images/butt01.png) top left no-repeat; }
	#nav .page-item-2 a { width: 89px; background: transparent url(images/butt02.png) top left no-repeat; }
	#nav .page-item-4536 a { width: 149px; background: transparent url(images/butt03.png) top left no-repeat; }
	#nav .page-item-4636 a { width: 117px; background: transparent url(images/butt04.png) top left no-repeat; }
	#nav .page-item-4637 a { width: 92px; background: transparent url(images/butt05.png) top left no-repeat; }
	#nav .page-item-6 a { width: 83px; background: transparent url(images/butt06.png) top left no-repeat; }
 	#nav a:hover { background-position: 0 -42px; }
 	#nav .current_page_item a { background-position: 0 -84px; }
 	#nav li.searchbox { margin-right: 10px; padding-right: 0; float: right; }
	#searchform { display: block; width: 171px; height: 32px; margin-top: 3px;  padding: 0; background: url(images/bg_search.gif) no-repeat 0 0; }
 	#searchform input { display: block; float: left; }
 	#searchform .txtsearch { border: none; background: none; width: 128px; padding: 8px 6px; font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; }
 	#searchform .btnsearch { border: 0; margin: 0; padding: 0; background: none; width: 30px; height: 32px; cursor: pointer;  }
	
	
/*	--------------------------------------------------
	Main
	-------------------------------------------------- */
		
	#breadcrumb { color: #666; margin-bottom: 20px; }
	.col1 { float: right; width: 440px; }
	.col2 { float: left; width: 170px; }
	.col2 .module { padding: 0 0 0 10px; position: relative; }
	#post { width: 683px; border-bottom: 1px solid #e7e7e7; padding: 0 0 10px 0; }
	h1.intro, #single .col1 h2 { color: #EBBC2F; border-bottom: 1px solid #FFF1C5; margin-bottom: 20px; font-size: 20px; padding-bottom: .28em; font-weight: normal; }
	#single .posthead h1 { margin: 10px 0 5px; padding: 0; letter-spacing: -1px; font-size: 3em; }
	#single .col1 .postcontent h2 { font-size: 1.4em; letter-spacing: -1px; text-transform: uppercase; margin: 15px 0 5px; border: none; font-weight: bold; }
	#single .postcontent p { font-size: 1.3em; margin-bottom: 10px; }
	.posthead .author { margin: 0 0 15px; padding-bottom: 5px; font-size: 1.3em; color: #6b6b6b; border-bottom: 1px solid #eee; position: relative; }
	.posthead .author a { color: #737373; font-weight: bold; }
	.posthead .author a:hover { color: #444; }
	.posthead .count { padding: 0; position: absolute; top: 0; right: 0; }
	.post .posttax ul li { font-size: 12px; color: #959595; float: left; display: inline; margin-right: 6px; }
	.post .posttax li.first	{ padding: 3px 0; }
	.post .posttax li a { display: block; background: #FEF8D2; border: 1px solid #FDEED4; color: #C79E1B; padding: 5px; float: left; font-weight: normal; }
	.postcontent ol { list-style: decimal inside; }
	.postcontent ol { padding: 5px 0 10px 25px; margin: 0; }
	.postcontent ol li { padding: 2px 0px 2px 0; }
	.postcontent ul { padding: 5px 0 10px 20px; margin: 0; }
	.postcontent ul li { padding: 2px 0 2px 13px; list-style-type: square; }
	.postcontent a { font-weight: bold; border-bottom: 1px solid #ccc; }
	.postcontent a:hover { border-bottom: 1px solid #DF7300; }
	.more a, .more-link a { color: #555; border-bottom: 1px solid #ccc; }
	.more a:hover, .more-link a:hover { color: #353535; border-bottom-color: #999; }
	

/*	--------------------------------------------------
	Home
	-------------------------------------------------- */
	.featured { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e4e4e4; }
	.post.featured h2 { font-size: 2.2em; }
	.post.featured .postcontent p { font-size: 1.4em; }
	p.meta { margin: 0 0 5px; font-size: 11px; }
	p.meta, p.more { color: #737373; }
	p.meta a { text-transform: uppercase; border-bottom: 1px solid #c9c9c9; color: #F4A300; }
	.date { padding: 5px; background-color: #ffc; margin-right: 10px;  }
	.row { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; }
	.row .post { float: left; width: 210px; height: 300px; margin: 0 20px 0 0; overflow: hidden; }
	.row .post.last { margin-right: 0; }
	.post h2 { font-size: 1.6em; margin: 0; }
	.post img { border: 2px solid #eaeaea; display: block; margin: 0 0 5px; }
	#archive .post img, #pag2 .post img { border: 2px solid #eaeaea; margin: 0 10px 10px 0; float: left; }
	#archive .post, #pag2 .post { margin: 0 0 20px 0; }
	

/*	--------------------------------------------------
	Comments
	-------------------------------------------------- */
	
	.comments-list h2, .comments-form h2 { margin: 30px 0 0 0; }
	.entry { position: relative; }
	.entry img.avatar { position: absolute; right: 0; top: 0; border: 2px solid #eaeaea; }
	.entry p.comauthor { font-size: 14px; margin-bottom: 0; font-weight: bold }
	.entry .comcontent p { font-size: 12px; line-height: 16px; }
	.entry p.comdate { font-size: 10px; margin-bottom: 10px; background: none; }
	.entry p.comdate a { color:#999; text-decoration: underline; }
	input.button { color: #fff; font-weight: bold; text-shadow: #333 0 -1px 0; background-color: #1E519B; margin-top: .25em; padding-right: 1em; padding-left: 1em; cursor: pointer; }
	#comment-form textarea { border: 1px solid #FFC23F; background: #fff; padding: 4px; width: 98%; }
	.required { font-weight: normal; color:#c00; }
	#comments a, #comment-form a { font-weight: bold; }
	input.txt { width: 250px; padding: 4px; border: 1px solid #FFC23F; background: #fff; }

	
/*	--------------------------------------------------
	Sidebar
	-------------------------------------------------- */		
	
	#sidebar .module, #sidebar .box { margin: 0; position: relative; width: 300px;}
	#sidebar .adv, .col2 .adv { margin: 20px 0; }
	#sidebar .right .adv.module { padding: 0 5px; width: 130px; margin: 0 0 20px; }
	.box .left { float: left; width: 140px; }
	.box .right { float: right; width: 140px; }
	#sidebar a, .col2 a { color: #E86C12; }
	#sidebar a:hover, .col2 a:hover { color: #B03807; }
	#sidebar h3, .col2 h3 { font-size: 14px; text-transform: uppercase; color: #fff; background: transparent url(images/bg_h3.png) repeat-x; padding: 8px 0 10px 10px; }
	#sidebar ul, .col2 ul { margin: 10px 0; }
	#sidebar li, .col2 li { padding: 6px 5px 6px 10px; border-bottom: 1px solid #FEF2C6; }
	#sidebar .tabb { margin: 0 0 20px; background: transparent url(images/bg_tab.gif) repeat-x left 0; }
	#sidebar ul#tabs { margin: 0; padding: 5px 0 0; }
	#sidebar ul#tabs li { list-style: none; display:inline; border-bottom: none; }
	* html #sidebar ul#tabs li { display: inline; }
	#sidebar ul#tabs li a { color: #A2A2A2; padding: 8px 6px; text-decoration:none; font-size: 10px; text-transform:uppercase; }
	#sidebar ul#tabs li a:hover { color: #565656; }
	#sidebar ul#tabs li.active a { color: #3f3f3f;  }
	.tabcont li span { display: block; color: #666; font-size: 11px; }
	.tabcont { clear: both; min-height: 200px; }
	#sidebar #prev { padding: 35px 95px 0 10px; height: 95px; margin-bottom: 0px; background: url(images/bg_prev.jpg) no-repeat 0 0; }
	#prev img { display: block; margin: 5px 0 0; }
	#login-box { padding-top: 10px; }
	#login label { text-transform: uppercase; font-size: 10px; color: #666; font-weight: bold; }
	#login p { margin: 0 0 5px; }
	#login label.label { font-weight: normal; cursor: pointer; text-transform: none; }
	#login .txt { border: 1px solid #FFC23F; background: #fff; width: 152px; padding: 5px 3px; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ababab; }
	.btn { text-align: right; padding: 10px 0 0; }
	#login h2 { font-size: 14px; color: #EBBC2F; }
	
	
/*	--------------------------------------------------
	Form
	-------------------------------------------------- */	
	form.a { width: 100%; margin: 0 0 5px; padding: 0; }
 	form.a p{ position: relative; margin: 0; padding: 5px 0; width: 430px; }

 	p#success, p#bademail, p#badserver { display: none; }
 	.status { background-position: 10px 50%; background-repeat: no-repeat; font-size: 1.17em; margin: 10px auto; padding: 10px 10px 10px 40px; color: #000; }
 	#bademail { background-color: #ebcccc; border: 1px solid #F33; background-image: url(images/ico_alert.gif); }
 	#success { background-color: #DAF8C4; border: 1px solid #447D1F; background-image: url(images/ico_ok.gif); }
   	form.a p label, #commentform p label { display: block; font-weight: bold; }
  	form.a p input.txt, #commentform p input.txt { width: 370px; padding: 8px 3px; border: 1px solid #FFC23F; background: #fff; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight: bold; }
  	form.a p .txt.short { width: 100px; }
  	form.a p .txt.mid { width: 130px; }
  	form.a label img { vertical-align: middle; margin-bottom: 5px; }
  	form.a p textarea, #commentform p textarea { overflow: auto; width: 370px; height: 120px; padding: 8px 3px; border: 2px solid #fff; background: #1F315A; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 .1em .1em #20345F; color: #fff; font-weight: bold; }
	form.a h2 { margin: 10px 0 20px; border-bottom: 1px solid #ccc; }
	
	
/*	--------------------------------------------------
	Footer
	-------------------------------------------------- */
	
	#footer .container { background: url(images/bg_foot.gif) no-repeat; padding: 20px 5px 0;  }
	#footer ul { margin: 40px 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: #DF7300; }
	#footer p { font-size: 1em; color: #858585; }
	#footer .module { float: left; margin: 0 10px; width: 276px; border: 1px solid #DBE6D4; padding: 10px; height: 130px; -webkit-border-radius: 9px; -moz-border-radius: 9px; }
	#footer .module h3 { font-size: 14px; text-transform: uppercase; color: #6A9F2C; padding: 0 0 10px; }
	#footer .module p { font-size: 12px; color: #333; padding-right: 80px; margin-bottom: 0; }
	#footer .module a { color: #6A9F2C; }
	#footer .module a:hover { color: #486823; }
	#footer #fin { background: url(images/bg_fin.jpg) no-repeat right 35px; }
	#footer #pub { background: url(images/bg_pub.jpg) no-repeat right 40px; }


/*	--------------------------------------------------
	Plugins
	-------------------------------------------------- */
	
	div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
	* html div#fancy_overlay { position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
	div#fancy_wrap { text-align: left; }
	div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } 
	div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('images/fancy_progress.png') no-repeat;}
	div#fancy_loading_overlay { position: absolute; background-color: #FFF;	z-index: 30; }
	div#fancy_loading_icon { position: absolute; background: url('images/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
	div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
	div#fancy_inner { position: relative; 	width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } 
	div#fancy_content { margin: 0; 	z-index: 100; 	position: absolute; } 
	div#fancy_div { background: #000; 	color: #FFF; 	height: 100%; width: 100%; z-index: 100; } 
	img#fancy_img { position: absolute; top: 0; left: 0; border:0;	padding: 0; margin: 0; 	z-index: 100; width: 100%; 	height: 100%; } 
	div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
	#fancy_frame { position: relative; 	width: 100%; height: 100%; display: none; } 
	#fancy_ajax { width: 100%; 	height: 100%; 	overflow: auto; } 
	a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } 
	a#fancy_left { left: 0px; } 
	a#fancy_right { right: 0px; } 
	span.fancy_ico { position: absolute;  top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } 
	span#fancy_left_ico { left: -9999px; background: transparent url('images/fancy_left.png') no-repeat; } 
	span#fancy_right_ico { right: -9999px; 	background: transparent url('images/fancy_right.png') no-repeat; } 
	a#fancy_left:hover { visibility: visible; } 
	a#fancy_right:hover { visibility: visible; } 
	a#fancy_left:hover span { left: 20px; } 
	a#fancy_right:hover span { right: 20px; } 
	.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } 
	div#fancy_bg { position: absolute; 	top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
	div.fancy_bg { position: absolute; 	display: block; z-index: 70; border: 0; padding: 0; margin: 0; } 
	div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('images/fancy_shadow_n.png') repeat-x; } 
	div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; 	background: transparent url('images/fancy_shadow_ne.png') no-repeat; } 
	div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('images/fancy_shadow_e.png') repeat-y; } 
	div.fancy_bg_se { bottom: -18px; right: -13px; 	width: 13px; height: 18px; 	background: transparent url('images/fancy_shadow_se.png') no-repeat; } 
	div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; 	background: transparent url('images/fancy_shadow_s.png') repeat-x; } 
	div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('images/fancy_shadow_sw.png') no-repeat; } 
	div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('images/fancy_shadow_w.png') repeat-y; } 
	div.fancy_bg_nw { top: -18px; left: -13px; 	width: 13px; height: 18px;	background: transparent url('images/fancy_shadow_nw.png') no-repeat; } 
	div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; 	z-index: 100; 	display: none; } 
	div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } 
	div#fancy_title table { margin: 0 auto; } 
	div#fancy_title table td { padding: 0; vertical-align: middle; } 
	td#fancy_title_left { height: 32px; width: 15px; background: transparent url(images/fancy_title_left.png) repeat-x; } 
	td#fancy_title_main { height: 32px; background: transparent url(images/fancy_title_main.png) repeat-x; } 
	td#fancy_title_right { height: 32px; width: 15px; background: transparent url(images/fancy_title_right.png) repeat-x; }
	
	.wp-paginate {padding:0; margin:0;}
	.wp-paginate li {display:inline; list-style:none;}
	.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
	.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
	.wp-paginate .title {color:#555; margin-right:4px;}
	.wp-paginate .gap {color:#999; margin-right:4px;}
	.wp-paginate .current {color:#fff; background:#666; border:1px solid #aaa; margin-right:4px; padding:3px 6px;}