* {
padding: 0;
margin: 0;
}
body {
	color: #333;
	font: small/1.6em "Trebuchet MS", Arial, sans-serif;
	text-align: center;
	background: #fff url("images/bgbody.gif") repeat-x;
}

#container	{
	width: 720px;
	margin: 0 auto;
	text-align: left;
	background: #fff url("images/cbg.gif") repeat-y;
}
#header {
	position: relative;
	width: 720px;
	height: 64px;
	background: transparent url("images/mc.jpg") no-repeat;
}
#nav {
	position: absolute;
	top: 32px;
	left: 248px;
}
#foto {
	width: 720px;
	height: 232px;
}
.obg{background: transparent url("images/foto.jpg") no-repeat;}
.aboutbg{background: transparent url("images/foto3dsm.jpg") no-repeat;}
.mare{background: transparent url("images/mare.jpg") no-repeat;}

#sidebar {
	float: left;
	width: 240px;
	font-size: 85%;
}
#googleSidebar{
	text-align:center;
	margin-top:30px;
}
#content {
	float: left;
	width: 480px;
}
#footer {
	width: 720px;
	height:	75px;
	clear: left;
	background: transparent url("images/footer.jpg") no-repeat;
}
.box {
	width: 240px;
	height: 134px;
	margin-bottom: 10px;
}
#sub-sec{
	float: right;
	display: inline;
	width: 100%;
	margin-left: -230px;
	font-size: 85%;
}
#previous{
	margin-left: 229px;
	background: transparent url("images/bg-prev.gif") repeat-y 0 0;
	border-left: 1px solid #fff;
	}
#externals{
	float: left;
	width: 230px;
	display: inline;
	}

#content #previous p{
	margin: 0;
	}
#content #rss p.rss{
	background: transparent url("images/syndicated-feed-icon.gif") no-repeat 0 0;
	text-indent: -9999px;
	height: 20px;
	margin-left: 20px;
	}
#content #rss p.rss a{
	height: 20px;
	width: 20px;
	display: block;
	}
#content #previous ul{
	margin: 0 10px 0 10px;
	background: transparent;
	border: 0;
	}
#content #previous li{
	background: transparent;
	padding-left: 0;
}
#content #externals p{
	margin: 8px 0 0 40px;
	padding: 0;
}
#content #externals ul{
	margin: 0 10px 0 30px;
	background: transparent;
	border: 0;
	}
#content #previous h4{
	margin: 0 0 0 0;
	text-indent: -9999px;
	
	}
#content #externals h4{
	margin: 10px 10px 0 40px;
	color: #666;
	}
#content #externals li{
	font-size: 85%;
	}
#content #externals h4.ext{
	background: transparent url("images/ext.gif") no-repeat 0 0;
	text-indent: -9999px;
	height: 40px;
	margin: 0 0 0 40px;
	}
#content .previous{
	background: transparent url("images/previous.gif") no-repeat 0 0;
	text-indent: -9999px;
	height: 40px;
	}
#content #sub-sec .date{
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
	text-align: right;
	color: #aaa;
	margin: 0 0 20px 0;
	position: relative;
	width: 205px;
	padding: 0;
}
#content #sub-sec .date .dataora{
	background: transparent url("images/orologio.gif") no-repeat 0 50%;
	padding-left: 15px;
}
#content #sub-sec .date .ncomments{
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url("images/fumetto.gif") no-repeat 0 50%;
	padding-left: 15px;
}
#commenti{
	margin: 2em 2em 2em 3em;
}
.comment{
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
}

.comment{
	margin: 0 30px 0 40px;
	}
#content .comment p{
	margin: 0;
	}
#content p.titolicomm{
	font: bold 100%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 30px 0 5px;
	padding: 0;
	color: #666;
}
#content p.titolicomm span{
	font: bold 1.5em/120% Georgia, Verdana, Arial, sans-serif;
	font-weight: bold;
	padding: 0 6px 0 0;
	color: #aaa;
}

#content #commenti p{
	margin: 0;
}
#note-commenti {
	margin: 2em 2em 2em 3em;
}
#content #note-commenti p{
	margin: 0;
}
#content #comment-info{
	background: transparent url("images/comment-info.gif") repeat-x 0 0;
	font-size: 1.3em;
	margin: 0 20px 0 40px;
	padding: 0 0 0 10px;
	height: 35px;
	line-height: 30px;
	color: #fff;
	}
.rss-icon{
	display: block;
	background: transparent url("images/syndicated-feed-icon.gif") no-repeat 0 0;
	text-indent: -9999px;
	height: 20px;
}
.trackback{
	display: block;
	float: right;
	margin-top: -22px;
	font-size: .8em;
	}
.entry{
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
	margin: 1em 1em 2em 2.5em;
}
.posted{
	text-align: right;
	font-size: 85%;
	color: #999;
	padding-top: 10px;
	position: relative;
	width: 400px;
}
.post_content{
	margin-top: 1em;
	clear: left;
	padding-bottom: 1em;
	}
.post_content p{
	padding-bottom: 10px;
	}
#content .entry h3{
	margin: 0;
}
#content .entry p{
	margin: 0;
}
.postdate{
	color: #fff;
	width: 33px;
	height: 45px;
	text-align: center;
	font: bold 15px/1.2em "Trebuchet MS", Arial;
	padding-top: 4px;
	background: transparent url("images/bg-date.gif") no-repeat 0 0;
	float: left;
	text-transform: uppercase;
	padding-right: 10px;
	}
.postdate span.month{
	color: #6F4E07;
	display: block;
	font: bold 12px/1em "Trebuchet MS", Arial;
	padding-top: 1px;
	}
.postdate_single{
	position: relative;
	text-align: right;
	color: #999;
	font-size: 85%;
}
.postdate_single span.dataora{
	background: transparent url("images/orologio.gif") no-repeat 0 50%;
	padding-left: 15px;
}
.comment_number{
	display: block;
	position: absolute;
	top: -20px;
	right: 0; 
	background: transparent url("images/fumetto.gif") no-repeat 0 50%;
	padding-left: 15px;
}
#content #logged{
	margin: 0 10px 0 0;
	padding: 0;
	float: right;
}
#content p{
	margin: 0 1.5em 2em 2.5em;
}
#content form p{
	margin: 0 0 1em;
}
p.backhome{
	margin-top: 30px;
}
#content p.pdesc{
	padding: 10px 10px 0 0;
	margin: 5px 20px 10px 40px;
	background: transparent url("images/dotted.gif") repeat-x;
}

#footer p{
	color: #fff;
	background:	transparent;
	padding: 25px 40px 0 40px;
	font-size: 11px;
}

.last{
	padding-top: 40px;
}
.dotted {
	padding-bottom:	20px;
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
}
.block {
	display: block;
	text-transform:	uppercase;
	font-size: 80%;
	font-weight: bold;
}

#content p.titolocode{
	font: bold 100%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 14px 0 0 0;
	color: #A52A2A;
}

acronym {
	cursor: help;
}

#sidebar p{
	margin: 10px 30px 0 15px;
	padding: 0;
}

code{
	margin: 0 0 30px 0;
	background: #f3f3f3 url("images/codebg.gif") repeat-x;
	border: 1px solid #e5e5e5;
	padding: 4px 10px;
	display: block;
	font: normal 90%/1.5em monaco, "Courier New", courier, monospace;
	color: #000;
}

code:hover{
	border: 1px solid #ccc;
}

code span{
	display: block;
}

code span.ind1{
	padding-left: 10px;
}
code span.ind2{
	padding-left: 20px;
}
code span.ind3{
	padding-left: 30px;
}

img{
	border: 0;
}
a:link, a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #E53AAA;
	text-decoration:none;
}
#nav ul li a {
	display: block;
	width: 72px;
	height:	17px;
}
#nav li a:hover {border-bottom: 2px solid #E53AAA;}
.box a {
	display: block;
	width: 240px;
	height:	134px;
}
.box a span{display: none;}
#nuovavela{
	position: relative;
}
.beauty a {
	display: block;
	width: 240px;
	height:	30px;
}
.beauty{
	background: transparent url("images/beauty.gif") no-repeat;
	width: 240px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.icp{background: transparent url(i/icp.gif) no-repeat;}
.mercury{background: transparent url(i/mercury.gif) no-repeat;}

#foto a {
	display: block;
	width: 142px;
	height: 232px;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration:underline;
}
#footer a:hover {
	color: #7A5B1B;
}

h3 a{
	font-weight: normal;
}
#content a:hover, #sidebar li a:hover{
	text-decoration: underline;
}
.hide{
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}
#header h1 {
	width: 128px;
	height: 49px;
	margin-left: 40px;
	background: 	transparent url("images/mclogo.gif") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 128px;
	height: 49px;
}

#content h2{
	width: 480px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 31px;
}

.home {background: transparent url("images/home.jpg") no-repeat;}
.tech {background: transparent url("images/tech.jpg") no-repeat;}
.education{background: transparent url("images/education.jpg") no-repeat;}

#content h3{
	font: 130%/120% Verdana, Arial, sans-serif;
	margin: 2em 2em 0 40px;
	color: #666;
}

#content h3.single{
	padding-bottom: .5em;
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
}
#content h4 {
	font: bold 80%/120% Verdana, Arial, Georgia, sans-serif;
	text-transform: uppercase;
	margin: 10px 25px 20px 35px;
	padding-bottom:	2px;
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
}
#content .post_content h4{
	margin: 20px 0 10px;
}
#content form h4{
	margin: 12px 0 2em;
}
#content h3 span {
	font: oblique 1em/100% Verdana, Arial, Georgia, sans-serif;
	padding-left:10px;
}
#content h5 {
	font:	80%/120% Verdana, Arial, Georgia, sans-serif;
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
	margin:	22px 20px 10px 40px;
	padding-bottom: 4px;
}

#sidebar h4{
	width: 240px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 31px;
}
.jk {background: transparent url("images/jk.jpg") no-repeat;}
#sidebar h5 {
	margin-top: 20px;
	text-indent: -9999px;
	line-height: 34px;
}

.links {background: transparent url("images/links.jpg") no-repeat;}

#foto h2 {
	padding: 0 0 0 72px;
	text-indent: -9999px;
}

h6{
	font: bold 80%/120% Verdana, Arial, Georgia, sans-serif;
	margin-left: 40px;
}
#sidebar h6{
	font: bold 80%/120% Verdana, Arial, Georgia, sans-serif;
	margin: 20px 30px 5px 15px;
	text-transform: uppercase;
}
form {
	margin: 0 20px 10px 40px;
}
#commentform p{
	padding: 20px 0 0 0;
	}
fieldset{
	padding: 10px 0;
	border: 0;
}
legend{
	font: bold 72%/120% Verdana, Arial, sans-serif;
	margin: 20px 30px 0 0;
	text-transform: uppercase;
	color: #666;
}
label{
	display: block;
	font: 78%/120% Verdana, Arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 2px;
}
#commentform{
	padding-top: 20px;
	}
#contact-form input, #contact-form textarea, #c-form input, #c-form textarea, #commentform input,  #commentform textarea{
	background: transparent url("images/bginput.gif") no-repeat;
	border:	1px solid #ccc;
	margin-bottom:	10px;
	width: 410px;
}
#contact-form .sub, #c-form .sub,  #commentform #submit {
	display: block;
	background: transparent url("images/invia.gif") no-repeat 0 0;
	border:	0;
	width: 56px;
	height: 27px;
	cursor:	pointer;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#sidebar form{
	margin: 0 0 0 15px;
	}
#sidebar label{
	color: #960;
	}
#s{
	border:	1px solid #ccc;
	background: transparent url("images/bginput.gif") no-repeat;
	}


/*	ul, li	*/
ul {list-style: none;}

#nav ul li {
	display: block;
	float: left;
	width: 72px;
	height:	17px;
	margin-left: 2px;
	text-indent: -9999px;
}
#content ul{
	margin: 20px 20px 30px 40px;
	background: #f3f3f3 url("images/ulbg.gif") repeat-x 0 100%;
	border: 1px solid #e5e5e5;
	padding: 4px 10px;
}
#content .post_content ul{
	margin: 20px 0 30px;
	}
#content li {
	padding: 3px 0 0 16px;
	background: transparent url("images/dotli.gif") no-repeat 0 10px;
}

#sidebar ul {
	margin: 2px 32px 10px 16px;
}
#sidebar ul li {
	padding: 4px 0;
	background: transparent url("images/dotted.gif") repeat-x 0 100%;
}

#sidebar ul li span{
	display: block;
	color: #906812;
	background: #f6f6f6 url("images/liarrow.gif") no-repeat 1% 48%;
	padding-left: 15px;
	margin-left: -10px;
}

.valid {padding-left: 30px;}


p img{
	margin: 10px 0 10px 10px;
}
hr{
	background-image: url("images/dotted.gif");
	background-repeat: repeat-x;
	border: 0;
}
