/* 
	colors palette 
	
	celeste	 	#A2DAF4
	arancio		#EE7F00
	verde		#b1c903
	
	
	
	
	black		#252525
	grey		#4b4b4b
	white 		#ffffff
	
	red ++ 		#cd0000
	red -- 		#ff1a00
	
	blue ++		#066caa
	blue -- 	#008fc7
	
	green ++ 	#01b101
	green --	#7be31d
	
	yellow ++   #ffbc00
	yellow --   #ffe42c

*/

/* ..... GENERAL */
html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }

body { position:relative; background:#A2DAF4; font-family: Tahoma, Helvetica, sans-serif; font-size:12px; line-height:150%; text-align:center; }

#clouds { position:absolute; z-index:1; top:0; left:0; width:100%; height:250px; background:transparent url(clouds.gif) repeat-x; }
#wrapper { position:relative; z-index:2; top:25px; }



#container { width:960px; margin:0 auto; background:#FFFFFF url(bg-container.jpg) repeat-y; }


#content { float:left; display:inline; width:640px; margin:0 20px; padding-bottom:25px; color:#353535; text-align:left; }
#sidebar { float:left; display:inline; width:280px; margin-bottom:25px; }


div.banner { width:200px; display:inline; float:left; margin:15px 40px 0 40px; }

table  { text-align:center; }
table img { -ms-interpolation-mode:bicubic; }
table td { vertical-align:top; }
table p { text-align:left; }



/* ..... HEADER */
#header { width:960px; height:180px; margin:0 auto; background:#FFFFFF; }

h1#logo { width:280px; height:180px; line-height:180px; margin:0; background:url(/css/logo.jpg) no-repeat; float:left; display:inline; }
h1#logo a { display:block; width:280px; height:180px; text-indent:-9999px; }

#slideshow { width:680px; height:180px; float:left; display:inline; background:#EE7F00;  }


#nav-bar { width:960px; height:50px; margin:0 auto; }

#follow-us { float:left; display:inline; width:220px; height:50px; margin:0 30px; text-align:center;  }

#follow-us a { margin:13px 10px; width:24px; height:24px; background-image:url(social.png) !important; background-image:url(social.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; float:left; display:inline; }
 
#follow-us a.newsletter { background-position:0 0; }
#follow-us a.rss { background-position:-24px 0; }
#follow-us a.facebook { background-position:-48px 0; }
#follow-us a.twitter { background-position:-72px 0; }
#follow-us a.youtube { background-position:-96px 0; }


#navigation { width:640px; float:left; display:inline; width:640px; margin:0 20px; padding:0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; }
#navigation li { float:left; margin-right:15px; }
#navigation a { display:block; float:left; padding:0 5px; height:50px; line-height:50px; text-transform:uppercase; }
#navigation a:link, #navigation a:visited  { color:#000000; }
#navigation a:hover, #navigation a:focus, #navigation a:active {color:#ff1A00; }



/* ..... SIDEBAR */
#sidebar h3 { color:#000; float:left; display:inline; margin-left:20px; }
#sidebar a:link, #sidebar a:visited { color:#ff0000; }
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { color:#252525; }

ul.side-nav { width:100%; float:left; margin:5px 0; text-align:left; }
ul.side-nav li { float:left; width:100%; padding:0; }
ul.side-nav a:link, ul.side-nav a:visited { display:block; padding:10px 5px 10px 45px; background:url(bullet-blue.gif) no-repeat 25px 50%; }
ul.side-nav a:hover, ul.side-nav a:focus, ul.side-nav a:active { background:url(bullet-black.gif) no-repeat 25px 50%;  }

ul.side-nav { border-top:1px solid #A2DAF4; }
ul.side-nav li { border-bottom:1px solid #A2DAF4; }


/* ..... ARTICOLI */
.articolo {  margin:0 0 20px 0; float:left; }
.articolo h3 { margin-top:0; }
.testo-articolo, .foto-articolo { display:inline; float:left; text-align:left; }

.testo-articolo { width:470px; margin:0 0 0 10px; } 

.foto-articolo { width:160px; height:120px; margin:0 0 10px 0; background:url(loading.gif) no-repeat center; }

.footer-articolo { text-align:right; margin-top:5px; font-size:11px; clear:left; border-top:1px dotted #9f9f9f; }
.footer-articolo p { padding:5px 10px; margin-bottom:0; }
.footer-articolo a { padding:10px 0 10px 20px; margin-left:15px; background-repeat:no-repeat; background-position:left center;}
.footer-articolo strong { margin-left:15px; }

.read { background-image:url(read.gif) }
.gallery { background-image:url(gallery.gif); }
.video { background-image:url(video.gif); }
.comments { background-image:url(comments.gif); }


.testo { text-align:left; }
.post-comment .testo { padding-bottom:5px; }

.nav-bar-articolo { text-align:right; border-bottom:1px dotted #9f9f9f; margin-bottom:15px; }
.nav-bar-articolo p { font-size:11px; }

.nav-bar-articolo a { padding:10px 0 10px 20px; margin-left:15px; background-repeat:no-repeat; background-position:left center;}

#gallery { border-top:1px dotted #9f9f9f; border-bottom:1px dotted #9f9f9f; padding:0 0 20px 0; margin:20px 0; float:left; width:100%;}
#gallery div { width:160px; float:left; display:inline; margin:20px 20px 0 0; background:url(loading.gif) no-repeat center;  } 
#gallery div.last { margin-right:0; }

.post-comment { margin:10px 0 15px 0; border-bottom:1px dotted #9f9f9f; text-align:left; }

ul.socialBookMark, ul.socialBookMark li { list-style-type:none; margin:0; padding:0; text-align:left; }
ul.socialBookMark { margin-top:10px;  }
ul.socialBookMark li { display:inline; margin-right:5px;  }
ul.socialBookMark img { border:none; }

ul.pagination { margin-bottom:10px; clear:both; padding-top:10px; text-align:center; }
ul.pagination li { display: inline; border: 0; }
ul.pagination li a { margin-right:5px; padding:3px 6px; font-weight:bold; color:#FF1A00; background:#FFFFFF; border:1px dotted #9f9f9f; }
ul.pagination li a:hover { color:#FFFFFF; border-color: #000 }
ul.pagination li a.currentPage { color: #4b4b4b; border: 0; }
ul.pagination li a.currentPage:hover { color:#4b4b4b; background: #FFF; cursor: default; }

.displaying { font-size:11px; text-align:center; }


/* ..... sp.video */
.overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background:#000000; }
.overlay[class] { position:fixed; }
.prototube { position:absolute; top:50%; left:50%; margin:0; z-index:5001; background:#FFFFFF; }


/* ..... zoomy */
#zoomy { position:absolute; overflow:hidden; background:#252525; padding:0px; text-align:center; color:#FFFFFF; line-height:0; border:1px solid #ff1A00; z-index:9999  }
#zoomy img { margin:5px; }	
#zoomy p { position:relative; margin:10px 5px 5px 5px; line-height:100%; text-align:left; }
#close { position:absolute; right:5px; width:12px; height:12px; background:url(close.gif) no-repeat; cursor:pointer;} 


/* .......... CONTATTI, MESSAGGI */
.form { width:640px; margin:20px 0; float:left; }
.form div { padding:10px 0; float:left; display:inline; width:320px; border-top:1px dotted #9f9f9f; }
.form label { margin-right:10px; width:100px; display: block; float:left; text-align:right; }
.form legend { font-size:18px; color:#000000; margin:0; padding-bottom:5px; }
.form input, .form textarea { border:1px dotted #9f9f9f; padding:3px; width:190px; background:#EEEEEE; font-size:12px; font-family: Arial, Helvetica, sans-serif; float:left; }

.form textarea { overflow:auto; width:510px; }
.form div.module { clear:both; width:640px; float:left; }
.form div.module input { width:100px; }

.form img { float:left; display:inline; margin-left:10px; }

.form input#button { font-size:12px; margin-left:110px; padding:4px 0; height:auto; float:left; width:60px; cursor:pointer; color:#FFFFFF; border:none;}

input#button { background:#ff1A00; }

input#privacy_Req { width:auto; float:left; display:inline; margin-right:15px; padding:0; background:none; border:none; }

div.module p { margin:0; padding-right:10px; float:right; }

.form input.hoverfocus, .form select.hoverfocus, .form textarea.hoverfocus { border:1px dotted #252525;}

#error, #response { border-top:1px dotted #9f9f9f; border-bottom:1px dotted #9f9f9f; margin:20px auto 0 auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; }
#working { padding:20px 0 20px 35px; background:url(loading.gif) no-repeat left center; text-align:left; }



/* ..... FOOTER */

#footer { width:960px; margin:0 auto; padding:10px 0; text-align:left; font-size:11px; }
.footer-left { float:left; display:inline; width:280px; }
.footer-right { float:left; display:inline; width:640px; margin-left:20px; text-align:right;  }
.footer-left li { display:inline; float:left; margin-left:20px; }
.valid{ background:url(valid.gif) no-repeat left center; padding-left:20px;  }


/* .......... TAG CLOUD */

#tag-cloud { background:#b1c800; float:left; width:960px; }

div.tag-cloud { margin:20px; text-align:justify; line-height:180%; }
div.tag-cloud strong { margin-right:10px; }
#tag-cloud div.tag-cloud a { color: #353535; margin-right:10px; }
#tag-cloud div.tag-cloud a:hover { color:#ff1A00; }

.smallest { font-size:12px; }
.small { font-size:16px; }
.medium { font-size:20px; }
.large { font-size:24px; }
.largest { font-size:28px; }


/* ..... TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; font-family:  "Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:100%; }

h1 { font-size:28px; margin:30px 0; }
h2 { font-size:24px; margin:20px 0; }
h3 { font-size:20px; margin:15px 0 5px 0; }
h4 { font-size:16px; margin:10px 0 4px 0; }
h5 { font-size:14px; margin:10px 0 4px 0; }
h6 { font-size:12px; margin:10px 0 4px 0; }

legend { font-family:  "Arial Narrow", Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; }

ol, ul, li { list-style-type:none; margin:0; padding:0;}
p { margin:0 0 5px 0; }

a { text-decoration:none; }
a:link, a:visited { color:#ff1A00; }
a:hover, a:focus, a:active { color:#000000; }

.testo ul { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
.testo li { margin:0; padding:0 0 5px 15px; }

#error li, .testo li { background:url(bullet-green.gif) no-repeat left 3px; }

/* ..... COMMON RULES */
.small { font-size:11px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }
/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	min-height: inherit !important; /* For IE8, FF & WebKit */
	min-height: auto !important; /* For IE7 */
}

.syntaxhighlighter
{
	width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter .bold 
{
	font-weight: bold !important;
}

.syntaxhighlighter .italic 
{
	font-style: italic !important;
}

.syntaxhighlighter .line
{
}

.syntaxhighlighter .no-wrap .line .content
{
	white-space: pre !important;
}

.syntaxhighlighter .line table 
{
	border-collapse: collapse !important;
}

.syntaxhighlighter .line td
{
	vertical-align: top !important;
}

.syntaxhighlighter .line .number
{
	width: 3em !important;
}

.syntaxhighlighter .line .number code
{
	width: 2.7em !important;
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

.syntaxhighlighter .line .content
{
	padding-left: .5em !important;
}

.syntaxhighlighter .line .spaces
{
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show 
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto !important;
	overflow-y: hidden !important;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
	background-image: url(magnifier.gif) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
	background-image: url(/css/sh/page_white_code.gif) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
	background-image: url(/css/sh/printer.gif) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
	background-image: url(/css/sh/help.gif) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
{
	background: none !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar
{
	display: none !important;
}

.syntaxhighlighter.printing a
{
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
	color: blue !important; 
}

.syntaxhighlighter.printing .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter.printing .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter.printing .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter.printing .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter.printing .script
{
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{ 
	color: red !important; 
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
	background-color: #fff !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
	background-color: #e0e0e0 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #afafaf !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	border-left: 3px solid #6CE26C !important;
	color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1
{
	background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
	background-color: #F8F8F8 !important;
}

.syntaxhighlighter .toolbar
{
	background-color: #F8F8F8 !important;
	border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
	color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
	color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
	color: blue !important; 
}

.syntaxhighlighter .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter .script
{ 
	background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
	color: red !important; 
}