/*  
Theme Name: Barcollo ma non mollo
Theme URI: http://www.barcollomanonmollo.eu/
Description:
Version: | prima puntata
Author: Michele Iosi
Author URI: 
*/



/* STRUTTURA */

html {
	height: 100%;
}

body {
	padding:0px;
 	text-align: left;
	color: #444;
	line-height: 150%;
	background: #ffffff;
	background-color: #fff;
	background: url('images/bg2.jpg') no-repeat;
	font-family: "Trebuchet MS", sans-serif;
 	font-size: 11px;
	color: #000000;
	}



#page {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 20px auto 0px; 
	WIDTH: 640px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: left;
	BORDER-RIGHT-WIDTH: 0px;
	height: 100%
}

 

#wrapper {
  width: 100%;
}
 
#content {
  float: left;
  width: 435px;
padding: 10px;
}
 
#footer {
float: left;
clear: both;
margin-top: 30px;
height: 15px;
width: 640px;
background: url(images/footer_bg.gif) bottom repeat-x;
}

#copyright {
clear: both;
width: 410px;
margin-right: 150px;
float: left;
}
			
#impressum {
width: 80px;
float: left;
text-align: right;
}
 
 
#header {
height: 65px;
width: 640px;
margin-bottom: 30px;
padding: 10px;
}	 
 
#sidebar h2 {
		font-size: 12px;
		font-weight: bold;
		color: #938f90;
	}
 
#post h2 {
		font-size: 13px;
		font-weight: bold;
		color: #938f90;
	}


 #sidebar {
  width: 140px;
  height: 100%;
  margin-left: 70%;
  padding: 5px;
  border-left:1px solid #e9e9e9;
}


#sidebar, #sidebar ul, #sidebar ol, #sidebar li { list-style-type: none; }
#sidebar ul li, #sidebar .blogroll ul li li {background: url('images/bullet.gif') no-repeat left center; padding-left: 10px; padding-top: 10px;}
#sidebar .blogroll ul li {background: none; padding: 0;}
#sidebar .block, #sidebar .linkcat { margin-bottom: 5px; }

	

			#menu {
				height: 65px;
				width: 640px;
				float: left;
			}
				#menu ul {
					list-style: none;
				}
				
				#mainmenu li {
					text-align: center;
					float: left;
					height: 65px;
					width: 100px;
				}
				
				#mainmenu li a {
					display: block;
					font-size: 14px;
					font-weight: bold;
					color: #938f90;
					padding: 25px 0 0 0; 
				}
				
				#mainmenu li a:hover {
					color: #2d2b2d;
				}
				
				#mainmenu li a:visited {
					font-style: normal;
				}
				
				#mainmenu li a.home:hover {
					background: url(images/home_hover.gif) no-repeat;
				}		
				
				#mainmenu li a.folio:hover {
					background: url(images/folio_hover.gif) no-repeat;
				}	
				
				#mainmenu li a.about:hover {
					background: url(images/about_hover.gif) no-repeat;
				}	
				
				#mainmenu li a.contatti:hover {
					background: url(images/contatti_hover.gif) no-repeat;
				}
				
				#mainmenu li a.blog:hover {
					background: url(images/blog_hover.gif) no-repeat;
				}
				
				#mainmenu li a#home_active, #mainmenu li a#folio_active, #mainmenu li a#about_active, #mainmenu li a#contatti_active, #mainmenu li a#blog_active {
					color: #2d2b2d;
					height: 65px;
					display: block;
				}
				
				#mainmenu li a#home_active {
					background: url(images/home_active.gif) no-repeat;
				}
				
				#mainmenu li a#folio_active {
					background: url(images/folio_active.gif) no-repeat;
				}
				
				#mainmenu li a#about_active {
					background: url(images/about_active.gif) no-repeat;
				}
				
				#mainmenu li a#contatti_active {
					background: url(images/contatti_active.gif) no-repeat;
				}
				
				#mainmenu li a#blog_active {
					background: url(images/home_active.gif) no-repeat;
				}
				

				/* <------------ Font Styles ------------> */

	img {
        border: none;
        text-decoration: none;
		margin: 5px 5px 5px 5px;
        }
		

img.alignright, img[align="right"] { padding: 4px 0 0 0; margin: 0 0 5px 5px; display: inline; }
img.alignleft, img[align="left"] { padding: 4px 0 0 0; margin: 0 5px 5px 0; display: inline; }		
				

#content-right p {
	width: 380px;
	margin-bottom: 15px;
}

.details {
	font-style: italic;
	color: #2d2b2d;
}

	/* <------------ Links ------------> */
	a {
		color: #000000;
		text-decoration: none;
		outline: none;
		font-weight: 600;
	}
	
	p a {
		border-bottom: 1px dotted;
		font-weight: normal;
	}
	
		a:hover {
		color: #990000;
		text-decoration: none;
		outline: none;
		}

		a:visited {
		}
		
	/* <------------ Headlines ------------> */
	h1 {
		text-indent: -5px;
		font-size: 34px;
		letter-spacing: -1px;
		line-height: 40px;
		font-weight: 640;
		color: #3f3f3f;
	}
	
	/* <------------ Main-Headline Sub ------------> */
	h2 {
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
		color: #938f90;
	}
	
	/* <------------ Main-Headline Content ------------> */
	h3{
		margin-bottom: 5px;
		font-size: 18px;
		width: 370px;
		line-height: 24px;
		font-weight: bold;
		color: #3f3f3f;
	}
	
	h3 a{
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		color: #3f3f3f;
	}
	
	h3 a:hover{
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		color: #938f90;
	}
	
	/* <------------ Footer ------------> */
	h4 {
		font-size: 9px;
		font-weight: normal;
		color: #000000;
	}
	
	/* <------------ Main-Headline Folio ------------> */
	h5 {
		font-size: 40px;
		letter-spacing: -1px;
		font-weight: bold;
		color: #3f3f3f;
		padding-bottom: 10px;
	}
	
	/* <------------ Contact Headlines ------------> */
	h6 {
		font-size: 11px;
		font-weight: 600;
		color: #3f3f3f;
		padding-top: 0px;
		margin-bottom: 0px;
	}
	
	em {
		font-weight: normal;
		font-style: italic;
		font-size: 11px; 
		color: #2d2b2d;
	}
	
	/* <------------ Copys ------------> */
	

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


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