@charset "utf-8";

/*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

CSS ARTScena Created by Chialab.it

http://www.chialab.it 2009

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

*/



/*...........................................    

    General, elements

...........................................*/

* {
	padding:0; margin:0; border:0;outline:0; color:#333;
}

BODY {
	background:#FFF null 0 290px repeat-x;
	height:auto;
}

P {margin-bottom:10px;}

OL, UL {list-style-position:inside;}


CODE {color:#FF4500;}

A {text-decoration:none; color:#0066cc}
A:hover {color:#ff3366;}

A {outline:0; }

:focus {
	outline: 0;
} 


HR {height:0px; border:0px; margin:10px 0px 10px 0px; border-top:1px solid gray}


/*...........................................    

    Typography

...........................................*/

BODY {font:13px/1.313em "Trebuchet Ms", "Georgia", serif;}

H1 	{font: bold italic 1.5em/1.175em "Trebuchet Ms", "Georgia", serif; border-bottom:10px solid silver;}

H2 {font:italic 1.2em "Trebuchet Ms", "Georgia", serif; margin-bottom:5px;}

H3 {font: bold italic  1.245em "Trebuchet Ms", "Georgia", serif; padding-bottom:2px; margin-bottom:5px; border-bottom:5px solid silver;}

strong {}

.menu {
	font:13px/1em "Trebuchet Ms", "Arial", serif;
}

/*...........................................    

    structure

...........................................*/

.top {
	height:260px;
	background-color:#000;
	width:100%;
}

.main {width:1008px;}


.col1, .col2, .col3 {
	margin-left:10px; 
	float:left; 
	padding-bottom:40px;
}

.col1 {
	width:240px;
}

.col2 {
	width:480px;
}

.col3 {
	width:720px;
}

.subdocs {width:160px}

.content {padding-top:20px;}

.multimedia {width:320px; padding-top:40px}

/*...........................................    

    related menu

...........................................*/

.related {
	font-size:0.875em;
	padding:0px 10px 0px 0px;
	margin-right:10px;
	width:139px;

	border-left:1px solid silver;
	float:left;	
}

.related H2 {
	margin:0px !important;
	padding-left:5px !important;
}

.related LI {
	line-height:1em;
	padding-top:0.3em;
	text-indent:-15px;
	padding-left:20px;
}

/*...........................................    

    head menu

...........................................*/


.headmenu {
	padding: 0px 0px 0px 250px;
	margin:0 0 0 0px;
	height:27px;
	white-space:nowrap;
	/*background: #fff url('../img/sfomain2.gif') left 30px repeat-x;*/
	background: #fff url('../img/sfomain.gif') bottom repeat-x;

}

.headmenu UL {
	width:720px;
	white-space:nowrap;
}
.headmenu LI {
	list-style:none; float:left;
	padding:5px 20px 5px 20px;
}

.headmenu LI:Hover {
	background-color:silver;
}

.headmenu LI.on {
	background-color:black;
}

.headmenu LI.on A {
	color:white !important;
}

/*...........................................    

    subdocs

...........................................*/

.subdocs {
/*background: #fff url('../img/sfoleft.gif') right repeat-y;*/	
}

.subdocs UL {
	margin-top:20px;
	margin-right:0px;
}

.subdocs LI {
	padding:5px 5px 5px 0px; 
	margin:5px 5px 5px 0px; 
}

.subdocs LI.on {
	background-color:silver;
}

.subdocs LI.on A {color:#ff3366;}


/*...........................................    

    Main contents

...........................................*/


.content h2 {
	margin-bottom:20px;
}

.content-main h1 + p:first-line { 
	/*font-size : 1.2em;  */
}

.abstract {

}

.bodydoc {

}




.dida {
	padding:10px;
	color: gray;
	font-size:0.85em;
	line-height:1.175em;
}

H1.topdida {
	padding:47px 0px 0px 260px;
	width:380px;
	color:white;
	opacity:0.75;
	border:0px;
	font-weight:normal;
}

.address {
	
	padding-top:10px
	
}

.address A {
	color:#333;
	
}

/*...........................................    

    Buttons

...........................................*/



/*...........................................    

    Images, gallery and ajax

...........................................*/


.thumb {
	
}


/*...........................................    

    Specific Template layout: index(home)

...........................................*/

#fade DIV {
	position:absolute; 
	z-index:10; 
	height:260px; 
	width:100%; 
	overflow:hidden; 
	top:0px; left:0px;
	
}


/*...........................................    

    Subdocs on left menu

...........................................*/

.subdocs UL {
	text-align:right;
	list-style:none;
}



/*...........................................    

    Footer

...........................................*/

.footer {
	
	clear:both; padding:20px;
	height:160px;
	background: #000 url('../img/splashbottom.png') top right no-repeat;
}

.footer UL {
	list-style:none;
}




/*...........................................    

    Staging

...........................................*/

BODY.staging {
	border-top:35px solid transparent;
}

.stagingmenu {
	position:fixed;
	top:0px;
	padding:5px; margin:5px;
	z-index:500;
	background-color: #000;
	text-align:center;
	border-radius : 7px; 
	-moz-border-radius : 7px; /* Mozilla */
	-webkit-border-radius : 7px; /* Webkit */
	opacity:0.8;
}

.stagingmenu LI {
	color: silver;
	float:left;
	margin-left:20px;
	padding-right:20px;
	border-right:0px solid silver;
	white-space:nowrap;
}

.stagingmenu LI A {
	color: silver;
	text-decoration:none;
	cursor:pointer;
}

.stagingmenu LI A:Hover {
	color: #FFF;
}

.stagingsubmenu {
	width:250px;
	background-color: #000;
	opacity:0.8;
	border-radius : 7px; 
	-moz-border-radius : 7px; /* Mozilla */
	-webkit-border-radius : 7px; /* Webkit */
	position:fixed;
	display:none;
	top:38px;
	z-index:500;
}

.stagingsubmenu table {
	border-collapse:collapse;
	margin:10px;
}

.stagingsubmenu table * {
	text-align:left;
	font:normal 11px "Arial",sans-serif;
	color:white;
	padding:4px;
	vertical-align:top;
}

.stagingsubmenu table TH {
	text-align:right;
	border-right:1px solid gray;
	white-space:nowrap;
}


.stagingmenu ::selection {
	background: none; /* Safari */
	}
.stagingmenu ::-moz-selection {
	background: none; /* Firefox */
}



/*...........................................    

    Typo stuff cripto e proto

...........................................*/


.test { 
text-shadow : 1px 1px 5px; 
}

.test h1 + p:first-line { 
/*font-variant : small-caps; */
font-size : 1.2em; 

}

.test p:first-child { 
font-weight : bold; 
}

/*
Border-radius
*/

#nav-sub { 
	border-radius : 10px; 
	-moz-border-radius : 10px; /* Mozilla */
	-webkit-border-radius : 10px; /* Webkit */
}

a[rel="alternate"] { 
padding-left : 20px; 
background : url(a-rss.png) no-repeat 0 50%; 
}

#nav-main a { 
text-shadow : #000 1px 1px 1px; 
}

#nav-sub { box-shadow : 0 0 5px #888; 
-webkit-box-shadow : 0 0 5px #888; 
}