body {
		margin: 0;
		padding: 0;
		background: #fff url(http://www.matteocrippa.it/static/img/1.JPG) left bottom fixed no-repeat;
		-moz-background-size: cover;
		background-size: cover;
		color: #000;
		
		font-family:"Tahoma";
		font-size:13px;
		
	}
	@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */
		body {	
			-moz-background-size: 1024px 768px;
			background-size: 1024px 768px;
		}
	}
	
	#container {
		margin: 20px auto;
		width: 600px;
		padding: 25px;
		background: rgba(255, 255, 255, 0.4) none;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	h1 {
		margin: 0;
		color: #395735;
	}
	p {
		margin: 10px 0 0;
	}
	
	a {
		color: #395735;
	}
	
	.sigla{
		top: 24px;
		right: 24px;
		width: 100px;
		height: 30px;
		position:fixed;
		background: transparent url(http://www.matteocrippa.it/static/img/sigla.png);
		opacity:0.4;
		filter:alpha(opacity=40);
	}
	
	.home{
		top: 212px;
		left: -1px;
		width: 65px;
		height: 38px;
		border: 1px solid rgb(0,0,0);
		position: fixed;
		background: -moz-linear-gradient(100% 100% 90deg, rgb(220,220,220), rgb(250,250,250));
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(220,220,220)), to(rgb(250,250,250)));	
	}
	
	.homelogo{
		left: 35px;
		top: 10px;
		position: relative;
	}
	
	#menu{
		top: 212px;
		left: 80px;
		height: 38px;
		border: 1px solid rgb(0,0,0);
		position: fixed;
		background: -moz-linear-gradient(100% 100% 90deg, rgb(220,220,220), rgb(250,250,250));
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(220,220,220)), to(rgb(250,250,250)));	
	}
	
	#menu span{
		top: 10px;
		position: relative;
		margin-left:10px;
		padding-right:5px;
	}
	
	#menu a:link, #menu a:visited {
		color: #000;
		display: inline-block;
		height: 30px;
		text-decoration: none;
	}
		
	a:hover, #menu .active a {
		background-color:transparent !important;
		color: #4d7c47 !important;
		text-shadow: none !important;
	}
	
	
	img {
		border: 0px none;
	}
	
	#about {
		
		margin: auto;
		
		font-style: normal;
		margin-bottom: 1em;
		overflow: hidden;
		padding: 25px;
		text-align: left;
		width: 800px;

		background: rgba(255, 255, 255, 0.4) none;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}

	#about .primary {float: left; width: 165px;}
	#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
	#about .photo {float: left; margin: 5px 20px;}

	#about .url:link, #about .url:visited {text-decoration: none;}

	#about .bio {float: right; width: 500px; font-size: 0.9em;}
	
	#banner h1 {font-size: 3.571em; line-height: .6;}
	
	#banner h1 a:link, #banner h1 a:visited {
			color: #395735;
			display: block;
			font-weight: bold;
			margin: .2em 0 .6em .2em;
			text-decoration: none;
			width: 557px;
		}
	
	#banner h1 a:hover, #banner h1 a:active {
			background: none;
			color: #4d7c47 !important;
			text-shadow: none;
		}

	#banner h1 strong {font-size: 0.30em; font-weight: normal;}


	
.awesome, .awesome:visited {
	background: #222 url('../img/alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; text-decoration:none;}
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }


 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#2daebf !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #000000 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #000000 !important; //Text input field border color
   background-color:#000000 !important; //Text input field background color
 }
		
/* Blog */
.hentry {
	padding: 1.5em 0;
}
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}

.entry-title {font-size: 1.429em; margin-bottom: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none;}

.hentry .post-info * {font-style: normal;}

	/* Content */
	.hentry footer {margin-bottom: 2em;}
	.hentry footer address {display: inline;}
	#posts-list footer address {display: block;}

	/* Blog Index */
	#posts-list {list-style: none; margin: 0;}
	#posts-list .hentry { position: relative;}
	
	

	#posts-list footer {
		left: 10px;
		position: absolute;
		top: 1.5em;
		width: 190px;
	}
	
	figure img {display: block; float: right;}
	
	figure {
		float: right;
		margin: 0.786em 2em 0 5em;
		width: 200px;
	}