html, body {
	margin: 0px;
	padding: 0px;
	background-color:#fafafa;
	background-color:#f2f0eb;
	font-family: 'Trebuchet MS', arial, sans-serif, Helvetica;
	font-weight:normal;
	font-size: 9pt;
	color: #555;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/loading.gif');
	background-color:#f2f0eb;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display: none;
	z-index: 99999999999999999999999999;
}

.left {
	float: left;
	position: relative;
	}
	
.right {
	float: right;
	position: relative;
	}

.height10 {height: 10px;}
.height20 {height: 20px;}
.height100 {height: 100px;}
	
a:link, a:visited, a:active {
	color:#000;
	text-decoration: underline;
}

a:hover {
	color:#f5a443;
	text-decoration:none;
}

a.menuinterno:link, a.menuinterno:visited, a.menuinterno:active {
	color:#000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
}

a.menuinterno:hover {
	color:#f5a443;
	text-decoration:none;
}


.clear {
	clear: both;
	}

.readmore {
	cursor: pointer;
	background-color:#f5a443;
	width: 120px;
	padding: 1px 1px 1px 4px;
	color: #fff;
	overflow:hidden;
	display: block;
	font-size: 10pt;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
	position: absolute;
	right: 0px;
	top: -2px;
}

a.readmorebottom {
	background-color:#f5a443;
	width: 120px;
	padding: 1px 1px 1px 4px;
	color: #fff;
	overflow:hidden;
	display: block;
	font-size: 10pt;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
	text-decoration: none;
	position: relative;
	float: right;
	right: 0px;
}

.readmoreclose {
	cursor: pointer;
	background-color:#f5a443;
	cbackground-color:#333;
	width: 120px;
	padding: 1px 1px 1px 4px;
	color: #fff;
	overflow:hidden;
	display: block;
	font-size: 10pt;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.language {
	list-style: none;
	position: fixed;
	right: 10px;
	top: 40px;
	z-index: 999;
}

.language li{
}

.language li a{
	display: table;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10pt;
	color: #fff;
	background-color:#e2e0db;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;	
}

.language li a:hover{
	background-color:#f5a443;
}

.main {
	width: 960px;
	margin: 0px 0 20px 0;
	padding: 10px 0 0 0;
	overflow:hidden;
	position: relative;
	}

.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	}

.header {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	z-index: 99999;
	width: 860px;
	dheight: 150px;
	background-color:#f2f0eb;
	dborder: 1px solid #000;
}
	
.logo {
	width: 192px;
	height: 60px;
	float: left;
	position: relative;
	top: -40px;
	left: 10px;
	background: url('../images/logo.png') left center no-repeat;
	cursor: pointer;
}

.dateuscite {
	z-index: 99999999999; 
	display: block;
	padding:0;
	margin: 10px 0 0 0;
	list-style:none;
	top:0;
	right:0;
	position: absolute;
}

.dateuscite li {
	float: left;
	background-color: #fff;
	color: #444;
	text-decoration: none; 
	font-size: 18pt;
	dfont-weight: bold;
	font-family: Georgia;
	padding: 2px 8px 5px 8px;
	cursor: pointer;
	border-left: 1pt dashed #aaa;
}
.dateuscite li:first-child {
	border-left: none;
}

.dateuscite li.selected {
	background-color: #58585a;
	color: #fff;
}

.dateuscitebeta {
	//float: right;
	position: absolute;
	z-index: 9999;
	right: 110px;
	top: 18px;
	margin: 0;
	padding:0;
	list-style:none;
	display: none;
}

.dateuscitebeta li {
	float: left;
	//background-color: #fff;
	color: #fff;
	text-decoration: none; 
	font-size: 15pt;
	padding: 0;
	margin: 0 0 0 10px;
	cursor: pointer;
	//border: 1px solid #fff;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;	
	opacity: 0.4;
}
.dateuscitebeta li:first-child {margin: 0;}

.dateuscitebeta li:hover{opacity: 0.8;}

.dateuscitebeta li.selected {
	opacity: 0.8;
	//background-color: #F5A443;
	//border: 1px solid #F5A443;
	color: #F5A443;
}

.menucontainer {
	float: left;
	position: relative;
	top: 0;
	left: 0px;
	padding: 0 0 10px 0;
	width: 100%;
	display: block;
	background-color:#f2f0eb;
}

.menucompresso {
	width: 100%;
	margin: 0px 0 0 10px;
	padding: 44px 0 0 0;
	font-family: 'Trebuchet MS', Helvetica;
	text-transform: lowercase;
	display: block;
}

.menuesploso {
	margin: 0px 0 0 10px;
	padding: 46px 0 0 0;
	dwidth: 100%;
	overflow: hidden;
	background-color:#fafafa;
	background-color:#f2f0eb;	
	display: block;
}

.menuvertical {
	list-style:none;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	dwidth: 100%;
	
}

.menuvertical li {
	margin: 0 0 0 0;
	dwidth: 104px;
	padding: 0 26px 0 0;
	float: left;
	background: none;
	fborder: 1px solid #000;
}

.menuvertical li a.selected:link {
	text-decoration: underline; 
	color: #444;
}

.menuvertical li div a.selected {
	text-decoration: underline; 
	color: #444;
}

.menuvertical li a:link, .menuvertical li a:visited, .menuvertical li a:active {
	color: #111;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
}

.menuvertical li a:hover {
	color: #f5a443;
}

.menuverticalinterno {
	list-style:none;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}

.menuverticalinterno li {
	margin: 12px 0 0 0;
	padding: 0;
}

.menuverticalinterno li div a.selected {
	text-decoration: underline; 
	color: #444;
}

.menuverticalinterno li a:link, .menuverticalinterno li a:visited, .menuverticalinterno li a:active {
	color: #111;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
}

.menuverticalinterno li a:hover, .menuverticalinterno li a.selected:link {
	color: #f5a443;
}

.titoloinattivo {
	margin: 0 4px 4px 0;
	color: #666;
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
}

.titoloartist {
	margin: 0 4px 4px 0;
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Helvetica;
}

.sitemap {
	position: absolute;
	top: 3px;
	right: 0;
}
.sitemap a{
	color: #111;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
.sitemap a:hover {
	color: #f5a443;
}

.content {
	position: relative;
	float: left;
	width: 920px;
	display: none;
	margin: 20px;
}

.content-left {
	position: relative;
	float: left;
	width: 130px;
	xborder: 1px solid #000;
}

.content-right {
	position: relative;
	float: right;
	width: 780px;
	xborder: 1px solid #000;
}

	.titolo {
		color: #000;
		font-size: 10pt;
		font-weight: normal;
		text-transform: uppercase;
		font-family: 'Trebuchet MS', Helvetica;
		margin: 0px 0 10px 0;
	}
	.occhiello {
		color: #000;
		font-size: 9pt;
		font-weight: normal;
		font-family: 'Trebuchet MS', Helvetica;
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	.titoloartista {
		margin: 2px 0 0 0;
		color: #000;
		font-weight: normal; 
		font-size: 10pt;
		font-family: 'Trebuchet MS', Helvetica;
		//font-family: 'Prata', serif;
		text-transform: uppercase;
	}
	.titoloartista a {
		text-decoration: none;
	}
	
	.descrizione{
		margin: 0px;
		letter-spacing: 1px;
	}

.contentexhibition {display: none;}

/* ---------------------- ARTIST MENU NEWS ------------------------------------------------------------------------------------------------------------------------------*/
.artistmenu, .newsmenu {
	list-style:none;
	margin: 0;
	padding: 20px;
	position: absolute;
	top: 20px;
	left: 240px;
	overflow:hidden;
	width: 600px;
	display: none;
	background-color: #e2e0db;
	background-color: #dadad9;
	background-color: #eae8df;
	}
 
.artistmenu li, .newsmenu li {
	margin: 5px 10px;
	padding: 0;
	float: left;
	}
 
.artistmenu li:first-child, .newsmenu li:first-child {
	}

.artistmenu li a, .newsmenu li a {
	font-family: 'Trebuchet MS', Helvetica;
	text-decoration:none;
	text-transform: capitalize;
	color: #111;
	}

/* ---------------------- ARTIST ------------------------------------------------------------------------------------------------------------------------------*/
.contentartista {display: none; padding: 0; margin: 0;}

.artistquadrato {
	margin: 0;
	padding: 0;
	list-style: none;
}

.artistquadrato li {
	float: left; 
	margin: 0 10px 10px 0; 
	width: 218px; 
	height: 218px; 
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: none;
	background-color: #e2e0db;
	background-color: #eae8df;
	background-position: center center; 
	background-repeat: no-repeat;	
}

.artistquadrato li a {
	position: absolute;
	width: 218px; 
	line-height: 218px; 
	text-align: center;
	display: block;
	text-decoration: none;
	dz-index: 1;
}

.artistquadrato li .titoloartista {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	sdisplay: none;
	zd-index: 2;
}

/* ---------------------- videos ------------------------------------------------------------------------------------------------------------------------------*/
.contentvideo {display: none; padding: 0; margin: 0;}

.videoquadrato {
	margin: 0;
	padding: 0;
	list-style: none;
}

.videoquadrato li {
	float: left; 
	margin: 0 10px 10px 0; 
	width: 218px; 
	height: 218px; 
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: none;
	background-color: #e2e0db;
	background-color: #eae8df;
	background-position: center center; 
	background-repeat: no-repeat;	
}

.videoquadrato li a {
	position: absolute;
	width: 198px; 
	height: 198px; 
	padding: 10px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;	
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;	
}

.videoquadrato li a div.introvideo {
	padding: 6px 0 0 0;
	text-transform: none;
	color: #000;
}

.videoquadrato li .titolovideo {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	/*
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	*/
	sdisplay: none;
	zd-index: 2;
}

a.share_facebook {
	text-decoration: none;
	font-size: 8pt;
	display: table;
	margin: 4pt 0 0 0;
	padding: 4px 0 4px 24px;
	background: url('../images/fb-little.png') left center no-repeat;
}

/* ---------------------- SLIDE QUADRATI ------------------------------------------------------------------------------------------------------------------------------*/

.slidequadrato {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slidequadrato li {
	float: left; 
	margin: 0 10px 10px 0; 
	width: 218px; 
	height: 218px; 
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: none;
	background-color: #e2e0db;
	background-color: #eae8df;
	background-position: center center; 
	background-repeat: no-repeat;	
}

.slidequadrato li a {
	position: absolute;
	width: 218px; 
	line-height: 218px; 
	text-align: center;
	display: block;
	text-decoration: none;
	dz-index: 1;
}

.slidequadrato li .titoloslide {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	/*
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	*/
}


/* ---------------------- EXHIBITIONS ------------------------------------------------------------------------------------------------------------------------------*/

.contentexhibition {display: none;}

.upcoming {
	float: right;
	width: 240px;
	display: none;
}

	.upcomingslide {
		position: relative;
		width: 240px;
		height: 240px;
		display: block;
	}
	.upcomingtitolo {
		width: 220px;
		padding: 1px 10px;
		margin: 0 0 0 0;
		background-color:#333;
		color: #fff;
		font-size: 10pt;
		font-weight: normal;
		text-transform: uppercase;
		font-family: 'Trebuchet MS', Helvetica;
	}

/*
.artist {
	position: fixed;
	top: 50px;
	padding: 8px;
	width: 240px;
	height: 240px;
	background-color:#e2e0db;
	border-top: 6pt solid #777;
	border-bottom: 6pt solid #777;
	overflow:hidden;
	z-index: 9999;
}
	.artisttitolo {
		position: relative;
		float: right;
		width: 220px;
		padding: 1px 10px;
		margin: 0;
		background-color:#333;
		color: #fff;
		overflow:hidden;
		display: block;
		font-size: 10pt;
		font-weight: normal;
		font-family: 'Trebuchet MS', Helvetica;
		text-transform: uppercase;
		display: none;
	}
*/

.ricerca {
	position: relative;
	float: right;
	padding: 0;
	margin: 20px 0 0 0;
	width: 240px;
	display: block;
	font-size: 10pt;
	font-weight: normal;
	font-family: 'Trebuchet MS', Helvetica;
	text-transform: uppercase;
	display: none;
}

.ricercatext {
	width: 90px;
	padding: 5px 0 5px 5px;
	height: 16px;
	border: none;
	background-color: #f2f0eb;
}

.press {	
	margin: 0 20px 10px 0;
	padding: 3px 0 2px 24px;
	font-size: 11pt;
	font-family: 'Trebuchet MS', Helvetica;
	text-transform: uppercase;
	cursor: pointer;
	background: url('../images/press.png') left center no-repeat;
	float: left;
}

.lateral {	
	margin: 0 20px 10px 0;
	padding: 3px 0 2px 24px;
	font-size: 11pt;
	font-family: 'Trebuchet MS', Helvetica;
	text-transform: uppercase;
	cursor: pointer;
	background: url('http://projectb.eu/images/lateral.png') left center no-repeat;
	float: left;
}

.footer {
	margin: 20px 0px 20px 0px; 
	width: 100%;
	display: none;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	position: relative;
}

.footer div.anagrafica {
	padding: 4px 20px; 
	font-size: 8pt;
	text-transform: uppercase;
	color: #888;
	float: left;
}

.footer a {	
	color: #888;
}

.fb-like-container {
	float: right;
	display: table;
	margin: 10px 10px 10px 0;
	dborder: 1px solid #f60;
}

.social {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

.social li{
	float: left;
	margin: 0;
	padding: 0;
	dborder: 1px solid #f60;
}


#message a
{
	/* display: block before hiding */
	display: block;
	display: none;

	/* link is above all other elements */
	z-index: 999; 

	/* link doesn't hide text behind it */
	opacity: .8;

	/* link stays at same place on page */
	position: fixed;

	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -100px; /* = height + preferred bottom margin */

	/* link is centered */
	left: 50%;
	margin-left: 240px; /* = half of width */


	/* make it big and easy to see (size, style to preferences) */
	width: 220px;
	line-height: 28px;
	height: 28px;
	padding: 2px 10px;
	background-color: #000;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

.laterallabel {
	position:fixed;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 100%;
	text-align: center;
	dpadding: 100px 4px 4px 1px;
	display: block;
	cursor: pointer;
	background: #f5a443 url('../images/labelblog.png') center 10px no-repeat;
	z-index: 9999999999999999;
}

.lateralpage {
	position:absolute;
	left: 960px;
	dborder: 1px solid #000;
	width: 960px;
	display: block;
}

/* FORM NEWSLETTER */
.errore{
	font-weight: bold;
	color: #f20;
	text-transform: uppercase;
	margin: 12px 0 12px 0;
	display: block;
}

.form-testo {
	color: #000;
	font-weight: normal;
}

.form-input {
	margin: 0 0 4px 0;
}

.form-input input{
	width: 300px;
	font-family:"Trebuchet MS", Arial, Verdana; 
	background: #F7F7E9;
	border: 1px solid #F7F7E9;	
	color: #000;
	padding: 2px;
	border: none;
}

.form-input100 input{
	width: 98%;
	font-family:"Trebuchet MS", Arial, Verdana; 
	background: #F7F7E9;
	border: 1px solid #F7F7E9;
	color: #000;
	padding: 2px;
	border: none;
}

.form-textarea {
	width: 98%;
	height: 80px;
	font-family:"Trebuchet MS", Arial, Verdana; 
	font-size: 9pt;
	background: #F7F7E9;
	color: #000;
	padding: 2px;
	border: none;
}

.form-textarea.occhiello {
	height: 40px;
}

.form-textarea.descrizione {
	height: 100px;
}

.form-input input:focus, .form-textarea:focus {
	border: 1px solid #f5a443;
	dcolor: #fff;
	dfont-weight: bold;
}

.form-submit{
	font-family:"Trebuchet MS", Arial, Verdana; 
	font-weight: bold;
	background: #f5a443;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 10px;
	margin: 6px 0 0 0;
	border: none;
	cursor: pointer;
}


/* SLIDESHOW --------------------------------------------------------------------- */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; dborder:1px solid #ccc; background:#000}
#information {position:absolute; top:100%; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url('http://projectb.eu/css/images/left.gif') no-repeat left center; }
#imgnext {right:0; background:url('http://projectb.eu/css/images/right.gif') no-repeat right center; }
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url('http://projectb.eu/css/images/link.gif') no-repeat center; }
#thumbnails {margin-top:65px}
#slideleft {float:left; width:20px; height:81px; background:#222 url('http://projectb.eu/css/images/scroll-left.gif') no-repeat center; }
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url('http://projectb.eu/css/images/scroll-right.gif') no-repeat center; }
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/* TIMELINE --------------------------------------------------------------------- */

	#timeline {
		display: table;
		width: 100%;
		margin: 0;
		position: relative;
		background: url('../images/line.gif') 3px top repeat-y;
	}

		#timeline div#bg{
			position: absolute;
			left:0;
			bottom: 0;
			width: 280px;
			height: 50px;
			margin: 0;
			padding: 0;
			background: url(../images/timelinebgbottom.png) center center no-repeat;
			dz-index: 10;
		}

		#dates {
			overflow: hidden;
			list-style: none;
			width: 280px;
			float: left;
			padding: 20px 0;
			margin: 0;
		}

			#dates li {
				margin: 10px 0 0 0;
			}

			#dates li div.data-capoverso {
				display: table;
				font-size: 10pt;
				background: #fc9;
				color: #fff;
				//font-weight:bold;
				padding: 2px 10px;
				margin: 0 0 4px 4px;
				//background: url('../images/biggerdot.png') left center no-repeat;
			}
	
	.artista-capoverso {
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
	}
		.artista-capoverso li{
			list-style: none;
			margin: 0 !important;
			padding: 5px;
		}

			.artista-capoverso li a{
				text-decoration: none;
			}
	
				.artista-capoverso li a span{
					display: block;
					width: 100%;
				}
	
				.artista-capoverso li a span.artista-nome{
					text-transform: uppercase;
					font-weight:bold;
				}

				.artista-capoverso li a span.exhibition-nome{
					color: #555;
				}



	#issues-container {
		width: 600px;
		margin: 0;
		padding: 0;
		float: right;
		overflow: hidden;
		background: url(../images/loading.gif) center 100px no-repeat;
	}	
		#issues {
			margin: 0;
			padding: 0;
		}	
			#issues li {
				cursor:pointer;
				display: none;
				position: absolute;
				/*
				-webkit-transition: all .4s ease;
				-moz-transition: all .4s ease;
				-o-transition: all .4s ease;
				transition: all .4s ease;
				*/
				list-style: none;
				dborder: 1px solid #000;
			}
	
			#issues li div.anagrafica {
				margin: 20px;
			}






















	
	/*
		#dates {
			width: 130px;
			height: 400px;
			overflow: hidden;
			float: left;
			margin: 0;
			padding: 0;
		}
			#dates li {
				list-style: none;
				min-width: 130px;
				height: 40px;
				line-height: 40px;
				font-size: 9pt;
				padding-left: 10px;
				background: url('../images/biggerdot.png') left center no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
					text-decoration: none;
					text-transform: uppercase;
					font-family: 'Trebuchet MS', Helvetica;
				}
				#dates .selected {
					color:#f5a443;
				}
		
		#issues {
			width: 740px;
			dheight: 400px;
			margin: 0;
			padding: 0;
			float: right;
		}	
			#issues li {
				dheight: 400px;
				list-style: none;
				border: 1px solid #000;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					max-height: 60%;
					float: left;
					margin: 10px 30px 10px 50px;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					text-align: center;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					margin: 10px 20px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 1px 1px 2px;
				}
		
		#grad_top,
		#grad_bottom {
			width: 500px;
			height: 80px;
			position: absolute;
		}
			#grad_top {
		        top: 0;
		        background: url('http://projectb.eu/images/grad_top.png') repeat-x;
			}
			#grad_bottom {
		        bottom: 0;
		        background: url('http://projectb.eu/images/grad_bottom.png') repeat-x;
			}
		
		#next,
		#prev {
			position: absolute;
			left: 55%;
			font-size: 70px;
			width: 38px;
			height: 22px;
			dbackground-position: 0 -44px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				dbackground-position:  0 0;
			}
			#next {
				bottom: 0;
				background-image: url('http://projectb.eu/images/ad_down.png');
			}
			#prev {
				top: 0;
				background-image: url('http://projectb.eu/images/ad_up.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
	*/
	
/* MOBILE --------------------------------------------------------------------- */

/* For general iPad layouts */
@media only screen and (device-width: 768px) {
	.header {
		position: fixed;
		display: block;
		width: 100%;
		background-color:#f2f0eb;
		}

	.dateuscite {display: none;}
		
	.item {
		width: 100%;
		height: 750px;
		cmargin: 100px 0 0 0;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		dborder: 1px solid #d00;
		}

	.content {
		display: none;
		margin: 100px 20px 20px 20px;
		xborder: 1px solid #000;
	}

}

/* For portrait layouts only */
@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
}

/* For landscape layouts only */
@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.header {
		nposition: fixed;
		display: block;
		width: 100%;
		background-color:#f2f0eb;
		}

	.dateuscite {display: none;}
		
	.item {
		width: 100%;
		height: 750px;
		cmargin: 100px 0 0 0;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		dborder: 1px solid #d00;
		}

	.content {
		display: none;
		margin: 100px 20px 20px 20px;
		xborder: 1px solid #000;
	}

}