/*
Theme Name: Mario Labolani
Description: Mario Labolani Theme.
Version: 1.0
Author: Andrea Ravizzola
Tags: white, fixed width, two columns
*/

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

* Colors:
	- azzurro / #1766A8 (23,102,168)

* Fonts:
	- body: Arial, Helvetica, 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, 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;}
blockquote, q{quotes: none;}
/******************** reset ********************/

/******************** basic elements ********************/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #FFF;
	color: #000;
	background-image: url(images/body_bg.gif);
	background-position: center 234px;
	background-repeat: repeat-x;
}
	h1,h2,h3,h4,h5,h6{font-weight: normal;}
	a{text-decoration: none;}
/******************** 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{height: 235px;margin: 0 0 40px;}

div#content{width: 620px;float: left;}
div#sidebar{width: 300px;float: right;}

div#footer{clear: both;}
/******************** basic layout ********************/


/******************** header ********************/
div#header{position: relative;background: #FFF url(images/header_bg.jpg) no-repeat 0 0;}
	#header h1{
		width: 275px;
		height: 67px;
		background-image: url(images/labolani.png) !important;
		background-image: url(images/labolani.gif);
		background-repeat: no-repeat;
		text-indent: -99999px;
		position: absolute;
		top: 169px;
		left: 20px;
	}
		#header h1 a{display: block;width: 275px;height: 67px;}
	
	#header h2{
		width: 222px;
		height: 23px;
		background-image: url(images/la_voce_della_leonessa.png) !important;
		background-image: url(images/la_voce_della_leonessa.gif);
		background-repeat: no-repeat;
		text-indent: -99999px;
		position: absolute;
		top: 212px;
		left: 709px;
	}
	
	#header ul{position: absolute;top: 40px;left:-50px;}
		#header li{
			font-size: 14px;
			line-height: 34px;
			height: 34px;
			float: left;
			display: inline;
			margin: 0 20px 0 0;
			text-transform: lowercase;
		}	
			#header li a{color: #333;}
			#header li.current_page_item a{color: #1766A8;}
			
			#header li.page_item{background-repeat: no-repeat;background-position: 0 0;text-indent: -99999px;}
								
				#header li.page-item-2554{background-image: url(images/gallery.gif);width: 73px;}
				#header li.page-item-2{background-image: url(images/biografia.gif);width: 89px;}
				#header li.page-item-2550{background-image: url(images/appuntamenti.gif);width: 130px;}
				#header li.page-item-2558{background-image: url(images/contatti.gif);width: 75px;}
				
				#header li.page_item a{display: block;height: 34px;}
				#header li.page-item-2554 a{width: 73px;}
				#header li.page-item-2 a{width: 89px;}
				#header li.page-item-2550 a{width: 130px;}
				#header li.page-item-2558 a{width: 75px;}
/******************** header ********************/


/******************** content ********************/
div#content{font-size: 14px;line-height: 22px;}
	#content h2{font-size: 18px;line-height: 22px;color: #1766A8;margin: 0 0 20px;}
	#content a{color: #1766A8;}
	
	.dbem_events_list{}
		.dbem_events_list li{margin: 0 0 20px;}
		.dbem_events_list li h3{margin: 0 0 5px;font-weight: bold;}
		.dbem_events_list li div.line{padding: 0 0 20px;margin: 0 0 20px;border-bottom: 1px solid #1766A8;}
		
		.start,.end,.location{color: #1766A8;}
	
	/******************** .home ********************/
	.home{}
		.home #content{width: 940px;float: none;margin: 60px 0 0 0;}
		
		.home #content ul{margin: 0;}
			.home #content li{width: 300px;margin: 0 20px 40px 0;position: relative;float: left;}
			.home #content li:nth-child(3n+3){margin: 0 0 40px 0;}
			.home #content li.last{margin: 0 0 30px;}
			.home #content li.first{clear: left;}
			
				.home #content li div.image{width: 300px;height: 180px;position: relative;}
					.home #content li div.image span{width: 34px;height: 34px;display: block;position: absolute;top: 30px;right: 0;text-indent: -99999px;background: url(images/thum_more.gif);}
			
				.home #content li div.entry{font-size: 12px;line-height: 16px;width: 300px;}
					.home #content li div.entry h3{font-size: 18px;line-height: 22px;color: #1766A8;margin: 0 0 20px;}
					.home  #content li div.entry p{font-size: 12px;line-height: 16px;margin: 0;}
	/******************** .home ********************/
	
	/******************** .single ********************/
	.single{}
		
		.single .post{margin: 0 0 20px;}
		.page .post{margin: 0 0 20px;}
			
			.single .meta{margin: 0 0 20px;}
			
			.single .entry{}
				.single .entry p{margin: 0 0 20px;}
				.page .entry p{margin: 0 0 20px;}
			
			.single .tags{}
				.single tags p{}
		
		#respond{}
	/******************** .single ********************/
	
	/******************** .archive,.search ********************/
	.archive,.search{}		
		.archive #content ul,.search #content ul{margin: 0;}
			.archive #content li,.search #content li{width: 620px;height: 180px;margin: 0 0 40px;position: relative;}
			
				.archive #content li div.image,.search #content li div.image{width: 300px;height: 180px;position: relative;}
					.archive #content li div.image span,.search #content li div.image span{width: 34px;height: 34px;display: block;position: absolute;top: 30px;right: 0;text-indent: -99999px;background: url(images/thum_more.gif);}
			
				.archive #content li div.entry,.search #content li div.entry{font-size: 12px;line-height: 16px;width: 300px;position: absolute; right: 0;bottom: 0;}
					.archive #content li div.entry h3,.search #content li div.entry h3{font-size: 18px;line-height: 22px;color: #1766A8;margin: 0 0 20px;}
					.archive  #content li div.entry p,.search  #content li div.entry p{font-size: 12px;line-height: 16px;margin: 0;}
	/******************** .archive,.search ********************/
	
/******************** content ********************/


/******************** sidebar ********************/
div#sidebar{}
	
	#sidebar h3{font-size: 18px;line-height: 26px;color: #FFF;background: url(images/sidebar_h3_bg.gif) repeat-x 0 0;padding: 0 0 0 5px;}
	
	#sidebar a{color: #333;}
		#sidebar a:hover{color: #1766A8;}
	
	#sidebar .left{float: left;width: 140px;}
	#sidebar .right{float: right;width: 140px;}
	
	div#search{position: relative;margin: 0 0 30px;}
		#search form{position: relative;width: 300px;height: 26px;}
			#search input{
				border: 1px solid #1766A8;
				width: 269px;
				height: 16px;
				line-height: 16px;
				font-size: 12px;
				margin: 0;
				padding: 4px 0 4px 4px;
				margin: 0;
				vertical-align: middle;
				position: absolute;
				top: 0;
				left: 0;
			}
			#search button{
				width: 25px;
				height: 26px;
				margin: 0;
				padding: 0;
				border: none;
				cursor: pointer;
				position: absolute;
				top: 0;
				right: 0;
				text-indent: -99999px;
				background-image: url(images/search.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				display: block;
			}
				#search button:focus{margin: 0;padding: 0;}
	
	#archive{}
		#archive div{width: 140px;margin: 0 0 30px;}
		#archive h3{margin: 0 0 10px;}
		#archive ul{}
			#archive li{margin: 0 0 10px;font-size: 12px;line-height: 16px;}
	
	#extra{}
		#extra div{width: 140px;margin: 0 0 30px;}
		#extra h3{margin: 0 0 10px;}
		#extra ul{}
			#extra ul ul{margin: 0 0 20px;}
			#extra li{margin: 0 0 5px;font-size: 12px;line-height: 16px;}
			#extra h4{font-size: 12px;line-height: 18px;color: #1766A8;font-weight: bold;}
		
		.pagespecial{width: 300px;}
			.pagespecial ul ul{margin: 0 0 20px;}
				.pagespecial li{margin: 0 0 10px;font-weight: bold;}
				.pagespecial li li{margin: 0 0 5px 10px;font-weight: normal;}
	
	#sidebar .events{width: 300px;}
		#sidebar .events table{width: 200px;margin: 0 0 0 50px;}
	
	#sidebar .tags{width: 300px;clear: both;}
	
	#sidebar .archive{margin: 0 0 10px;padding: 10px 0;}
	#sidebar .widget_polls-widget form,#sidebar .wp-polls{margin: 10px 0 0;}
	#sidebar p{text-align: left;}
/******************** 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: 10px;
	list-style: none;
	border: 1px solid #CCC;
}
	.commentlist li.comment-author-admin{border: 1px solid #1766A8;}
	.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 */