body
{
	font-family: "Lucida Sans" , Arial, Verdana;
}

/* get rid of those system borders being generated for A tags */
a:active
{
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}

/* navigation */
#nav
{
	background: #ddd url('../images/h300_reverse.png');
	border-bottom: 1px solid #CCCCCC;
	height: 156px;
	width: 800px; /*larghezza della barra con i bottoni */
}
#nav ul
{
	width: 743px;
	margin: 0 auto;
}
#nav li
{
	border-right: 1px solid #ddd;
	float: left;
	padding-left: 1px;
	width: 175px;
	list-style-type: none;
	text-align: center;
}
#nav a
{
	color: #333333;
	display: block;
	padding: 17px;
	position: relative;
	word-spacing: -2px;
	font-size: 11px;
	height: 122px;
	text-decoration: none;
}
#nav a.current
{
	background: url('../images/down_large.jpg');
}
#nav img
{
	background-color: #fff;
	border: 1px solid #ccc; /*	margin: 3px 0 5px 27px; */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px;
	display: block;
}
#nav img
{
	background-color: #fff;
	border: 1px solid #ccc; /*	margin: 3px 0 5px 27px; */
	text-align: -moz-center;
	padding: 0px;
	display: block;
}
#nav strong
{
	display: block;
	font-size: 13px;
	font-family: Lucida Sans;
}
/* panes */
#panes
{
	background: #fff url('../images/h300_reverse.png') repeat scroll 0 0;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0;
	width: 800px; /* dimensione della 'sottopagina' */
	height: 280px; /* dimensione della 'sottopagina' */
	margin-bottom: -20px;
	padding-bottom: 20px; /* must be relative so the individual panes can be absolutely positioned */
	position: relative;
}
/* crossfading effect needs absolute positioning from the elements */
#panes div
{
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: medium;
	color: #444;
	width: 650px;
}
#panes img
{
	float: left;
	margin-right: 20px;
}
#panes p.more
{
	color: #000000;
	font-weight: bold;
	font-size: medium;
}
#panes h3
{
	margin: 0 0 -5px 0;
	font-size: 20px;
	font-weight: normal;
}
.overlay
{
	display: none;
	width: 500px;
	padding: 20px;
	background-color: #ddd;
}

abled {
	visibility:hidden !important;		
} 	

/*{{{ code */

pre, code, .code {
	font-family:'andale mono','bitstream vera sans mono','lucida console','courier new';
	font-size:12px;
	line-height:16px;
}


div.petrol code span.js__string {
	color:#bbc7cf;		
}

div.petrol code span.js__keyword {
	color:#d8c;	
}

div.petrol code span.js__flow { 
/* code box */



	color:#95d0df;
}



/*{{{ #content box, listing, div.tip  */

#content div.box, table.listing, div.tip {
	outline:1px solid #999;
	border:2px solid #fff;
	background-color:#f0f1f2;
	margin:10px 0 15px 0;
	padding:10px;
	
	/* outline radius */	
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;	
}

#content div.box h2 {
	margin:0px;
	background-color:#c2d0da;
	font-weight:normal;
	font-size:15px;
	line-height:30px;
	padding:0 10px;
	margin:-10px -10px 10px -10px;
}

div.tip {
	background:url('../images/h150.png') repeat-x;
}


/* skins */
#content div.box.dark 									{ background-color:#99a6af; }
#content div.box.dark h2 								{ background-color:#586e7b; }
#content div.box.light 									{ background-color:#f9f9fa; }
#content div.box.light h2 								{ background-color:#d7dde1; }
#content div.box.petrol 								{ background-color:#295c72; }
#content div.box.petrol h2 							{ background-color:#254558; }
#content div.box.petrol.dark, div.tip 				{ background-color:#254558; }
#content div.box.petrol.dark h2, div.tip h2 		{ background-color:#295c72; }
#content div.box.ruby 									{ background-color:#e5e7e9; }
#content div.box.ruby h2 								{ background-color:#b8128f; }
#content div.box.ruby.dark 							{ background-color:#b8128f; }
#content div.box.ruby.dark h2 						{ background-color:#552452; }
#content div.box.black 									{ background-color:#000000; }
#content div.box.black h2 								{ background-color:#3C4752; }

/* box font colors */
div.box.dark, div.box.petrol, div.box.black, div.tip,
div.box.dark h2, div.box.petrol h2, div.box.ruby h2, div.box.black h2,
div.box.dark h3, div.tip h2 {
	margin-top:0px;
	color:#fff;	
}

div.box.dark a, div.box.petrol a, div.box.black a { 
	color:yellow;	
}

div.box.petrol samp {
	color:#95D0DF;		
}

/* mouseover tip */
div.tip {
	width:280px;		
	display:none;
	position:absolute;
	z-index:2;
}

div.tip h3 {
	color:#dee7ec;	
}

/* info, alert */
#content div.box.info, #content div.box.alert {
	background-image:url('../images/info.png');
	background-position:6px center;	
	background-repeat:no-repeat;
	padding:15px 50px;
	font-size:14px;
	color:#555;
}

#content div.box.info a {
	font-size:1



#content div.box.info.petrol {
	color:#fff;		
}

#content div.box.alert {
	background-image:url('../images/alert.png);
}

/*}}}
;;		
;;