/*
	A Better Blogroll
	by Chris Coyier
	http://css-tricks.com
*/


/*
	GENERIC RESET & BASIC STRUCTURE
*/
body { margin: 0; padding: 0; background-image:url(images/BG-cartone.jpg); font-family:Arial, Helvetica, sans-serif; font-size:100%; }
ul { list-style: none; }
#Testata { width:940px; margin:0 auto 0 auto; padding:20px 0px 10px 0px;}
.Clear { clear:both;}
.Left { float:left;}
.Right { float:right;}
.Center, .Center img { text-align:center; margin:0 auto 0 auto; padding:0;}

td { padding:2px}

/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 940px; margin: 0px auto 0px auto; position: relative; background-color:#FFFFFF; }
#blogSlider 						{ width: 940px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { position: relative; width: 940px; background-color:#FFFFFF; float:left; font-size:.75em; }
.stripNav 							{ display:block; width:940px; margin:0; padding:0; font-size:.8em; float:right;}
.wrapper 							{ padding: 0px; margin:0; }
.innerWrap 							{ width: 940px; overflow: hidden; }
#push 								{ height: 30px; background: #996600 url(images/BG-cartone_2.jpg); }

.MarginBox { width:900px; margin:10px 20px 10px 20px;}
.ColSX { width:450px; float:left;}
.ColSXv2 { width:440px; float:left; text-align:justify; font-size:.75em;}
.ColDX { width:450px; float:right; background-color:#e3e4e5;}
.ColDXv2 { width:440px; float:right; background-color:#FFFFFF; text-align:justify; font-size:.75em;}


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul { margin:-25px 0 0 0; padding:0; list-style-type:none; text-align:right; float:right;}

.stripNav ul li { margin:0; padding:0; display:block; width:60px; float:left;}

.stripNav li a { text-decoration:none; color:#FFFFFF; background: #996600 url(images/BG-cartone_2.jpg); padding:5px; margin:0px 0px 0px 1px; text-align:center; display:block; }
.stripNav li a:hover { color:#FFCC99;}
.stripNav li a.current { background-color:#FFFFFF; background-image:none; color:#663300;}
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { }
.stripNav li.tab2 a { }
.stripNav li.tab3 a { }
.stripNav li.tab4 a { }
.stripNav li.tab8 a { text-decoration:none; color:#FFFFFF; background: #E00000; padding:5px; margin:0px 0px 0px 1px; text-align:center; display:block; font-weight:bold; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { }
.stripNav li.tab2 a.current { }
.stripNav li.tab3 a.current { }
.stripNav li.tab4 a.current { }
.stripNav li.tab8 a.current { background-color:#FFFFFF; background-image:none; color:#E00000; font-weight:bold;}


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; width:30px; position:absolute; bottom:0px; margin:0px; padding:0px; color:#FFFFFF; text-decoration:none; }
.stripNavL strong, .stripNavR strong  { visibility:hidden;}
.stripNavL a						{ left:0; background:url(images/Back.gif) top left no-repeat; display:block; width:30px; height:30px;}
.stripNavR a 						{ right:0; background:url(images/Next.gif) top right no-repeat; display:block; width:30px; height:30px;}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 100%; }
.panel ul li a 						{ }
.panel ul li:last-child a 			{ }
								  	  /* Unique rollover colors for each list */
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{	background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }

/*  STILIZZAZIONE ELEMENTI DI PAGINA   */

h1 { font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold; margin:0; padding:0px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; margin:0; padding:0px 0px 5px 0px; color:#CC9900;}
p { margin:0; padding:0;}
p strong { margin:0; padding:0; color:#CC9900;}
ol.ProdColor { margin:0; padding:4px 0px 0px 0px; list-style-type:none; text-align:center;}
ol.ProdColor li { margin:0; padding:2px; display:inline; text-align:center;}


/* FOOTER */
#Footer { text-align:center; font-size:.7em; padding-top:10px; color:#532615;}
#Footer a { text-decoration:none; color:#990000; font-size:1.1em;}
#Footer a:hover { text-decoration: underline;}

.FMenu { margin:0; padding:8px; text-align:center; font-size:.8em;}
.FMenu ol { margin:0; padding:0; list-style-type:none;}
.FMenu ol li { margin:0; padding:0; display:inline;}
.FMenu ol li a { margin:0; padding:15px; color:#FFFFFF; text-decoration:none;}
.FMenu ol li a:hover { color:#FFCC99;}