@import url(reset.css);
@import url(font/stylesheet.css);

body {
	background-color:#D5D7D8;
	font-family: TitilliumText22LLight;
	color:#222222;
	background-image:url('../img/bg.png');
	/*background-image:url('../grid.jpg');*/
}
footer {
	font-size: 1.5em;
	width: 100%;
	height: 35px;
	padding: 5px 0 3px 5px;
	text-align: left;
	color:#D5D7D8;
	position:fixed;
	bottom: 0;
}

a {
	text-decoration:none;
	color:#222222;
	text-shadow: #BCBEC0 1px 1px 0px;
}

canvas {
	position: absolute;
    top: 0;
    z-index: -10;
}


@media screen and (max-device-width: 600px) {

nav {
	font-size: 6em;
    text-align: center;
    margin-top: 1em;
    line-height: 1.35em;
}

}


@media screen and (min-device-width: 600px)
and (-webkit-min-device-pixel-ratio: 1) {
	nav {
		font-size: 2em;
		text-align: left;
    	margin-top: 1em;
		margin-left: 2em;
		margin-right: 2em;
		line-height: 1.35em;
		/*background-color: inherit;*/
	}

	footer {
		padding-left: 4em;
		padding-top: 1em;
		font-size: 0.8em;
	}
}

@media screen and (min-device-width: 600px)
and (-webkit-min-device-pixel-ratio: 2) {
	nav {
		font-size: 4em;
		text-align: right;
		line-height: 1.35em;
    	margin-top: 1em;
		margin-left: 2em;
		margin-right: 2em;
		/*background-color: inherit;*/
	}
}

/*
#titoloPrincipale {
	font-size:82px;
	line-height:120px;
	text-shadow: #BCBEC0 1px 1px 0.1em;
	color:#00000000;
}

nav li a {
	font-size: 2em !important;
	line-height: 3em !important;
}

@media screen and (min-width: 600px)
and (-webkit-min-device-pixel-ratio: 1) {
	nav {
		width:180px;
		float:left;
		margin-right:60px;
		margin-top:93px;
		position: fixed;
	}

	#conts {
		clear:both;
	}

	#corpo {
		float:left;
		padding-top:82px;
		width:540px;
		margin-left: 220px;
		margin-bottom: 60px;
	}
}

@media screen and (max-device-width: 600px) 
and (-webkit-min-device-pixel-ratio: 2) {
	nav {
		width:180px;
		margin-right:60px;
		margin-top:15px;
		margin-left:15px;
	}

	#conts {
		clear:both;
		margin-left:60px;	
	}

	footer {
		padding: 25px 0 3px 65px;
	}
	#titoloPrincipale {
		font-size: 45px;
		line-height: 60px;
		margin-left: 15px;
	}
}

@media screen and (max-width: 600px) 
and (-webkit-min-device-pixel-ratio: 1){
	nav {
		width:180px;
		margin-right:60px;
		margin-top:15px;
		margin-left:15px;
	}

	#conts {
		clear:both;
		margin-left:60px;	
	}

	footer {
		padding: 25px 0 3px 65px;
	}
	#titoloPrincipale {
		font-size: 45px;
		line-height: 60px;
		margin-left: 15px;
	}
}

nav li {
	margin-bottom:0px;
	font-size:20px;
	
}
.categories {	font-size: 14px;	margin-left:1em;	position: fixed;	top:1px;}.categories li {	font-size: 12px;	float:left;	padding-right:0.6em;	padding-bottom:2.5em;	padding-top:1em;}.categories li:hover{	font-size: 2.2em;	padding-bottom:0em;}
nav a {
	display:block;
	line-height:30px;
}
nav a.sel {
	font-size:14px;
}

#can, #canBG {
	position: fixed;
}
#canBG {z-index: -1;}


.titolo {
	font-size:35px;
	line-height:42px;
	font-family: TitilliumText22LMedium;
	text-shadow: #BCBEC0 1px 1px 1px;
}
.subtitolo {
	font-size:20px;
	line-height:24px;
	font-family: TitilliumText22LRegular;
	text-shadow: #BCBEC0 1px 1px 1px;
	margin-bottom:36px;
	margin-top:2px;
}
#corpo p {
	font-size:16px;
	line-height:30px;
	letter-spacing: 1px;
	font-family: TitilliumText22LMedium;
	margin-bottom:30px;
}
#corpo.blog img {
	margin:-12px 0 40px 60px;
}
#article {
	clear: both;
}
#article img {
	margin-bottom: 30px;
}
#footer {
	clear: both;
	height: 30px;
	display: block;
}
p.lastUp {
	margin-bottom:0 !important;
	margin-top:30px;
}
ul.lastUp {
	margin: 0 0 30px 0;
}
ul.lastUp li {
	margin: 5px 0 10px 15px;
}*/

/* EYES *//*
#corpo.eyes {
	padding-top:87px;
}
div.eyes {
	float:left;
	width:180px;
	height:120px;
	overflow:none;
}
div.eyes #menu a {
	color:#EEEEEE;
	text-shadow:none;
	display: block;
	height: 60px;
}
div.imgDesc {
	height:60px;
	letter-spacing:1px;
	width:160px;
	padding:10px;
	position:relative;
	top:-82px;
	overflow:none;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
}
#corpo #article {
	display: none;
	width: 100%;
	padding-top: 27px;
	clear: both;
	padding-bottom:60px;
}
#corpo p.skills {
	float: right;
	width: 175px;
	height:57px;
	text-align:right;
	padding: 0 5px 0 0;
	font-size:10pt;
	line-height:15px;
	letter-spacing: 0;
	border-right: 1px solid black;
}

#menu {
	height: 240px;
	width: 540px;
	overflow: hidden;
}
#menuCont {
	width: 1080px;
	height: 240px;
	display: block;
}
.blocco {
	width: 540px;
	float: left;
	height: 120px;
	display: block;
}
#prev {
	float: left;
	height: 30px;
	font-size: 60px;
	line-height: 15px;
}
#next {
	float: right;
	height: 30px;
	font-size: 60px;
	line-height: 15px;
}*/


/* BLOG */
.blog .post a {
	text-decoration: underline;
}
.blog .post .titolo a, .blog .post .subtitolo a {
	text-decoration: none;
}
div.date {
	font-size: 12px;
	margin-bottom:60px;
	font-family: TitilliumText22LBold !important;
}
div.date-single {
	font-size: 12px;
	margin-bottom:45px;
	font-family: TitilliumText22LBold !important;
}
#comments-title {
	margin-bottom: 30px;
}
div.comment-author {
	border-top:1px dotted #222;
	padding-top: 5px;
}
div.comment-meta {
	font-size: 12px;
}
div.comment-body {
	margin-top: 15px;
	font-size: 16px !important;
	line-height: 18px !important;
}
.comment-body p {
	margin-bottom: 15px !important;
}
div.reply {
	margin-bottom: 30px;
	text-align: right;
}
#reply-title {
	border-top:1px dotted #222;
	padding-top: 5px;
}
.comment-notes {
	font-family: TitilliumText22LLight !important;
}
#respond {
	margin-bottom: 30px;
}
#respond h3 {
	font-size: 16px !important;
	text-shadow: #BCBEC0 1px 1px 0px;
	/*font-family: TitilliumText22LBold !important;*/
}
#cancel-comment-reply-link {
	float: right;
}
#commentform p {
	margin-bottom: 15px !important;
}
input, textarea {
	font-family: TitilliumText22LLight !important;
	background-color: #CCC;
	border: 0;
	-moz-box-shadow: 1px 1px 2px #888; /* Firefox */
  	-webkit-box-shadow: 1px 1px 2px #888; /* Safari, Chrome */
  	box-shadow: 1px 1px 2px #888; /* CSS3 */
  	padding: 2px;
  	font-size: 15px;
  	display: block;
  	width: 540px;
}
#submit {
	width: auto;
	padding: 5px;
}
.form-allowed-tags {
	font-size: 12px !important;
	line-height: 14px !important;
	font-family: TitilliumText22LLight !important;
}
label {
	margin-left: 2px;
}
.xoxo li {
	width: 130px;
	float: left;
	margin-right: 5px;
	font-size: 12px !important;
	line-height: 13px !important;
}
.widget-area {margin-bottom: 30px;}

.navigation {
	height: 30px;
	width:540px;
}
#nav-below .nav-previous {
	float: left;
}
#nav-below .nav-next {
	float: right;
}

/* EARS */
.ears {
	padding-top: 6px;
}
.earsContents {
	margin:6px 0 30px 0;
}
.ears a {
	font-size: 20pt;
	padding-bottom: 33px;
	display: block;
}
.earsContents a {
	font-size: 14pt;
	display: inline;
}
.earsContents img {
	margin-bottom: 30px;
}

/* BODY */
.body {
	padding-top: 6px;
}
.body a  {
	color:#EEEEEE;
	text-shadow:none;
	display: block;
	height: 60px;
	font-size: 20pt;
}
.body .desc {
	padding: 15px 0 0 30px;
	position:relative;
	top:-64px;
	width: 510px;
	height: 45px;
	overflow:none;
	display: none;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
}
.bodyContents {
	margin-top: 40px;
}
.bodyContents iframe {
	margin-bottom: 30px;
}

/* WORDS */
.words {
	padding-top: 6px;
}
#skills {
	width:180px;
	float:left;
	right:60px;
	color:#222222;
	font-size:14px;
	line-height:30px;
	font-family: TitilliumText22LBold;
	margin-bottom: 30px;
}
#skills h2 {
	font-family: TitilliumText22LXBold;
	font-size:16px;
}
#skills a {
	color:#222222;
	font-size:14px;
	line-height:30px;
	font-family: TitilliumText22LBold;
}

/* nose */
.nose {
	padding-top: 8px;
}
.nose h2 {
	font-family: TitilliumText22LXBold;
	font-size:16px;
	line-height: 30px;
}
.nose a {
	color:#222222;
	line-height:30px;
}
.nose ul {
	margin-bottom: 30px;
}

/* LIGHTBOX */

#overlay {
	/*Math.floor(0.85 * 255).toString(16);*/
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(138, 138, 138);
	/* RGBa with 0.6 opacity */
	background: rgba(138, 138, 138, 0.95);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2000000, endColorstr=#f2000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2000000, endColorstr=#f2000000)";
}
#target {
	width: 120px;
	height: 120px;
}
#target.loading {
	background-image: url('../img/loading.gif');
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	/* IE 5-7 */
	filter: alpha(opacity=20);
	/* Netscape */
	-moz-opacity: 0.2;
	/* Safari 1.x */
	-khtml-opacity: 0.2;
	/* Good browsers */
	opacity: 0.2;
}
a.prev,a.next,a.close {
	font-size:60pt;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	/* IE 5-7 */
	filter: alpha(opacity=20);
	/* Netscape */
	-moz-opacity: 0.2;
	/* Safari 1.x */
	-khtml-opacity: 0.2;
	/* Good browsers */
	opacity: 0.2;
}
a.close {
	font-size:40pt;
}


.clear {
	clear: both;
}