/*  
Theme Name: Blog Basic Theme
Theme URI: http://www.gandini&rendina.it/
Description: Tema di prova.
Version: 1.0
Author: Andrea Marchetti
Author URI: http://www.gandini&rendina.it/

*/

/*Reset
****************************************************/
/*Yahoo! Reset CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*General
****************************************************/
body{
	margin: 0;
	font-family: "trebuchet ms","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #000 url('img/background/bg.jpg') no-repeat center top;
	background-attachment:fixed;
	color: #666;
	}
	
/*Fix the transparents inie6 */
img { behavior: url(scripts/iepngfix.htc); }

h1{	
	font-size: 24px;
	}
h2, p{
	padding: 0px 0 0 0;
	color:#fff;
	}
a:link, a:visited{
	text-decoration: none;
	color: #555;
	}
a:hover{
	
	color: #FFEC00;
	}
a.post-edit-link, a.comment-edit-link, #commentform a{color:#FF0000}
/*Basic layout
****************************************************/
#wrapper{
	margin: 0 auto ;
	width: 960px;
	text-align: left;
	}
#header{
	float: left;
	width: 100%;
	}
	#header_img{
		float: left;
		width: 100%;
		height:210px;
	}
		#logo{
			float: left;
			width:227px;
			height:210px;
		}
		#banner{
			float: right;
			width:701px;
			height:164px;
			margin: 35px 0 0 0;
		
			/*background:  url('img/banner.gif') no-repeat ;*/
		}
		#banner img{
			margin: 2px 0 0 15px ;border:none;float:right; border: 1px solid #333;
		}
	#menu{
		float: left;
		width: 100%;
		height:49px;
		background:  url('img/bg_menu.gif') no-repeat ;	
	}
	#navtabs{
			float:left;
			margin: 0 0 0 5px; 
			}
		#navtabs li{
			float:left;
			margin: 0 0 0 0px;
			padding:  0;
			display: inline;
			background:  url('img/spacer_menu.gif') no-repeat right top; 
			}
		
		#navtabs li a{ 
			font-size:18px;
			padding: 8px 25px 11px 25px;
			margin:0px 2px 0 0;
			color: #fff;
			display:inline-block;
			text-decoration:none;
			
			}
			#navtabs li a:hover{background:  url('img/bg_menu_h2.gif')  ;}  
		
		
		#navtabs li.current_page_item a{ background:  url('img/current_page2.gif') no-repeat center bottom;padding: 8px 25px 18px 25px;
			color: #FFEC00;
			} 
		#navtabs li.current_page_item a:hover{ background:  url('img/current_page2.gif') no-repeat center bottom;}
		/*Colore pulsante shop*/
		#navtabs li.page-item-2 a{color: #e83394 ; }
		#search{
			position:relative;
			top:9px;
			right:25px;
			float:right;
			}
		#search input{
		   	background-color: transparent;
		  	background:none;
			border: 0px;
			}
		#searchform input{
			font-size:14px; 
			color: #17110b;
			width:148px;
			margin: 4px 0 0 0;
			}
		#search button{
			position:relative;
			top:0px;
			width:19px;
			height:17px;
			cursor:pointer;
			background:  url('img/icon_search.gif') no-repeat right;
			border:none;
			}
			
#bg_container{
	margin:0px 0 0 0;
	float: left;
	width:960px;
	background:  url('img/bg_container.gif') repeat-y;
}
#container{
	margin:0px 0 0 0;
	float: left;
	width: 640px;
	background: #0A0A0A url('img/top_container.gif') no-repeat top;
	}
	.post{
		padding: 22px;
		}
	.date{
		float:left;
	    font-size:12px;
		color:#fff;
		padding:4px 0px 3px 7px;
		display:block;
		background:  url('img/bg_date_l.gif') no-repeat left;
		}
		.right_d{
			padding: 4px 2px 3px 0;
			background:  url('img/bg_date_r.gif') no-repeat right;
			}
	.post h2{
		font-size: 33px;
		font-weight:bold;
		color:#fff; 
		}
	.post h2.tit{float:left;}
	.post h2 a{color:#fff; }
			
	.post .c_title{
		margin-top:0;
		
		width:100%; 
		min-height:50px;
		clear:both;
		}
		.post .pubb{float:left;color:#555; width:100%;margin-top:15px;#margin-top:-20px;}
		.post .com_num{
			display:block;
			width:43px;
			height:37px;
			float:right;
			background:  url('img/bg_com_num.gif') no-repeat ;
			margin: 10px 0 0 10px;
			padding: 0 0 0 14px;
			font-size: 23px;
			font-weight:bold;
			color:#fff; 
		}
		.post .com_num a{ color: #fff;}
		
	.entry{
		line-height: 18px;
		padding-bottom: 35px;
		
		border-bottom:1px solid #555;
		}
		.entry a{ color:#fff;
				text-decoration:underline;
		}
		.entry a:hover{ color: #FFEC00;
				
		}
		
		.alignnone{
			margin: 7px 0 10px 0;
			border: 1px solid #373737;} /*Propietà img post*/
		.sociable_tagline{ margin: 0 0 5px 0;}
		.sociable_tagline strong{
			background:  url('img/condividi.gif') no-repeat left;
			padding: 0 0 0 15px; 
			color:#fff;
			font-weight:bold;
			}
		a.com_link{
			background:  url('img/comments.gif') no-repeat left;
			padding: 0 0 0 15px; 
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			}
		a.com_link:hover{color:#FFEC00}
		
.navigation{
	padding: 10px 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
} 
.sidebar{
	float:right;
	width: 317px;
	height:100%;
	display: inline;
	background: #111111 url('img/top_sidebar.gif') no-repeat top;
	}
	.sidebar ul{
		list-style-type: none;
		margin: 0;
		padding: 0 10px 0 0px;
		}
	.sidebar ul.sidebar_container{padding: 0 0 0 17px}
	.sidebar ul li{
		padding: 10px 0 0px 0px; 
		}
	.sidebar ul li h2{
		
		font-size: 20px;
		}
		
	/* style of 3 widget-sidebar */
	.sidebar #sidebar1 h2{
		background:  url('img/next_event.gif') no-repeat top left; 
		text-indent: -9999px; 
		color:#1f1f1f; 
		height:30px; 
		margin: 0px 0 8px 0;
		}
	.sidebar #sidebar2 h2{
		background:  url('img/free_download.gif') no-repeat top left; 
		text-indent: -9999px; 
		color:#1f1f1f; 
		height:30px; 
		margin: 0px 0 8px 0;
		}	
	.sidebar #sidebar3 h2{
		background:  url('img/partner.gif') no-repeat top left; 
		text-indent: -9999px; 
		color:#1f1f1f; 
		height:30px; 
		margin: 0px 0 8px 0;
		}
	.sidebar #sidebar4 h2{
		background:  url('img/adv.gif') no-repeat top left; 
		text-indent: -9999px; 
		color:#1f1f1f; 
		height:30px; 
		margin: 0px 0 8px 0;
		}
	/* end style of 3 widget-sidebar */
	
	.sidebar li.newsletter h2{
		background:  url('img/newsletter.gif') no-repeat bottom left; 
		text-indent: -9999px; 
		color:#111; 
		height:40px; 
		margin: 0px 0 5px 0;
		}
	input.newsletterTextInput{ 
		border: none; 
		background:  url('img/bg_input.gif') no-repeat top right;
		padding: 0px 30px 0 10px;
		#padding: 3px 30px 0 0;
		height:22px;
		
		}
	input.submit{ 
		border:none;
		background:  url('img/subscribe.gif') no-repeat top right;
		height:22px;
		#height:25px;
		width:92px;
		
		}
	.line{border-bottom: 1px solid #323232; width:277px; height:20px;}
	.buttons{margin: 10px 0 0 0px;}
	.textwidget img{border: 1px solid #373737;}
	
	.sidebar li.linkcat h2{
		background:  url('img/blogroll.gif') no-repeat bottom left; 
		text-indent: -9999px; 
		color:#111; 
		height:40px; 
		margin: 0px 0 8px 0;
	}
	.sidebar li.linkcat ul, .sidebar li.cat ul,.sidebar li.arc  ul {margin: 0 0 0 5px;}
	.sidebar li.linkcat ul a, .sidebar li.cat ul a,.sidebar li.arc  ul a{color:#fff;}
	.sidebar li.linkcat ul a:hover, .sidebar li.cat ul a:hover,.sidebar li.arc  ul a:hover{color:#FFEC00;}
	.sidebar li.cat h2{
		background:  url('img/categorie.gif') no-repeat bottom left; 
		text-indent: -9999px; 
		color:#111; 
		height:40px; 
		margin: 0px 0 8px 0;
	}
	.sidebar li.arc h2{
		background:  url('img/archivi.gif') no-repeat bottom left; 
		text-indent: -9999px; 
		color:#111; 
		height:40px; 
		margin: 0px 0 8px 0;
	}
	.sidebar li.clo h2{
		background:  url('img/clouds.gif') no-repeat bottom left; 
		text-indent: -9999px; 
		color:#111; 
		height:40px; 
		margin: 0px 0 8px 0;
	}
	
#footer{


	width: 960px;
	height:112px;
	background: url('img/bg_footer1.png') no-repeat top;
	margin: 0 0 13px 0px; 
	}
#footer p{
	padding:10px;
	}
	#footer_top{
		float: left;
		width: 960px;
		height:17px;
		background: url('img/footer_top.gif') no-repeat top;
	}
	#footer_bot{
		float: left;
		width: 960px;
		height:117px;
		background: url('img/footer_bot.png') no-repeat top;
	}
		#footer_bot_left{float:left;}
			#footer_bot ul{
				margin: 20px 0 0 120px;
			}
			#footer_bot li {
				display: inline;
			}
			#footer_bot li a{
				font-size: 16px;
				color: #fff;
				font-weight: bold;
				padding: 0px 10px 0px 10px;
				display: inline-block;
				border-right: 2px solid #fff;
				height:25px;
			}
			#footer_bot p{margin: 5px 0 0 120px;}
			
		#footer_bot_right{float:right;}
		#footer_bot_right p{margin: 10px 20px 0 0px; text-align:right}
		#footer_bot_right img{margin: 10px 25px 0 0px;}
/*Comment style*/
.comments-template h2{font-size:20px;margin: 20px 0 0 0 }
.comments-template input{margin: 2px 0 2px 0; color: #fff;}
.comments-template #submit{color:#000;}
cite{color:#FFEC00}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #0a0a0a;
	border: 1px solid #333;
	padding: .2em;
	}
#commentform textarea {
	width: 98%;
	color: #fff;
	}
#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
	}
#commentlist li .avatar {
	float: right;
	margin:15px 25px 0 0;
	border: 1px dotted #ccc;
	padding: 2px;
	}
#commentlist li{
	margin: 0px 0 15px 0;
	}
#commentlist li p span{
	font-size:15px;
	font-weight:bold;
	}
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */







