html{
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #363636;
	height:100%;
	background-color: #EBEBEB;
	line-height: 10px;
	margin-top: 44px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	/*letter-spacing: -0.4pt;*/
}
#container {
	width: 673px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


/**************/
/*** COMUNI ***/
/**************/
h1 span, h2{
	margin: 0;
	display: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
em {
	color: #000000;
}
img {
	border: none;
	vertical-align:middle;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
	clear: none;
}
p {
	margin: 0px;
	padding: 0px;
}
a {
	color:#333333;
	text-decoration: none;
}
a:hover{
	color: #00ADEF;
}
#container label {
	display: none;
}

#container #left_column {
	float:left;
	width: 256px;
	overflow: hidden;
}


/************/
/*** HEAD ***/
/************/
#container #head h1 a{
	display: block;
	height: 104px;
	width: 256px;
	background-image: url(/grafica/head.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*************/
/*** LEFT  ***/
/*************/
#container .left {
	display: block;
	width: 119px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #363636;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 138px;
	clear:both;
	position: relative;
}


/* MENU */
#container #menu {
	height: 99px;
}
#container #menu a, #categories li a {
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #818181;
}

#container #menu a:hover, #categories li a:hover {
	color: #333333;
}
#container #menu a.selected, #categories li a.selected{
	color: #00ADEF;
}

.left h3{
	position: absolute;
	top: 8px;
	left: 0;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}


/* NEWS */
#container #news, #container #categories{
	min-height: 211px;
}
#container #news li {
	display: block;
	margin-bottom: 6px;
}
#container #news li a{
	text-decoration: underline;
}


/* WORKS */
#container #works {
	height: auto;
	padding-left: 0px;
	width: 260px;	
}



/* ABOUT */
#container #about {
	height: 99px;
}


/* PROPS */
#container #props {
	height: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#container #props ul {
	position: absolute;
	width: 142px;
	left: 138px;
}
#container #props li {
	display: block;
	float: left;
	height: 30px;
	width: 34px;
	margin-bottom: 6px;
	margin-right: 13px;
}
#container #props li span {
	display: none;
}
#container #props li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 30px;
	width: 34px;
}
#container #props li a:hover {
	background-position: left -40px;
}

/**************/
/***  HOME  ***/
/**************/
#container #home {
	position: absolute;
	height: 681px;
	width: 394px;
	top: 44px;
	right: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-repeat: no-repeat;
	background-position: left top;
}
#container #home #intro {
	position: absolute;
	bottom: 0px;
	background-color: #343434;
	height: 96px;
	width: 394px;
	color: #EBEBEB;
	border-bottom-width: 9px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
#container #home #intro p {
	padding: 8px;
	line-height: 10px;
}
#container #home #intro strong {
	color: #00ADEF;
}


/*****************/
/***  DISPLAY  ***/
/*****************/
#container #display {
	/* position: absolute; */
	height: auto; /*681px;*/
	width: 394px;
	/*top: 44px;*/
	/* top: 0px; */
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom: 20px;
	margin-left: 16px;
}
#container #display #infos {
	min-height: 103px !important;
	max-height: 103px !important;
	overflow-y: hidden;
	/*
	position: absolute;
	top: 575px;
	width: 292px;
	height: 20px;
	left: 0px;
	*/
}

	#container #display #gallery li {
	display: block;
	/*background-image: url(/grafica/rapattern.gif);
	background-repeat: no-repeat;
	background-position: left 1px;*/
	width: 394px;
	/* min-height: 558px !important; */
	margin-bottom: 20px;
	line-height: 0;
}
#container #display .image img{
	margin: 0;
}


#container #display #infos #workTitolo {
	width: auto;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 16px; 
	letter-spacing: 0;
	line-height: 12px;
	width: 120px;
	height: 102px;
	max-height: 102px;
}
#container #display #infos #workDescr {
	display: block;
	width: auto; /*120px;*/
	/*float: left;*/
	line-height: 10px;
}
#container #display #navImages {
	/*position: absolute;
	width: 96px;
	top: 575px;
	right: -3px;*/
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 24px;
	background-image: url(/grafica/labels/label_pics.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #display #navImages label {
	display: none;
}
#container #display #navImages ul {
	display: inline;
}
#container #display #navImages li {
	/*float: left;*/
	display: inline;
	padding-left: 4px;
	line-height: 10px;
}





/**************/
/***  FOOT  ***/
/**************/
#foot {
	padding-top: 8px;
	padding-bottom: 8px;
	height: 14px;
	clear: both;
}



#container #works #Thumbs {
	/*position: absolute;
	left: 0px;
	top: 274px;
	*/
	width: 277px;
	min-height: 211px;
}
#container #works #Thumbs li {
	display: block;
	float: left;
	height: 39px;
	width: 37px;
	margin-right: 18px;
	margin-bottom: 17px;
}
#container #works #Thumbs li.selected {
	border-bottom: solid 5px #00ADEF;
	margin-bottom: 12px;
}
#container #works #Thumbs li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
	width: 37px;
}
#container #works #Thumbs a:hover {
	background-position: left -49px;
}
#container #works #Thumbs li.selected a {
	background-position: left -49px;
}
#container #works #Thumbs li span {
	display: none;
}
#container #about p {
	line-height: 10px;
}
#container #menu .active {
	background-position: left -24px;
}
#container #menu a:hover .active {
	background-position: left -24px;
}
#container #head .return span {
	display: none;
}
#container #head .return {
	display: block;
	height: 100%;
	width: 100%;
}

#blog{
	padding-top: 57px;
	background-image: url(images/blogheading.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.textbody a, #workDescr a{
	text-decoration: underline;
}
.textbody a{
	color: #00ADEF;
	text-decoration: underline;
}
.textbody a:hover{
	color: #666666;
}
.textbody, .content_image, .blog {
	margin-bottom: 20px;
}
.blog{
	margin-bottom: 20px;
	border-bottom: dotted 1px #000000;
}
.blog .content{
	padding-top: 20px;
	clear: both;
}
.blog h3{
	font-size: 18px;
	margin-bottom: 4px;
}
.blog h3 a:hover{
	color: #151515;
}
/* DATEBOX */
.datebox{
	display: block;
	float: left;
	margin-right: 20px;
	width: 54px;
	height: 50px;
	background-color: #333333;
}
.datebox .day {
	color: #CCCCCC;
	display: block;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	background-color: #333333;
	font-weight: bold;
}
.datebox .month {
	color: #000000;
	display: block;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	background-color: #00ADEF;
	font-weight: bold;
}
.blog .category, .youtubevideo, .vimeovideo{
	margin-bottom: 20px;
}
.fb{
	margin-bottom: 20px;
}
.bnav{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 20px;
}