/*
Theme Name: Integratori Proaction
Theme URI: http://www.integratoriproaction.com
Description:
Version: 2.0
Author: Claudio Simeone
Author URI: http://www.studio404.it/
*/

.left {float: left; margin: 5px 10px 0 0; }

a.blogname {color: #009900; margin: 0 13px; padding:0;}

td {vertical-align: top; padding: 0; margin:0;}


#topbar {
	border-bottom: 1px #c1b105 solid; 
	padding: 5px 0; 
	font-size: 1.1em; 
	margin: 0 0 20px 0; 
	background: url("images/topbar_bk.gif") ; 
	color: #00aa00; 
	width: 100%;
}

#topbar a {padding: 0.5em; text-decoration:underline; color: color: #006666 ; font-weight:normal;} 

.kotakkanan{
	margin: 0px;
	padding: 10px 10px 9px 10px;
	float: left;
	width: 282px;
	text-align: justify;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7002D;
	background-color: #FFFFFF;
	font-family: Arial , sans-serif;
	font-size: 1.2em;
	vertical-align: top;
	position:relative; top:-77px !important;
	top:-77px;
}

.kotakkanan h2{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	
}


/* Begin Typography & Colors */
.adskiri {
	float: left;
	clear: left;
	margin: 2px 4px 0px 0px;
	padding: 6px 2px 6px 0px;
}
.adskanan {
	float: right;
	clear: right;
	margin: 2px 0px 0px 4px;
	padding: 6px 0px 6px 2px;
}
.adstengah {
	margin: 2px auto;
	padding: 4px 0px;
	text-align: center;
}

.pagenumber {
	text-align: right;
	clear: both;
	font-weight: bold;
	padding-top: 6px;
	margin-top: 10px;
}
 .kosong 
 {
	clear: both;
 }

	
.odd {background-color: #eee;}
.even {background-color: #ccc;}

#page {
	background-color: transparent;
	text-align: left;
  background-image: url(images/page_back.gif);
	width: 790px;
	margin-bottom: 20px;
	padding:0;

/*	margin-top: 0px;
	margin-bottom: 0px; */
	
	margin-right: auto;
	margin-left: auto;
	border-top: 1px #D7002D solid;
	border-bottom: 2px #D7002D solid;
  vertical-align:top;
	}

#primary {
	margin: 0 0 0 130px; /* se 15 lo metti a 20 sputtani il layout */
	padding:0; 
	padding-top:75px; 
	display: block;  
	font-family:arial ,sans-serif; 
	font-weight: bold;
	}

#primary li {display:inline; display: block; float:right; margin-left: 15px; padding-left: 15px; color: #fff;}

#primary li a{display:inline; text-decoration:none; padding: 3px 0;  color: #fff;   }

#primary li a:hover{display:inline; padding: 3px 0; color: #fff ;background: none;  }

#header {
	background: transparent url(images/testata.jpg) top left no-repeat;
	height: 95px;
	margin: 0;
	padding: 0;
	border-bottom:1px #888 solid;
}

#header h1{
	color: #FFFFFF;
	padding-left: 20px;
	font-size: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.antara {
/*	background-image: url(images/antara.jpg); */ 
background: none;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Verdana , Arial , Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Verdana , sans-serif;
	font-weight: bold;
	}

h1, h2 {
	font-size: 1.2em;
	}

h2.pagetitle {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color: #888;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	color: #555;
	}

.entry p a:visited {
	color: #990000;
	}


.commentlist cite {padding: 0 ; margin-bottom: 10px;}
.commentlist small.commentmetadata {background: url("images/calendar.gif") center left no-repeat; padding: 0 0 0 18px; margin-bottom: 10px;}	
	
.commentlist li, #commentform input, #commentform textarea {
	font-size: 1em;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	}

.commentmetadata {
	font-weight: normal;
	font-family: Verdana , sans-serif;
	}

#leftsidebar, #rightsidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	position:relative; top: -85px;
	}

small, #leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #888;
	text-decoration: none;
	}

a:hover {
  color: #004890;
	text-decoration: underline;
	}

.narrowcolumn {
	float: left;
	margin: 0 auto;
  	width:477px;
	overflow: hidden;
	padding: 0 5px 0 5px;
	vertical-align:top;
}

.widecolumn {
	padding: 0 0 0 0;
	margin: 0 0 0 80px;
	width: 400px;
}

small.links {background: url("images/comment.gif") center left no-repeat; padding-left: 18px; }

.post img {padding: 5px; margin: 10px 5px 5px 0; border: 1px #ccc solid; clear: both; }

a:hover {color: #fff;}
	
	
.post {
	margin: 24px 0 12px 0;
	text-align: justify;
	line-height:1.55em;
	padding: 0 20px ;
	font-size: 1.1em;
	background: url("images/loghino.gif") bottom right no-repeat;
}

.post h2, .post h3 {
/*
background-image: url(images/p/unti.gif);
background-repeat: repeat-x;
background-position: 30px 30px;
*/
border-bottom: 2px dotted #888;
padding-bottom: 5px;
}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 5px 0 0 0 !important; 
	padding: 7px 0 1px 0 ;
	margin: 0 0 0 1px;
	width: 788px;
	clear: both;
	background: #d7002d /* url("images/footer.png") */ ; 
/* border-left: 1px #024890 solid;
	border-right: 1px #024890 solid; */ 
	
	border-bottom:none;
	vertical-align:middle;
	border-top: 4px #888 solid;
	text-align:center; 
	color: #fff;
	height: 18px;
		position:relative;
	top: -6px:
	vertical-align:top;

	}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
#footer a {
	color: #abc;
	font-weight: bold;
}

#footer a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #004890; ;
	text-decoration:underline;
}

.description {
	text-align: left;
	padding:  5px;
	font-size: 11px;
	font-weight: normal;
	color: #222;
	max-width: 450px !important;
	width: 432px;
	max-height: 50px !important;
	height: 50px;
	
	float:left;
	margin: 15px 0 0 20px !important;
	margin: 15px 0 0 10px ;
	border: 1px #ccc dotted;

	line-height: 1.5em;
	background-color: #eee;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 0px;
}



h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



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

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;

	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	list-style-type: square;
	padding: 0px;
	}


.entry ol {
	padding: 0 0 0 10px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


#leftsidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;
	color: #000000;
	padding-bottom: 0px;
}
	
#rightsidebar h2 {
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px dotted #FF0000; 
	margin: 5px 0 3px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #000000;
	/*padding-bottom: 3px;*/
}

#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
	margin: 0px;
	padding: 0px;
	}

#leftsidebar ul li, #rightsidebar ul li  {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 6px;
	margin-top: 0px;
	}

/*
#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul select {
	margin: 5px 0 8px;
	font-size: 11px;
	}

#leftsidebar ul ul, #leftsidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol {
	margin: 5px 0 0 5px;
	}

#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #leftsidebar ul ol li, #rightsidebar ul ol li  {
	list-style: decimal outside;
	}

#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li {
	margin: 3px 0px 0px;
	padding: 0px;
	}
	*/

#leftsidebar ul li ul {
	/*text-align: center;*/
	margin: 0 !important;
	margin: -20px 0 0 0;
	padding: 0;
	}
	
 
#rightsidebar ul li ul{
	margin: 0;
	padding: 0;
	}
	
	
	
#leftsidebar ul li ul li, #rightsidebar ul li ul li{
	list-style-type: none;
	list-style-image: none;
	margin: 2px;
}
/* End Entry Lists */

/* elementi sidebar */

#lista_categorie {
		text-align: center;
		font-size: 12px;
		line-height: 150%;
}


/* Begin Form Elements */

#searchform {
	margin: 10px 0 10px 0px;
	padding: 5px 0 0 0px; 
  text-align: center; 
/*	background: url("images/search.gif") left center no-repeat; */
}

#leftsidebar #searchform #s, #rightsidebar #searchform #s {
	width: 90px;
	padding: 2px;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	margin-right: 4px;
	}

#leftsidebar #searchsubmit, #rightsidebar #searchsubmit {
	padding: 1px;
	background-color: #dddddd;
	border: 1px solid #999999;
	font-size: 11px;
	}

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

select {
	width: 130px;
	}
	
	#commentform{
	  margin: auto;
		width: 98%;
		margin: 10px 0;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;
	}

#commentform textarea {
	width: 90%;
	padding: 10px;
	margin: 10px;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;

	}

#commentform #submit {
	margin: 0;
	float: right;
	
		margin: 10px 0;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
 
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin LEFT Sidebar */
#leftsidebar
{
	padding: 0 5px;
	margin-top: 0;
	margin-left:0px;
	font: 1em Verdana, Arial, Sans-Serif;
	color: #888888;
	width: 160px;
	float: left;
	margin-right: 5px;

	}
#leftsidebar form {
	margin: 0;
	}
/* End LEFT Sidebar */



/* Begin RIGHT Sidebar */
#rightsidebar
{
	margin-top: 0;
	margin-left: 0;
	float:right;
	font: 1em Verdana, Arial, Sans-Serif;
	color: #888888;
	width: 105px;
	padding: 0px;
	margin-right: 10px;
}

#rightsidebar form {
	margin: 0;
	}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #CCCCCC;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}

#leftsidebar a, #rightsidebar a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

 body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	margin: 0px;
	background-color: #ddd;
/* background-color: #88c3ea; */ 
	background: #fff url("images/body_back.jpg") top left repeat-x;  
	
	/* questi fanno crashare IE6 */
	
	/*
	scrollbar-face-color: #004890; 
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #FFEE00;
	scrollbar-edlight-color: #FFEE00;
	scrollbar-arrow-color: #FFEE00;
	scrollbar-track-color: #004890;
	scrollbar-darkshadow-color: #004890;
	*/
}

a, .post a {padding: 0 2px 1px 2px; color: #888; font-weight: bold;}
a:hover, .post a:hover {background-color: #eee; color: #555;}



.post h2 a:hover { background-color: #eee; color: #555; } 
.post h2 a {color: color: #004890; background: url("images/post.gif") center left no-repeat; padding: 0 5px 0 18px; width:100%;}
/* .post {border-top: 1px #ffee00 solid; } */
.post {border-top: 1px #ccc solid; } 
 
input[type="file"], fieldset , select , textarea , input[type="password"] , input[type="text"] {border:none; border: 1px #ccc solid; padding: 2px; }
input[type="submit"]:hover {background: #fff;}
input[type="submit"] {border: 1px #C3D6EE solid; padding:2px; border:1px #bbb solid; background: #cde url("images/bk_button.jpg") left center repeat-x;  }
input[type="submit"]:hover {background-color: #eee;}

/*
#rightsidebar h2 {
	border: none;
	background: url("images/title_back.gif") bottom left repeat-x; 
}
*/
	
div {vertical-align:top;}

.sociable img {
	border: none;
}

.sociable ul { display: inline;}
.sociable ul li { display: block; float: left; }
.sociable a { position:relative; top:0;display:block;
 border: none; 
 padding:0; 
 margin:0 2px;
 background: none; float: left; vertical-align:bottom;  
}
.sociable a:hover {background:none;}

h2 {clear: both; display:block;}

.allunga {
	height: 200px;
} 

.titolo_archivio {
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
.pulisci {
	clear: both;
}

.landing {
	clear: both;
	margin-left: 10px;
}

.landing h2 {
	margin-top: 12px;
}