/*********************************************************************************

	Project			:	newyorkstories
	Design/Programmierung	:	Oliver Kreischer - www.kreischer.de

**********************************************************************************/


:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { outline: none; }
legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 1em;line-height: 1.2; }


ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre		{font-size: 1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
}

/* ### BODY ###################################################################### */
body {
	
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #000;	
	}


.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

/*	website
*******************************************************************************/
#bandeau-bas {
position:absolute;
bottom: -10px;
left:0px;

background: url('bandeau-bas.png');
width: 100%;
height: 100px;
z-index: 99999999;


}


/*	containerleft
*******************************************************************************/
#containerleft {
	position: fixed;
	display: inline-block;
	width: 350px;
	z-index: 100;
	margin-left: 0px;
}

/*	logo
*******************************************************************************/
#logo {
	position:absolute;
top: 35px;
left:0px;
	clear: both;
	height: 45px;
	width: 270px;
	margin: 0;
	z-index: 5;
	padding: 0px 0 0 20px;	
}

#logo a {
	background: url('logo.png') no-repeat 0 0;
	color: #000;
	display: block;
	width: 250px;
	height: 45px;
	text-indent: -2000px;
	z-index: 5;
}

/*	loader
*******************************************************************************/
#loader {
	position: absolute;
	margin: 1px 0 0 351px;
	padding: 0;
	display: inline-block;
	width: 16px;
	height: 2px;
	position: absolute;
	background: url('ajax_loader.gif');
	z-index: 10;
}



/* ### nav1st - first level navigation ######################################## */
#navigation {
position:absolute;
bottom: 2px;
left:180px;
font-size:24px;
line-height: 16px;
font-weight: 900;
	width: 200px;
	z-index: 99999999999999999999999999;
}

ul.nav1st {
	
 float:left;   
 marging-left: 10px;
	padding: 15px 0 15px 0;
}

ul.nav1st li {

 float:left;   
	width: 250px;
	text-align: left;
	padding:10px 0 4px 25px;
}

ul.nav1st a, 
ul.nav1st a:link {
	display:block;
	float:left;
	
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	color:#000;
border-right:2px solid #cc0000;	
}

ul.nav1st a:hover {
	color:#cc0000;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#cc0000;
}

ul.nav1st li a.current:hover {
	color:#cc0000;
}

/*	content / text
*******************************************************************************/
#conteneur {
	position: absolute;
	top: 0px;
	left: 351px;
	width: 600px;
	margin: 0;
	padding: 0;
	z-index: 10;
	display: none;
}

#content {
	padding: 45px 15px 15px 15px;
	display: inline-block;
	width: 570px;	
	background: url('back.png');	
	padding-top: 118px;
	font-size: 1.1em;
	line-height: 1.8;
	color: #fff;	
	}

#contentclose {
	display: inline-block;
	margin: 1px 0 0 0;
	background: url('back.png');
	width: 600px;
	height: 20px;	
	text-align: right;
}

#contentclose a {
	display: inline-block;
	background: url('arrow_up_down.png') no-repeat 575px -15px;  
	width: 600px;
	height: 20px;	
}

#contentclose a:hover {
	background: url('arrow_up_down.png') no-repeat 575px 5px;
}

strong {
	font-weight: normal;
	margin-bottom: 1em;
	line-height: 1.2;
	color: #fff;
}

.colonne {
	width: 570px; 
}

.colonne_1 {
 	width: 265px;
}

.colonne_2 {
  	width: 265px;
  	margin-left: 30px;
}

.colonne_1, 
.colonne_2 {
  	float: left;
}


#content a,
#content a:visited {
	color: #aba388;
	text-decoration: underline;
}

#content a:active {
	color: #aba388;
	text-decoration: underline;	
}


#content a:hover {
	color: #857c1f;
	text-decoration: underline;	
}

/* 
 * CREDITS: 
 * Copyright (c) 2009 Massimiliano Balestrieri
 * $Date: 2010-06-23 15:31:04 +0200 (mer, 23 giu 2010) $
 * $Revision: 5 $
 * $Author: massimiliano.balestrieri $
 * $HeadURL: https://jbgallery.googlecode.com/svn/trunk/jbgallery-2.0.css $
 * $Id: jbgallery-2.0.css 5 2010-06-23 13:31:04Z massimiliano.balestrieri $
 * Thanks to Aaron Hutten and Simone Parato
*/

/*{border:0px solid #eee;margin:0;padding:0;list-style:none}*/
html.loading{background:#000;}
html.loading *{visibility:hidden;}

html.jbg a{outline:none;}

html.jbg,body.jbg,.jbgallery,.jbgallery table,.jbgallery td{overflow:hidden;background:#000;font-family:FreeSans,Arial,Helvetica,sans-serif;width:100%;height:100%; margin:0;padding:0px;}
/*html.ie6{overflow:hidden;}*/

.jbgallery div{position:fixed;width:200%;height:200%;top:-50%;left:-50%;background:#000;}
html.ie6 .jbgallery div{position:absolute;}

.jbgallery td{vertical-align:middle;text-align:center}
.jbgallery img{margin:0 auto}
.jbgallery img.zoom{min-height:50%;min-width:50%;}
.jbgallery img.centered{min-height:auto;min-width:auto;}

/*CENTERED*/
#jbg.centered{position:static;width:auto;height:100%;}

/*CENTERED MODAL*/
#jbg.modal{position:absolute;width:200%;top:0;}

/*LOADING*/
#jbg-loading{position:absolute;width:100%;height:100%;z-index:1000;display:none;}
.jbg-loading{margin:auto;background:transparent url("ajax-loader.gif") no-repeat scroll 50% 50%;height:100%;width:100%;border:4px;display:block;}

/*OPTIONAL CONTENT AND MENU -> customize this */
#jbg-content{top:0px;left:0px;position:absolute;font-size:11px;z-index:1000;width:100%;height:100%;overflow:auto}


/**********************************************  SLIDER ********************************************** */
#jbgs-opacity,#jbgs {width:100%;height:70px;position:absolute;bottom:0px;z-index:1000;} 
#jbgs-opacity{background:#333;}
#jbgs-left,#jbgs-right, #jbgs-wrapper{position:relative;}
#jbgs-left, #jbgs-right, #jbgs-viewer{float:left;height:70px;}
/* LEFT/RIGHT SLIDER*/
#jbgs-left{width:105px;}
#jbgs-right{width:20px;}
/* VIEWER */
#jbgs-viewer{position:relative;overflow:hidden;/*width:1020px;calcolata da jquery?*/}
/* INNER */
#jbgs-inner{position:relative;left:0;top:0;width:20000px;}
/* INNER : todo padding e margin. thumb dimensions*/
#jbgs a{color:#333;}
#jbgs img{border:0;}
#jbgs ul, #jbgs li {margin:0;padding:0;}
#jbgs li {display: block;list-style: none;float: left;height: 51px;width: 60px;}
#jbgs li a{	display:block;padding:3px;margin: 5px 5px 5px 2px;}
#jbgs li img{height:51px;width: 51px;border:2px solid #999;}
#jbgs li img.focus{border-color:#fff;}
.jbgs-h{position:absolute;background:url('sprite.png') no-repeat;}
.jbgs-h, .jbgs-h:hover, .jbgs-h:active{text-align:left;text-indent:-9999px;letter-spacing:-9999px;}/*Simone Parato*/
#jbgs-h-pause,#jbgs-h-play{width:55px;height:28px;left:18px;top:22px;}
#jbgs-h-left,#jbgs-h-right{width:16px;height:49px;top:10px;}
#jbgs-h-left{background-position: 0 0;left:90px;}
#jbgs-h-right{background-position: -16px 0;left:6px;}
#jbgs-h-play{background-position: 0 -49px;}
#jbgs-h-pause{background-position: 0 -76px;}
/*THUMBS*/
.jbgs-thumb{position:absolute;bottom:70px;z-index:1000;}
.jbgs-thumb img{display:block;border:2px solid #fff;}
.jbgs-thumb img.jbgs-thumb-portrait{width:100px;}
.jbgs-thumb img.jbgs-thumb-landscape{height:100px;}
.jbgs-thumb-btn{height:6px;}
.jbgs-thumb-tip{height:6px;width:12px;margin:0 auto;background:url('sprite.png') no-repeat;background-position:-32px 0px;}
/*TOP*/
#jbgs-top,#jbgs-top-opacity{width:100%;height:32px;position:absolute;top:0px;z-index:1000;}
#jbgs-top-opacity{background:#333;}
#jbgs-top a, #jbgs-top span{color:#fff;font-size:13px;text-decoration:none;}
#jbgs-top-right{position:absolute;right:10px;padding-top:5px;}
#jbgs-top-center{margin:0 auto;width:126px;position:relative}
#jbgs-h-prev,#jbgs-h-next{position:absolute;width:62px;height:16px;top:7px}
#jbgs-h-prev{background-position: 0 -121px;left:0px;}
#jbgs-h-next{background-position: 0 -105px;right:0px;}
/*CAPTION*/
#jbg-caption-opacity,#jbg-caption{visibility:hidden;position:absolute;z-index:1000;right:1px;top:40px;width:500px;overflow:hidden;padding:10px;}/*height:375px;*/
#jbg-caption-opacity{background:#333;}/*height:385px;*/
#jbg-caption{color:#fff;overflow-y:auto;font-size:13px;}

/**********************************************  MENUSIMPLE ********************************************** */
ul#jbg-menu, #jbg-menu-opacity{z-index:1000;padding:0px;margin:0px;position:absolute;top:0px;right:0px;}
#jbg-menu-opacity{width:100%;height:25px;background:#000;}
ul#jbg-menu{font-size:11px;}
ul#jbg-menu li{list-style:none;display:block;float:left;padding:4px;}
ul#jbg-menu li a{border:0;text-decoration:none;color:#fff;}/*-moz-outline:none;*/	

ul#jbg-menu li a.visited{color:yellow;}
ul#jbg-menu li a.selected{color:red;}

/*controls*/
.jbg-play{}
.jbg-stop{}
.jbg-next{}
.jbg-prev{}
.jbg-info{}	


/* Player */

<!--
		#playerContainer { 
			position:absolute;
			bottom: 0px;
			left:50%;
			margin-left: -72px;
			width: 380px; 
			height: 43px;
			padding: 8px;
			z-index: 999999999;
		}
		
		#playerControls { list-style: none; padding: 0px; margin: 0px; 
	position:absolute;
top: 12px;
right:260px; }
		#playerControls li { 
			
			display: block; 
			width: 32px; 
			height: 32px; 
			float: left; 
			text-indent: -9999px;
			cursor: pointer;
		}
		
		li#jplayer_play  { background: url('../img/control_play.png'); }
		li#jplayer_pause { background: url('../img/control_pause.png'); }
		li#jplayer_stop  { background: url('../img/control_stop.png'); }
		li#jplayer_prev  { background: url('../img/control_rewind.png'); }
		li#jplayer_next  { background: url('../img/control_fastforward.png'); }
		#playerSongInfo { 
			position:absolute;
top: 7px;
right:35px;
			background-color: #fff;
			height: 14px;
			width: 200px;
			padding: 4px;
			margin-top: 8px;
			float: left;
			border: 1px solid #c0c0c0;
			font-family: Arial, sans-serif;
			color:#333333;
			font-size: 12px;
		}
		
	//-->
	
	/*Icones */

fieldset,img{border:0;}

#iconbar			{ position:absolute; bottom: 18px; right: 20px;  margin-left:15px; margin-top: -10px; z-index: 999999999999999;}
#iconbar li			{
	float:left;
	position:relative;
	margin-left:0px;
	background:#fff;
	border: 0px dashed #ffc0ff;
	overflow:hidden;
}
#iconbar a {
	text-decoration: none;
	font-size: 11px;
	outline: none;
	color:#222;
	display: block;
	width: 24px;
	padding: 2px;
	cursor:pointer;
}
#iconbar span	{
	width: 100px;
	height: 25px;
	position: absolute;
	display: none;
	line-height:110%;
	color:#222;
	padding-left: 10px;
}