/*  
Theme Name: TUT(ti)TACCHI
Theme URI: http://www.cianomagenta.com
Description: HART. 
Version: 0.1
Author: Porpez
Author URI: http://www.cianomagenta.com
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-attachment: fixed;
	color: #FF3300;
	}

	#wrapper {
		width: 564px;
		margin: 0px;
		background: url("./images/wrap_3.jpg") repeat-y;
		}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER, HEADINGS, what not
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#header {
	width: 528px;
	height: 300px;
	margin: 0 auto;
	background: #FFFFFF url("./images/header_001.jpg");
	text-align: center;
	padding: 0px;
	}
	
	h1 {
	margin: 0 0 0 20px;
	font-size: 2.8em;
	font-weight: normal;
	color: #FF3300;
		}
		
		h1 a, h1:visited { color: #FF6600; text-decoration: none; }
		
	.description {
		margin: 0 0 0 35px;
		color: #FF3300;
		font-size: 1.2em;
		}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TOP BAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#topbar {
	width: 527px;
	height: 20px;
	background: #000000;
	margin: 0 auto;
	border-bottom: 0px none;
	font-style: normal;
	word-spacing: normal;
	}
	
	#topbar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		#topbar ul li {
	list-style: none;
	float: left;
	color: #fff;
	font-size: 13px;
	word-spacing: normal;
	font-family: Helvetica;
	font-weight: bold;
			}
			
			#topbar ul li a, #topbar ul li a:visited {
	float: left;
	padding: 3px 0px 0px 15px;
	height: 22px;
	color: #fff;
	text-decoration: none;
				}
				
				#topbar ul li a:hover {
	height: 20px;
	font-family: Helvetica;
	font-size: 13px;
	color: #FF3300;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
	width: 527px;
	margin: 0 auto;
	text-align: center;
	padding: 85px 0 0 0;
	background-color: #FFFFFF;
	background-image: url("./images/bgcolorCONTENT.jpg");
	}
	
	h4 a {
		color: #FF3300;
		text-decoration: none;
		}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post {
	padding: 28px 0 20px 0;
	}
		
	.post h2 {
		font-size: 1.9em;
		font-weight: normal;
		color: #FF3300;
		margin: -10px 20px 0 30px;
		}
		
		.post h2.single { margin: -10px 20px 12px 30px; }
		
		.post h2 a {
	color: #FF3300;
	text-decoration: none;
	font-family: Helvetica;
	font-size: 32px;
	font-weight: bold;
			}
			
			.post h2 a:hover { color: #FF6600; }
			
	.post .data {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
		}
		
		.post h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #FF3300;
			margin: 25px 20px -10px 0;
			}
			
			#content>.post h3 { margin-bottom: 8px; } /* FF Specific */
		
			.post h3 a {
				color: #333333;
				text-decoration: none;
				}

	.entry {
	width: 500px;
	margin: 10px auto 0;
	font-size: 12px;
	color: #666666;
	font-family: Helvetica;
	text-align: center;
		}
		
	.entry a img {
	border: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	
	}
	
		.postmetadata {
	width: 524px;
	margin: 0px;
	border-top: 0px 0;
	border-bottom: 0px 0;
	text-align: center;
	font-size: 11px;
	padding: 0px 0px 0px 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: 0;
	border-left-style: 0;
	color: #999999;
	left: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
			}
			
			.postmetadata#single { margin: 0 auto 30px auto;	}
			
			.postmetadata small {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}			
			
			.postmetadata a {
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
				}
				
				.postmetadata a:hover {
	color: #6600CC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
				
				

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST PARAPHERNALIA
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

		blockquote {
			margin: 10px 0 10px 30px;
			padding: 0 0 0 5px;
			border-left: 3px solid #4C8EDA;
			color: #666;
			}
		
		.post ul {
			margin: 10px 0 ;
			padding: 0 0 0 37px;
			}
		
		.post a {
	color: #666666;
	text-decoration: none;
			}
		
		.post a:hover { color: #6600CC; }
		
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.navigation {
	width: 507px;
	height: 18px;
	margin: 0 auto;
	font-size: 14px;
	padding: 8px 10px;
	}
	
	.navigation a { color: #333333;	text-decoration: none; }
	.navigation a:hover { color: #FF3300; }
	
	.alignleft {
		float: left;
		text-align: left;
		}
	
	.alignright {
		float: right;
		text-align: right;
		}
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS and COMMENT FORM
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#commentformarea {
	width: 550px;
	border-top: 0px solid;
	border-bottom: 0px solid;
	margin: 0 auto 8px -30px;
	padding: 8px 10px;
	border-right-width: 0px;
	border-left-width: 0px;
	}
	
	#commentform {
		margin: 15px 0 10px 40px;
		}
	
	#commentformarea h3 {
	font-size: 15px;
	font-weight: normal;
	color: #FF3300;
	margin: 10px 0 15px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
		}
		
		#commentform p { margin: 0 0 3px 0;	}
		
		#commentform input, #commentform textarea {
	background: #FFFFFF left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 3px;
			}
			
			#commentform textarea {
	width: 420px;
	float: left;
	text-align: left;
}
			
			#commentform input#submit {
				font-family: Helvetica;
				width: 130px;
				color: #FF3300;
				}
				
				h4 {
	margin: 25px 0 20px 0;
	text-align: center;
	font-weight: normal;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
					}
	
	ol.commentlist {
		width: 426px;
		list-style: none;
		margin: 0 auto 60px auto;
		padding: 0;
		font-size: 0.9em;
		}
		
		ol.commentlist li {
			margin: 0 0 20px 0;
			padding: 20px 0 0 0;
			border-top: 1px solid #ABCAD9;
			}
		
				ol.commentlist p { margin: 0 0 10px 0; }
				
				ol.commentlist a { color: #003366;	text-decoration: none; }
				ol.commentlist a:hover { color: #006699; }
				
					ol.commentlist span.cmntmeta { color: #006699; }
				


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH AND ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sanda h2 {
	font-size: 22px;
	font-weight: normal;
	color: #FF3300;
	margin: 10 0 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR (aka the area where sidebar things go that is actually on the bottom)
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {
	width: 526px;
	margin: 35px 0px 0;
	padding: 0 0px 25px;
	border: 0px 0;
	}
	
	#wrapper>#sidebar {
	padding: 15px 0 25px;
	text-align: center;
} /* FF Specific */
	
	#categories, #archives, #links_list {
		width: 167px;
		float: left;
		display: inline; /* IE */
		}
		
		#categories {
	margin-left: 0px;
	margin-right: 0px;
}
		#archives { margin-left: 15px; width: 150px; }
		#links_list { width: 155px; }
		
		#sidebar ul, #sidebar ul li, #sidebar ul li ul, #sidebar  ul li ul li {
			margin: 0;
			padding: 0 0 0 200;
			list-style: none;
			text-align: left;
			}
			
			#pushing_box {
	width: 35px;
	height: 100%;
	float: right;
	border: 0px none;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	left: 60px;
				}
		
		#sidebar li h2 {
	margin: 0;
	color: #FF3300;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding-right: 50px;
			}
		
		#sidebar ul li ul {
			padding: 0px;
			}
			
			#sidebar ul li ul li a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
				}
				
				#sidebar ul li ul li a:hover { color: #666666; }
		
		input#s {
			width: 440px;
			margin: 35px auto 0;
			border: 1px solid #A7A6AA;
			background: #fff left;
			padding: 4px 0;
			color: #ccc;
			text-align: center;
			}




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
#footer {
	width: 527px;
	margin: 0px auto 0;
	background: #000000;
	padding: 0;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	height: 50px;
	}
	
	#footer p {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
		}
		
		#wrapper>#footer p {
	margin: 0;
	padding: 15px 0 15px 0;
	font-family: Helvetica,;
	background-color: #000000;
} /* FF Specific */
		
		#footer p a {
	color: #FFFFFF;
	font-family: ;
			}
			
			#footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF3300;
}
.bottonepagina {
	border-top: 0px solid;
	border-bottom: 0px solid;
	background: #000000;
	width: 527px;
	height: 23px;
	margin: 20 auto 0;
	font-size: 15px;
	padding: 0px;
	font-family: Helvetica,;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	border-right-width: 0px;
	border-left-width: 0px;
	}	
	
	.bottonepagina a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}
	.bottonepagina a:hover { color: #FF3300; }