/*







Theme Name: Flexx Theme - Sensation







Theme URI: http://flexxtheme.com/







Author: iThemes







Author URI: http://ithemes.com/







Version: 2.0.2







Description: Flexx is an endlessly extensible, highly configurable blog theme from iThemes.com.







Tags: blog, theme options, multiple layouts, multiple color schemes







All the CSS, XHTML, design, and images are copyrighted. Please do not steal.















Version History







	1.0.0 - 2008-11-12







		Initial Release







	1.0.1 - 2008-11-13







		Updated featured-images.php code to 1.0.7







	1.0.2 - 2008-11-13







		Updated featured-images.php code to 1.0.8







		Updated iThemesFileUtility.php to 1.1.1







		Updated feature-bottom.php and feature-top.php







		Updated flexlayout.php







	1.0.3 - 2008-11-17







		Updated functions.php to add PHP4 compatibility







		Updated lib/contact-page-plugin/contact-page-plugin.php to 1.0.2







		Updated lib/featured-images/featured-images.php to 1.0.10







		Updated lib/flexx-layout-editor/flexx-layout-editor.php to 1.0.2







		Updated lib/theme-options/theme-options.php to 1.0.2







		Updated lib/theme-options/theme-options-framework.php to 1.0.3







		Updated lib/tutorials/tutorials.php to 1.0.4







	1.0.4 - 2008-11-24







		Updated lib/theme-options/theme-options.php to 1.0.3







		Standardized the changelog format in style.css







	1.0.5 - 2008-11-24







		Updated lib/flexlayout.php







	1.0.6 - 2008-11-25







		Updated lib/featured-images/featured-images.php to version 1.0.11







		Updated lib/contact-page-plugin/contact-page-plugin.php to version 1.0.3







		Updated lib/flexx-layout-editor/flexx-layout-editor.php to version 1.0.3







		Updated lib/iThemesFileUtility.php to version 1.1.2







		Updated lib/theme-options/theme-options-framework.php to version 1.0.4







		Updated lib/tutorials/tutorials.php to version 1.0.5







	1.0.7 - 2008-12-02







		Updated lib/tuturials/tutorials.php to version 1.0.6







	1.0.8 - 2008-12-11







		Updated footer.php and functions.php







	1.1.0 - 2008-12-16







		Updated iThemesFileUtility.php to version 1.3.0







		Added lib/billboard folder and files







		Modified functions.php file to add entry code for lib/billboard/billboard.php







	1.1.1 - 2009-01-13







		Updated functions.php to fix the tracking code error







	2.0.0 - 2009-02-17







		Updated style.css - added "position: relative;" to #header







		Updated entire lib/featured-images directory to version 1.1.0







		Updated lib/theme-options/theme-options.php to version 1.1.1







		Updated lib/theme-options/theme-options-framework.php to version 1.0.5







		Updated lib/theme-options/js/theme-options.js.php to add header and favicon uploader code







		Updated lib/billboard/billboard.php to version 1.0.3







		Updated header.php to add text overlay code







		Updated header.php to add custom favicon code







		Updated menu-pages.php to add support for new Site Name option







		Updated lib/iThemeFileUtility.php to version 1.4.0







		Added lib/feedburner-widget directory







		Updated functions.php to include Feedburner Widget code and adjust default Featured Images height







		Replaced screenshot.png and images/random/header.jpg with new images







		Added images/FlexxHeader.psd







	2.0.1 - 2009-02-17







		Updated the /css/reset.css file







		Updated the search.php file to fix a couple of bugs







		Updated style.css to make sure that returned pages never show the "date box"







	2.0.2 - 2009-02-17







		Updated the /lib/feedburner-widget/css/style.css.php file







*/







/*CSS Reset*/







@import url(css/reset.css);







/*Get the grid, baby!*/







@import url(css/grid.css);















body { /* This is where you set many of the universal defaults */



	background: #163a53 url(images/body-bg.gif) no-repeat;

	background-attachment:fixed;

	color: #000;

	font-family: Georgia, Times New Roman, sans-serif;

	font-size: 12px;

	text-align: center;

}



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



		Universal Link Styles



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

a {

	color: #666ea0;

	text-decoration: none;

}



a:hover { 

	color: #c00207;

	text-decoration: underline; 

}



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



		Universal Text Elements



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



p, ul, ol, blockquote {

	color: #333;

}

ol, ul {

	margin: 5px 35px;

}

ul {

	list-style-image: url(images/list-style.png);

	line-height:20px;

}

blockquote {

	margin: 5px 20px 5px 20px; 

	padding: 0px 20px;

	font-style: italic;

	background: #DDD;

	border: 1px solid #555;

	border-left: 3px solid #555;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

}





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



		Header Styles



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

/* Use this for universal styles for all header elements

Be sure to uncomment the styles before using */



h1,h2,h3,h4,h5,h6 {

	/*

	font-family: ;

	font-size: ;

	color: px;

	margin: px; padding: px;

	*/

}

h1 { /* This style is generally used as title on single posts and pages */

	font-size: 20px;

	line-height: 24px;

}

h2 { /* This style used as a sub-header in post/page content */

	font-size: 18px;

}

h3 { /* This style used as the post titles on homepage/archive */

	clear: both;

	font-size: 20px;

	line-height: 24px;

}

h3 a {

}

h3 a:hover {

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-size: 18px;

	padding: 0 0 0 15px;

}

h5 {

	font-size: 16px;

}

h6 {

	font-size: 14px;

}



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



		The Obligatory WP Styles



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

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

   margin: 0px 8px 8px 0px;

}

.alignright {

   float: right;

   margin: 0px 0px 8px 8px;

}

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}

.post img {border: 2px solid #cfcfcf;}



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



		Container Div



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

#container {

	background: #FFF;

	margin-top: 0px;

	border: 1px solid #FFF;

}





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



		Header Styles



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

#header {

	clear: both;

	background: #000;

	position: relative;

}

#header #title a {

	display: block;

	overflow: hidden;

}



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



		Horizontal Navigaion Styles 



				(with dropdowns)



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

/* personalizzazione catmenu */

#above-header #catmenu {

	border-bottom: 1px solid #FFF;

}

#below-header #catmenu {

	border-top: 1px solid #FFF;

}

#catmenu {

	background: url(images/menu2.jpg);

	float: left;

	width: 100%; height: 45px;

	margin: 0px; padding: 0px;

}

/* This is the style for the first UL (horizontal) */

/* This is the style for the top level list items */

/* The style for all links */

/* The universal hover state colors and background for all LI items and links */

/* This is the style for the top level links, if different than the universal */

/* Home link */

/* if you want to set a "current page item" style, do it here */



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



The second-level stuff 



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



/* This hides the nested UL before you hover */

/* This shows the nested UL when you hover */

/* This is the style for the nested UL */

/* This is the style for the LI items within the nested UL */

/* This is the style for the links within the LI items within the nested UL */

/* This is the style for the hover state on the links within the LI items within the nested UL */

/* vecchio stile pagemenu */

#above-header #pagemenu {

	border-bottom: 1px solid #FFF;

}

#below-header #pagemenu {

	border-top: 1px solid #FFF;

}

#pagemenu {

	background: #2c1e0c;

	float: left;

	font-size: 11px;

	text-transform: uppercase;

	width: 100%; height: 32px;

	margin: 0px; padding: 0px;

}

/* This is the style for the first UL (horizontal) */

#pagemenu ul {

	float: left;

	background: transparent;

	height: 32px; line-height: 32px;

	margin: 0px; padding: 0px;

}

/* This is the style for the top level list items */

#pagemenu ul li {

	background: none;

	width: auto;

	display: block;

	float: left;

	list-style-type: none;

	height: 32px; line-height: 32px;

	margin: 0px; padding: 0;

}

#pagemenu ul li.home {

	background: none;

}

/* The style for all links */

#pagemenu a {

	color: #FFF;

	text-decoration: none;

}

/* The universal hover state colors and background for all LI items and links */

#pagemenu li:hover a,

#pagemenu li.sfhover a,

#pagemenu li a:hover {

	color: #FFF;

	text-decoration: none;

	background: #214367 url(images/menu-active-bg.gif) top center repeat-x;

}

/* This is the style for the top level links, if different than the universal */

#pagemenu ul li a {

	display: block;

	height: 32px; line-height: 32px;

	margin: 0px; padding: 0px 10px;

	text-decoration: none;

	border-right: 1px solid #FFF;

	background: #131313 url(images/menu-item-bg.gif) top center repeat-x;

}

/* Home link */

#pagemenu ul li.home a {

	width: 40px;

	text-indent: -9999px;

	overflow: hidden;

	background: #131313 url(images/menu-home-bg.gif) top center no-repeat;

}

#pagemenu ul li.home a:hover {

	width: 40px;

	text-indent: -9999px;

	overflow: hidden;

	background: #214367 url(images/menu-home-active-bg.gif) top center repeat-x;

}

/* if you want to set a "current page item" style, do it here */

#pagemenu ul li.current_page_item a {

}

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



The second-level stuff 



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



/* This hides the nested UL before you hover */

#pagemenu li ul {

	clear: both;

	position: absolute;

	width: 132px; /* the width of the dropdown */

	left: -999em;

	border-top: 1px solid #FFF;

}

/* This shows the nested UL when you hover */

#pagemenu li:hover ul, 

#pagemenu li.sfhover ul {

	left: auto;

	display:  block;

	z-index: 1000;

}

/* This is the style for the nested UL */

#pagemenu li:hover ul,

#pagemenu li.sfhover ul {

	background: transparent;

	display: block;

	margin: 0px; padding: 0px;

}

/* This is the style for the LI items within the nested UL */

#pagemenu li:hover ul li,

#pagemenu li.sfhover ul li {

	background: transparent;

	width: 100%;

	display: block;

	padding: 0px; margin: 0px;

	height: 21px; line-height: 21px;

	overflow: hidden;

	text-align: left;

}

/* This is the style for the links within the LI items within the nested UL */

#pagemenu li:hover ul li a,

#pagemenu li:hover ul li.current_page_item a,

#pagemenu li.sfhover ul li a,

#pagemenu li.sfhover ul li.current_page_item a {

	background: #131313 url(images/menu-item-bg.gif) top center repeat-x;

	width: 120px;

	display: block;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

	border: 1px solid #FFF;

	border-top: none;

}

/* This is the style for the hover state on the links within the LI items within the nested UL */

#pagemenu li:hover ul li a:hover, 

#pagemenu li.sfhover ul li a:hover {

	text-decoration: none;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

	background: #214367 url(images/menu-active-bg.gif) top center repeat-x;

}



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



		Feature-Top Div



		Feature-Bottom Div



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

.w260,.w260-,.w390,.w390- {display: inline; float: left; margin: 0px 10px; text-align: left; overflow: hidden;}



.w260 {width: 240px;} .w260- {width: 260px; margin: 0px;}



.w390 {width: 370px;} .w390- {width: 390px; margin: 0px;}



#feature-top,

#feature-bottom {

	width: 100%;

	background: transparent url(images/feature-top-bg.png) bottom center no-repeat;

	float: left;

	margin: 0px; padding: 0px 0px 0px 0px;

	overflow: hidden;

}





#feature-top a {

	color: #FFF;

	text-decoration: none;

}

#feature-top a:hover {

	color: #FFF;

	text-decoration: underline;

}

#feature-bottom {

	background: url(images/footer_grad.gif) repeat-x;

}

#feature-bottom a {

	color: #FFF;

	text-decoration: none;

}

#feature-bottom a:hover {

	color: #FFF;

	text-decoration: underline;

}

#feature-top .widget,

#feature-bottom .widget {

	padding: 0px 0px 0px 0px;

}

#feature-top h4,

#feature-bottom h4 {

	background: url(images/star.gif) 5px 50% no-repeat;

	margin: 0px; padding: 5px 5px 5px 30px;

	color: #FFF;

	font-size: 14px;

	border-bottom: 1px solid #FFF;

	border-left: none; border-right: none;

}

#feature-top h4 a,

#feature-bottom h4 a {

	color: #FFF;

	text-decoration: none;

}

#feature-top h4 a:hover,

#feature-bottom h4 a:hover {

	color: #FFF;

	text-decoration: none;

}

#feature-top-left h4,

#feature-top-middle h4,{	

	border: 1px solid #5a4429;

	border-left: none;

}

#feature-top p,

#feature-top ul,

#feature-top ol,

#feature-top img,

#feature-top form,

#feature-top .widget div  {

	color: #FFF;

	padding: 2px 0px 5px 0px;

}

#feature-bottom p,

#feature-bottom ul,

#feature-bottom ol,

#feature-bottom img,

#feature-bottom form,

#feature-bottom .widget div  {

	color: #FFF;

	padding: 10px;

	}

#feature-top ul,

#feature-top ol,

#feature-bottom ul,

#feature-bottom ol {

	padding: 10px 0px; 

	margin: 0px 15px 5px 25px;

	list-style-type: square;

}

#feature-top li ul,

#feature-top li ol,

#feature-bottom li ul,

#feature-bottom li ol {

	padding: 0px;

}

#feature-top a.rsswidget img,

#feature-bottom a.rsswidget img {

	display: none;

}



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



				Content Div



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



#content {

	background: #FFF url(images/grad.gif) repeat-x;

	font-size:14px;

	line-height:18px;

}

.post {

	padding: 5px 10px 10px 10px;

}

.post .title {

	width: 580px;

}

.page .date {

	display: none;

}

.post .date {

	display: block;

	width: 69px; height: 75px;

	background: url(images/date.png) no-repeat;

	text-align: center;

	color: #FFF;

	float: left;

}

.post .date .month {

	font-size: 16px;

	line-height: 32px;

	text-transform: uppercase;

}

.post .date .day {

	font-size: 35px;

	line-height: 35px;

}

.post .post-title {

	float: left;

	width: 500px;

	padding: 12px 0px 0px 10px;

}

.post .post-title a {

	text-decoration: none;

}



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



		Post Meta Styles, if needed



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

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	border-top: 1px solid #d7d7d7;

	margin: 10px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}

.meta-bottom .alignleft {

	width: 70%;

}

.meta-bottom .categories {

	background: url(images/folder.png) 0px 0px no-repeat;

	padding: 0px 0px 0px 18px;

}

.meta-bottom .comments {

	background: url(images/comments.png) 0px 2px no-repeat;

	padding: 0px 0px 0px 18px;

}

.photometa {

	margin: 0px 5px 0px 5px;

	padding: 0px 0px;

	width: 100%;

}

.EXIF {

	margin: -22px 0px 0px 10px; 

	padding: 0px 0px;

	float: left;

	width: 33%;

}

.photometa h4 {

	border-bottom: 1px solid #666;

	text-align: center;

	margin: 0px; 

	padding: 0px;

}

.photometa ul {

	list-style-type: none;

}



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



		Previous/Next Page Navigation



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

.paging {

	clear: both; /* To clear any floats */

	margin: 0px; padding: 10px;

}



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



		Sidebar



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

/*#sidebar {  Wide Sidebar 

	background: #FFF url(images/grad.gif) repeat-x;

}

.sidebar {

	background: #FFF url(images/grad.gif) repeat-x;

}*/

#sidebar .sidebar {

	background: none;

}

.sidebar a {

	text-decoration: none;

}

.sidebar a:hover {

	text-decoration: underline;

}

.sidebar h4 {

	clear: both;

	background: url(images/titlewidget.png);

	border:none;

	border-color:#333;

	color: #FFF;

	font-size: 14px;

	font-weight: bold;

	padding: 8px;

	text-align: center;

	line-height: 13px;

}

.sidebar h4 img {

	padding: 0px;

}

.sidebar h4 a {

	color: #FFF;

	text-decoration: none;

	margin: 0px; padding: 0px;

}

.sidebar .widget {

	clear: both;

	padding: 5px 10px;

}

.sidebar .widget p,

.sidebar .widget ul,

.sidebar .widget ol,

.sidebar .widget img,

.sidebar .widget form,

.sidebar .widget div  {

	padding: 5px 0px;

}

.sidebar p, 

.sidebar .textwidget {

	padding: 5px 0px;

}

.sidebar img {

	text-align: center;

}

.sidebar form {

	margin: 0px; padding: 0px;

}

.sidebar ul {

	list-style-type: none;

	margin: 0px; padding: 0px;

}

.sidebar ul li {

	margin: 0px; 

	padding: 0px 0px 0px 8px;

	line-height: 18px;

	background: url(images/arrow.gif) 0px 4px no-repeat;

}

.sidebar ul li a {

	text-decoration: none;

}

.sidebar ul li a:hover {

}

.sidebar ul li ul {

	margin: 0px; 

	padding: 0px;

}

.sidebar ul li ul li {

	margin: 0px; 

	padding: 0px 0px 0px 8px;

}

.sidebar a.rsswidget img {

	display: none;

}



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



		Comment Styles



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

#comments {

	padding: 10px;

}

#comments h4 {

	padding: 0;

}

#comments .comment {

	margin: 5px 0px 5px 0px; 

	padding: 10px;

	background: #FFFFFF;

	overflow: hidden;

	border: 1px solid #999;

}

#comments .alt {

	margin: 5px 0px 5px 0px; 

	padding: 10px;

	background: #FFFFFF;

	overflow: hidden;

	border: 1px solid #999;

}

#comments .gravatar {

	float: left;

	padding: 0 5px 0 0;

}

#comments .commentmeta {

}

#comments .commentmeta a {

	text-decoration: none;

}

#comments .commentmeta a:hover {

	text-decoration: underline;

}

#comments .commenttext {

}

#respond {

	padding: 10px;

}

#respond h4 {

	padding: 0;

}

#respond form#commentform {

}

#respond #author {

}

#respond #email {

}

#respond #url {

	}

#respond #comment {

	width: 100%;

}

#respond #submit {

}



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

		Footer Styles



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

#footer {

	text-align: left;

	color: #fff;

}

#footer .alignleft,

#footer .alignright {

	padding: 10px;

}

#footer .alignright {

	text-align: right;

}

#footer a {

	color: #fff;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}



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



		Contact Form Styles



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

.ithemes-contact-page {

	margin: 0 auto;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}

.ithemes-contact-page td {

	padding: 5px;

	text-align: left;

}

.ithemes-contact-page td.label {

	text-align: right;

	vertical-align: top;

	font-weight: bold;

}

.ithemes-contact-page input,

.ithemes-contact-page textarea,

.ithemes-contact-page select {

	font-family: Arial, Helvetica, Sans-Serif;

	padding: 3px;

}

.ithemes-contact-page input:hover,

.ithemes-contact-page textarea:hover,

.ithemes-contact-page  select:hover	{

}

.ithemes-contact-page  input:focus,

.ithemes-contact-page  textarea:focus,

.ithemes-contact-page  select:focus	{

}

.ithemes-contact-page textarea,

.ithemes-contact-page input {

}

.flickr {

	text-align:center;

}

.flickr_photo {

		margin: 3px;

}

.flickr img {

	border: solid 2px; 

	border-color: #FFF; 

}

.flickr img:hover {

	border: solid 2px;

	border-color:#333; 

}

#miniyoutube {

	margin-right: 10px;

	float: left;

    width: 240px;

	height: 205px;

	display: inline;

	}

#thumbdoc  ul li {

	display: inline!important; 

	list-style-image: url(images/list-style.png);

	line-height:20px;

	}

	

#menu {

	margin-top:0px!important;

	margin-bottom:0px!important;

	padding:0!important;

	padding-left:6px!important;

	background:transparent!important;

	width:955px!important;

	height:100px!important;

	text-align:center!important;

	display:inline;

	}

#navmenu {

	margin:0!important;

	padding:0!important;

	padding-bottom:0!important;

	background:transparent!important;

	display:inline!important;

	list-style:none!important;

	text-align:center!important;

	}



#navmenu li {

	float:left!important;

	padding:0!important;

	margin:0!important;

	}

#navmenu a {

	display:block!important;

	margin:0px -5px!important;

	background:transparent url(images/barracompleta.png) no-repeat!important;

	width:82px!important;

	margin-top:70px!important;

	height:30px!important;

	text-decoration:none!important;

	}

#navmenu a:hover,

			a:focus,

			a:active {

	height:100px!important;

	margin-top:0!important;

			}

#navmenu .home a {

	background-position:-4px 5px!important;

}



#navmenu .home a:hover,

			a:focus,

			a:active {

	

	background-position:-4px -45px!important;

}

#navmenu .info a {

	background-position:-117px 5px!important;

}

#navmenu .info a:hover,

				a:focus,

				a:active {

	

	background-position:-117px -45px!important;

				}

#navmenu .doc a {

	background-position:-229px 5px!important;

}

#navmenu .doc a:hover,

				a:focus,

				a:active {

	

	background-position:-229px -45px!important;

				}

#navmenu .forum a {

	background-position:-342px 5px!important;

}

#navmenu .forum a:hover,

				a:focus,

				a:active {

	

	background-position:-342px -45px!important;

				}

#navmenu .video a {

	background-position:-454px 5px!important;

}

#navmenu .video a:hover,

				a:focus,

				a:active {

	

	background-position:-454px -45px!important;

				}

#navmenu .youtube a {

	background-position:-567px 5px!important;

}

#navmenu .youtube a:hover,

				a:focus,

				a:active {

	

	background-position:-567px -45px!important;

				}

#navmenu .vimeo a {

	background-position:-679px 5px!important;

}

#navmenu .vimeo a:hover,

				a:focus,

				a:active {

	

	background-position:-679px -45px!important;

				}

#navmenu .flickr a {

	background-position:-792px 5px!important;

}

#navmenu .flickr a:hover,

				a:focus,

				a:active {

	

	background-position:-792px -45px!important;

				}

#navmenu .facebook a {

	background-position:-904px 5px!important;

}

#navmenu .facebook a:hover,

				a:focus,

				a:active {

	

	background-position:-904px -45px!important;

				}

#navmenu .twitter a {

	background-position:-1016px 5px!important;

}

#navmenu .twitter a:hover,

				a:focus,

				a:active {

	

	background-position:-1016px -45px!important;

				}

#navmenu .rss a {

	background-position:-1129px 5px!important;

}

#navmenu .rss a:hover,

				a:focus,

				a:active {

	

	background-position:-1129px -45px!important;

				}

#navmenu .feed a {

	background-position:-1241px 5px!important;

}

#navmenu .feed a:hover,

				a:focus,

				a:active {

	

	background-position:-1241px -45px!important;

				}

#navmenu span {

	display:none!important;

}

#barra2 {

	width:960px!important;

	height:100px!important;

	padding-top:0px!important;

	padding-bottom:0px!important;

	background:url(images/feature-top-bg2.png) no-repeat!important;

	margin-top:-5px!important;

	margin-left:-10px!important;

	margin-right:0px!important;

	margin-bottom:0px!important;

	}

#menu2 {

	margin-top:0px!important;

	margin-bottom:0px!important;

	padding:0!important;

	padding-left:6px!important;

	background:transparent!important;

	width:955px!important;

	height:100px!important;

	text-align:center!important;

	}

#navmenu2 {

	margin:0!important;

	padding:0!important;

	background:transparent!important;

	display:inline!important;

	list-style:none!important;

	text-align:center!important;

	}



#navmenu2 li {

	float:left!important;

	padding:0!important;

	}

#navmenu2 a {

	display:block!important;

	margin:0px -5px!important;

	background:transparent url(images/barracompleta.png) no-repeat!important;

	width:82px!important;

	margin-top:70px!important;

	height:30px!important;

	text-decoration:none!important;

	

	}

#navmenu2 a:hover,

			a:focus,

			a:active {

	height:100px!important;

	margin-top:0!important;

			}

#navmenu2 .home a {

	background-position:-4px 5px!important;

}



#navmenu2 .home a:hover,

			a:focus,

			a:active {

	

	background-position:-4px -45px!important;

}

#navmenu2 .info a {

	background-position:-117px 5px!important;

}

#navmenu2 .info a:hover,

				a:focus,

				a:active {

	

	background-position:-117px -45px!important;

				}

#navmenu2 .doc a {

	background-position:-229px 5px!important;

}

#navmenu2 .doc a:hover,

				a:focus,

				a:active {

	

	background-position:-229px -45px!important;

				}

#navmenu2 .forum a {

	background-position:-342px 5px!important;

}

#navmenu2 .forum a:hover,

				a:focus,

				a:active {

	

	background-position:-342px -45px!important;

				}

#navmenu2 .video a {

	background-position:-454px 5px!important;

}

#navmenu2 .video a:hover,

				a:focus,

				a:active {

	

	background-position:-454px -45px!important;

				}

#navmenu2 .youtube a {

	background-position:-567px 5px!important;

}

#navmenu2 .youtube a:hover,

				a:focus,

				a:active {

	

	background-position:-567px -45px!important;

				}

#navmenu2 .vimeo a {

	background-position:-679px 5px!important;

}

#navmenu2 .vimeo a:hover,

				a:focus,

				a:active {

	

	background-position:-679px -45px!important;

				}

#navmenu2 .flickr a {

	background-position:-792px 5px!important;

}

#navmenu2 .flickr a:hover,

				a:focus,

				a:active {

	

	background-position:-792px -45px!important;

				}

#navmenu2 .facebook a {

	background-position:-904px 5px!important;

}

#navmenu2 .facebook a:hover,

				a:focus,

				a:active {

	

	background-position:-904px -45px!important;

				}

#navmenu2 .twitter a {

	background-position:-1016px 5px!important;

}

#navmenu2 .twitter a:hover,

				a:focus,

				a:active {

	

	background-position:-1016px -45px!important;

				}

#navmenu2 .rss a {

	background-position:-1129px 5px!important;

}

#navmenu2 .rss a:hover,

				a:focus,

				a:active {

	

	background-position:-1129px -45px!important;

				}

#navmenu2 .feed a {

	background-position:-1241px 5px!important;

}

#navmenu2 .feed a:hover,

				a:focus,

				a:active {

	

	background-position:-1241px -45px!important;

				}

#navmenu2 span {

	display:none!important;

}



#videotable {

	width:920px!important;

	border:none!important;

	}

#videotable img {

	margin:0!important;

	padding:0!important;

	border:none!important;

}



.celvideo {

	width:200px!important;

	text-align:center!important;

	margin:0!important;

	padding:0!important;

}

.celvideo img{

	padding:0!important;

	margin: 0!important;

}

.celdataora {

	height:16px!important;

	font-size:12px!important;

	width:100px!important;

	text-align:center!important;

}

.celdataora img {

	padding: 0px 5px 0px 5px!important;

	border:none!important;

}

.celtitle {

	height:40px!important;

	width:200px!important;

	font-size:12px!important;

	color:#F30!important;

	padding-left:2px!important;

}

.celdescrizione {

	width:200px!important;

	font-size:12px!important;

	text-align:justify!important;

	padding-left:2px!important;

	height:60px;

}

.celvuota {

	width:40px;

}

.tempo:before {content: url(images/eye.png); padding:5px;}

.link:before {content: url(images/download.png); padding:5px;}



#formgas {

        float:left;

}

#gas {

      float:bottom;

}

#socialbar  a img {
	
	margin:5px!important;
}
#social {
	padding:6px 10px;
}
