/*   
Theme Name: WebOnTheFly
Theme URI: http://www.webonthefly.it
Description: Tema del sito webonthefly.it
Author: Francesco Manciocchi
Author URI: http://www.xing.com/profile/Francesco_Manciocchi
Tags: metal, fluid, fixed width, two columns

	WebOnTheFly
	 http://www.webonthefly.it

	This theme was designed and built by Francesco Manciocchi,
	whose blog you will find at http://www.webonthefly.it

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
@import url("css/w.css");
* {
	margin: 0;
	padding: 0; 
	}

html { height: 100%; min-width: 970px; }

body {
	color: #444343;
	font-weight:normal;
	font: 12px/21px futura, "lucida grande","lucida sans", trebuchet, arial, sans-serif;
/*scrollbar-slider-color:#dcdcdf;
scrollbar-highlight-color:#f5f5f5;
scrollbar-3dlight-color:#b4b4b4;
scrollbar-darkshadow-color:#bec2cb;
scrollbar-shadow-color:#b4b4b4;
scrollbar-arrow-color:#000;
scrollbar-track-color:#e2e2e2;*/
	}

p {
	margin-bottom: 10px;
	}


small {
	font: 11px/18px futura, "lucida grande","lucida sans", trebuchet, arial, sans-serif;
	}
	
a { outline: none; }

hr {
	background: url(images/section.jpg) repeat-x top;
	border: 0 none;
	clear: both;
	margin: 10px 0 14px 0;
	height: 2px;
	}

br { clear: both; }

/* Headings */

h2 {
	font: 26px/28px futura, "lucida grande","lucida sans", trebuchet, arial, sans-serif;
	margin-bottom: 10px;
	}

h3 {
	font: 22px/24px futura, "lucida grande","lucida sans", trebuchet, arial, sans-serif;
	margin-bottom: 5px;
	}

h4 {
	font: 18px/22px futura, "lucida grande","lucida sans", trebuchet, arial, sans-serif;
	margin-bottom: 5px;
	}



img {
	border:0;
	}
/* Elenchi, link, ... */

#body-soluzioni div#indice ul, #body-portfolio div#indice  ul, #body-blog div#indice  ul, .tab2  ul, .tab3  ul {
	margin: 5px;
	padding: 5px;
	 }

#body-soluzioni div#indice ul li, #body-blog div#indice  ul li, .tab2  ul li, .tab3  ul li, .tab4  ul li, li.templateNavActive {
	padding: 0 0 5px 20px;
	list-style: none;
	background: url(i/ar.png) no-repeat center left;
	 }


#body-soluzioni div#indice a, .tab2 a, .tab3 a {
	background: #e3e4e4;
	padding: 1px 3px 1px 3px;
	border-bottom: 1px solid #444343;
	text-decoration:none;
	 }

#body-soluzioni div#indice a:hover, #body-blog div#indice a:hover, .tab2  a:hover, .tab3  a:hover {
	background: #fff;
	border-bottom: 1px dotted #444343;
	 }
	
#body-portfolio a { outline: none;
	color: #bebebe; }

.ancora {
	background: none;
	border-bottom: none;
	 }
.center {
	text-align:center;
	 }
	 
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}