/*
Theme Name: SpazioArnaldo
Description: The Spazio Arnaldo Theme.
Version: 2.0
Author: Andrea Ravizzola
Tags: brown, fixed width, two columns
*/

/*--------------------------------------------------
Author: Andrea Ravizzola

* Colors:
	- bianco / #FEFEFE (254,254,254)
	- grigio-marrone vitton / #49372C (73,55,44)
	- grigio-marrone vitton / #593D2B (89,61,43)

* Fonts:
	- body: Arial, Helvetica, sans-serif
	- h1,h2,h3,h4,h5,h6: Helvetica, Arial, sans-serif
--------------------------------------------------*/

/******************** reset ********************/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{line-height: 1;}
ol, ul{list-style: none;}
/******************** reset ********************/

/******************** basic elements ********************/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #593D2B;
	color: #FFF;
}
	a{text-decoration: none;color: #FFF;}
		a:hover{text-decoration: underline;}
		
	h1,h2,h3,h4,h5,h6{font-family: Helvetica, Arial, sans-serif;font-weight: normal;text-transform: uppercase;}
/******************** basic elements ********************/


/******************** generic classes ********************/
.center{text-align: center;}
.clear{clear: both;}
.hidden{display: none;}
/******************** generic classes ********************/


/******************** basic layout ********************/
div#main{margin: 0 auto;width: 940px;position: relative;}

div#header{width: 940px;height: 220px;background-image: url(images/header_bg.jpg);}

div#content{width: 620px;padding: 20px;float: left;background-color: #35251A;}
div#sidebar{width: 220px;padding: 20px;float: right;background-color: #35251A;}

div#footer{clear: both;}
#bg{width: 100%;height: 10px;position: absolute;top: 175px;left: 0;background: url(/images/body_bg.gif) repeat-x center 0;z-index: 1;}
/******************** basic layout ********************/


/******************** header ********************/
div#header{position: relative;}
	#header h1{width: 418px;height: 44px;position: absolute;top: 35px;left: 271px;}
		#header h1 a{
			display: block;
			width: 418px;
			height: 44px;
			text-indent: -99999px;
			background-image: url(/images/spazio_arnaldo.png) !important;
			background-image: url(/images/spazio_arnaldo.gif);
			background-position: 0 0;
			background-repeat: no-repeat;
		}
			#header h1 a:hover{background-position: 0 -44px;}
	
	#header p{font-size: 18px;line-height: 18px;text-transform: uppercase;color: #FFF;position: absolute;bottom: 10px;left: 10px;}
	
	#header ul{position: absolute;top: 56px;left: 20px;}
		#header li{text-transform: uppercase;}
/******************** header ********************/


/******************** content ********************/
div#content{}
	#content h2{font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FFF;margin: 0 0 10px;}
	#content p{}
	#content a{}
	
	/******************** .home ********************/
	.home{}
		.home #content ul{}
			.home #content li{position: relative;float: left;display: inline;margin: 0 20px 20px 0;}
			.home #content li.last{margin: 0 0 20px;}
			.home #content li:nth-child(even){margin: 0 0 20px;}
				
		.home #eventi{}
			.home #eventi li{width: 280px;height: 120px;padding: 9px;border: 1px solid #FFF;}
				.home #eventi li h3{font-size: 18px;line-height: 22px;margin: 0 0 10px;}
				.home #eventi li p{font-size: 12px;line-height: 18px;}
					.home #eventi li p.more{position: absolute;bottom: 0;right: 0;background: url(images/more.gif) no-repeat 0 0;width: 20px;height: 20px;text-indent: -99999px;}
						.home #eventi li p.more a{display: block;width: 20px;height: 20px;}
				
		.home #photogallery{margin: 40px 0 0;}
			.home #photogallery li{}
				.home #photogallery li div.image{width: 298px;height: 198px;border: 1px solid #FFF;position: relative;margin: 0 0 5px;}
					.home #photogallery li div.image span{position: absolute;bottom: 0;right: 0;background: url(images/more.gif) no-repeat 0 0;width: 20px;height: 20px;text-indent: -99999px;display: block;}
				.home #photogallery li div.entry{}
					.home #photogallery li div.entry h3{font-size: 18px;line-height: 22px;}
	/******************** .home ********************/
	
	/******************** .ngg ********************/
	.ngg-galleryoverview{margin: 40px 0 0;}
		.ngg-gallery-thumbnail-box{width: 298px;height: 198px;border: 1px solid #FFF;position: relative;float: left;display: inline;margin: 0 20px 20px 0;}
			.ngg-gallery-thumbnail-box.last{margin: 0 0 20px;}
			.ngg-gallery-thumbnail-box:nth-child(even){margin: 0 0 20px;}
	/******************** .ngg ********************/
	
	/******************** .single ********************/
	.single{}
		
		.post{margin: 0 0 20px;}
			.post h2{}
			.post .meta{margin: 0 0 20px;}
			
			.post .body{margin: 10px 0 0;}
				.post .body p{margin: 0 0 20px;}
			
			.post .postinfo{margin: 20px 0;}
				.post .postinfo h3{font-size: 18px;line-height: 22px;}
		
		#respond{}
	/******************** .single ********************/
	
	/******************** .archive ********************/
	archive{}
		.archive #content  ul{}
			.archive #content li{position: relative;float: left;display: inline;margin: 0 20px 20px 0;}
			.archive #content li.last{margin: 0 0 20px;}
			.archive #content li:nth-child(even){margin: 0 0 20px;}
				.archive #content  li div.image{width: 298px;height: 198px;border: 1px solid #FFF;position: relative;margin: 0 0 5px;}
					.archive #content li div.image span{position: absolute;bottom: 0;right: 0;background: url(images/more.gif) no-repeat 0 0;width: 20px;height: 20px;text-indent: -99999px;display: block;}
				.archive #content li div.entry{}
					.archive #content li div.entry h3{font-size: 18px;line-height: 22px;}
	/******************** .archive ********************/
	
/******************** content ********************/


/******************** sidebar ********************/
div#sidebar{}
	
	#sidebar h3{font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FFF;margin: 0 0 10px;}
	#sidebar a{}
	
	#sidebar ul{}
		#sidebar li{margin: 0 0 10px;font-size: 12px;line-height: 16px;text-transform: uppercase;}
	
	#sidebar div{margin: 0 0 30px;}
	
	
	#calendario-eventi{}
		#calendario-eventi a{text-decoration: none;color: #FFF;}
			#calendario-eventi a:hover{text-decoration: underline;}
		
		#calendario-eventi td.month_name{text-transform: uppercase;}
		#calendario-eventi tr.days-names td{text-transform: uppercase;}
		
		#calendario-eventi td.eventless{color: #666;}
		#calendario-eventi td.eventless-pre,#calendario-eventi td.eventless-post{color: #333;}
		#calendario-eventi td.eventless-today{background-color: #333;color: #CCC;}
		
		#calendario-eventi td.eventful{color: #FFF;font-weight: bold;}
		#calendario-eventi td.eventful-today{background-color: #666;}
/******************** sidebar ********************/


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



/* Begin Form Elements */
.entry form {/* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select{width: 130px;}

#commentform input{width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform{margin: 5px 10px 0 0;}
#commentform textarea{width: 100%;padding: 2px;}
#respond:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#commentform #submit{margin: 0 0 5px auto;float: right;}
/* End Form Elements */



/* Begin Comments*/
.alt{margin: 0;padding: 10px;}
.commentlist{padding: 0;text-align: justify;}
.commentlist li{margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li{margin-right: -5px;margin-left: 10px;}
.commentlist p{margin: 10px 5px 10px 0;}
.children{padding: 0;}

#commentform p{margin: 5px 0;}

.nocomments{text-align: center;margin: 0;padding: 0;}
.commentmetadata{margin: 0;display: block;}
/* End Comments */



/* Begin Various Tags & Classes */
acronym,abbr,span.caps{cursor: help;}
acronym,abbr{border-bottom: 1px dashed #999;}

blockquote{margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite{margin: 5px 0 0;display: block;}

.screen-reader-text{position: absolute;left: -1000em;}

a img{border: none;}

.navigation{display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,div.aligncenter{display: block;margin-left: auto;margin-right: auto;}

.wp-caption{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img{margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text{font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */