/* --- FONTFACE --- */

@font-face {
    font-family: 'SansationRegular';
    src: url('http://www.electronicstudio.ch/font/Sansation_Regular-webfont.eot');
    src: url('http://www.electronicstudio.ch/font/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.electronicstudio.ch/font/Sansation_Regular-webfont.woff') format('woff'),
         url('http://www.electronicstudio.ch/font/Sansation_Regular-webfont.ttf') format('truetype'),
         url('http://www.electronicstudio.ch/font/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SansationBold';
    src: url('http://www.electronicstudio.ch/font/Sansation_Bold-webfont.eot');
    src: url('http://www.electronicstudio.ch/font/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.electronicstudio.ch/font/Sansation_Bold-webfont.woff') format('woff'),
         url('http://www.electronicstudio.ch/font/Sansation_Bold-webfont.ttf') format('truetype'),
         url('http://www.electronicstudio.ch/font/Sansation_Bold-webfont.svg#SansationBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansationLightLightItalic';
    src: url('http://www.electronicstudio.ch/font/Sansation_Light_Italic-webfont.eot');
    src: url('http://www.electronicstudio.ch/font/Sansation_Light_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.electronicstudio.ch/font/Sansation_Light_Italic-webfont.woff') format('woff'),
         url('.http://www.electronicstudio.ch/font/Sansation_Light_Italic-webfont.ttf') format('truetype'),
         url('http://www.electronicstudio.ch/font/Sansation_Light_Italic-webfont.svg#SansationLightLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --- GLOBAL --- */

/*!!! modifica colori */
body
{
	padding: 0px;
	margin: 0px;
	color: #dedede;
	background-color: #191919;
	font: 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
	
table, td
{
	border-width:0px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding:0px;
	vertical-align: top;
}
a { text-decoration: none;}
img {border: none;}

#page
{	
	text-align: left;
	margin: 0 auto 0 auto;
}

.journal img, gallery .img { border: none; background-color: #888;}

#header 
{
	margin: 0 15px 0 15px;
}

#headerImg img
{
	background-color: #000;
	margin: 0;
}
#headerwidth {
	width: 645px;
	height: 1px;
	display: block;
	whitespace: pre;
}
/* !!! Modifica font */
#header h1 
{
	font: 2em 'SansationBold', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/* font-size: 2.1em;
	color: #dedede;
	font-weight: lighter; */
	float:left;
	margin: 0 0 10px 0;
	padding: 12px 0 0 0;
}

div.clear {
	clear: both;
}

/* ########## */
/* ##### GENERAL NAVIGATION STYLES, controls previous & next number menu between pages ##### */

ul#nav
{
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
	list-style: none;
	font: 1.2em 'SansationBold', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#nav li
{
	float: left;
	display: block;
	padding: 0 2px; 
}

ul#nav li a, ul#nav li a:visited, ul#nav li a:active
{
	text-decoration: none;
	color:#BBB;
	margin:0px 1px 0px 1px;
}

ul#nav li a:hover
{
	color: #bd110f;
}

ul#nav #selection
{
    color: #bd110f;
}


ul#nav .index { width:60px;}

ul#nav .previous { white-space: pre; width: 15px; height: 20px;}
ul#nav .previous a { padding: 0 4px 0 4px; background: url("../img/previous.png") no-repeat left center; }
ul#nav .previous a:hover { background: url("../img/previous_active.png") no-repeat left center;}
ul#nav .previous_text {display: none;}

ul#nav .pageNumber { padding:0 7px 0 2px; }
ul#nav .pagnation { padding: 0 3px 0 3px; }

ul#nav .next { white-space: pre; width: 15px; height: 20px}
ul#nav .next a { padding: 0 4px 0 4px; background: url("../img/next.png") no-repeat right center;}
ul#nav .next a:hover { background: url("../img/next_active.png") no-repeat right center;}
ul#nav .next_text {display: none;}

.detail #nav
{
	margin: 0 auto 0 auto;
}


#content
{
	margin: 15px;
	padding: 0px;
}

#picblock {
	margin: 20px 0 0 0;
}

#picblock tr td{
	text-align: left;
	vertical-align: top;
}

dl.imageblock
{
	margin: 0 0 25px 0;
	padding-right: 15px;
	min-height: 90px;
}

dl.imageblock a, dl.imageblock a:visited, dl.imageblock a:active
{
	color: #888;
}
/*!!! Modifica colore */
.imagecell
{
    margin: 0;
    padding: 0;
    text-align: center;
	background-color: #000;
	vertical-align: bottom;
}

.imagecell img, .imagecell object
{
    vertical-align: bottom;
}
/*!!! Font */
dd.imageinfo
{
	font: .7em 'SansationRegular', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:  #dedede;
	margin: 8px 0 0 0;
}

dl.imageblock dd.imageinfo ul#metadata
{
	margin: 0;
	padding: 0;
	display: inline;
}

dl.imageblock dd.imageinfo ul#metadata li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

.journaltitle .text
{
	width:592px; /* default only - must be defined inline based on user settings */
	font-size:2.1em;
	color:#BBB;
	margin: 0;
	padding: 0;
}
.journaltext .text
{
	width:592px; /* default only - must be defined inline based on user settings */
	font-size:1.1em;
	line-height: 1.2em;
	color:#BBB;
	margin: 0;
	padding: 0;
}

#footer
{
	padding: 0;
	margin: 0 15px 15px 15px;
	list-style: none;
}
/* !!! Modifica colore e font */
#footer p
{
	font: .8em 'SansationRegular', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#dedede;
	margin:0;
	padding: 0;
}