/*
Theme Name:		Futuristico, based on WP Framework
Theme URI: 		http://
Version: 		0.1
Description: 	Tema personalizzato per Futuristco.
Author: 		Luca Boccianti
Author URI:		http://luca.boccianti.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2010 Invfactor All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}


body {
	font-family: arial;
	font-size: 13px;
	line-height: 120%;
	background-color: #bdbdbd;
	}

h1, h2, h3 {
	font-family: georgia, times-new roman, serif;
	}

h2.entry-title {
	}

div#testata_pubblicita {
	display: none;
	}

div.container {
	margin: 0 auto;
	}





div#header {
	height: 133px; 
	margin: 8px auto;
	}

div#header-left {
	float: left;
	width: 600px;
	height: 133px; 
	background-image: url(library/media/images/FAR-base-6.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	}

div#header-right {
	float: left;
	width: 360px;
	height: 133px; 
	overflow: hidden;
	/*
	background-image: url(library/media/images/libriani-1.gif);
	background-position: center center;
	background-repeat: no-repeat;
	*/
	}

img#header-right {
	width: 360px;
	height: 133px; 
	}

div#header-right div.showcase-navigationItem {
	height:8px; width:8px; line-height: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: Transparent;
	border: solid 1px #878787;
	margin: 0px 3px 3px 0px;
	}

div#header-right div.showcase-navigationItemHover {
	}

div#header-right div.showcase-navigationItemSelected {
	}

div#header-right div.showcase-titleBar {
	padding: 4px;
	font-style: italic;
	font-weight: bold;
	background-color: red;
	font-size: 1.4em;
	}











div#left,
div#central,
div#right {
	float: left; 
	width: 356px; 
	overflow: auto; 
	height: 462px;
	background-color: #bdbdbd;
	}

div#left {
	padding-right: 4px;
	}

div#central {
	position: relative;
	overflow: hidden;
	width: 240px;
	margin: auto;
	text-align: center; 
	background-color: #ddd;
	}

div#right {
	padding-left: 4px;
	}




div#left div.titolo,
div#right div.titolo {
	width: 100%;
	height: 46px;
	background-image: url(library/media/images/far-hobby.png);
	background-position: right 5px;
	background-repeat: no-repeat;
	}

div#left div.titolo {
	background-image: url(library/media/images/far-work.png);
	background-position: left 5px;
	}

div#right div.titolo {
	background-image: url(library/media/images/far-hobby.png);
	background-position: right 5px;
	}





div#right div#link-filtri {
	position: relative;
	width: 100%;
	height: 24px; 
	font-family: arial;
	font-size: 16px;
	font-weight: bold; 
	text-align: right;
	}

div#right div#link-filtri a {
	position: relative;
	top: 5px; 
	padding: 4px 4px 0 4px; 
	color: white;
	background-color: #339;
	}

div#right div#link-filtri a:hover {
	position: relative;
	}







div#left div.elenco,
div#right div.elenco {
	float: left; 
	overflow: auto; 
	background-color: #ccc;
	}

div#left div.elenco {
	width: 356px;
	height: 416px;
	}

div#right div.elenco {
	width: 326px;
	height: 392px;
	}








div#left div.elenco ul,
div#right div.elenco ul {
	margin: 0; 
	padding: 0; 
	}

div#left div.elenco ul p,
div#right div.elenco ul p {
	margin: 0; 
	padding: 0; 
	}

div#left div.elenco li,
div#right div.elenco li {
	margin: 4px; 
	padding: 4px; 
	border-bottom: 1px dotted #999;
	}





div#left li div.excerpt,
div#right li div.excerpt {
	margin-top: 5px; 
	font-family: verdana;
	font-size: 11px; 
	line-height: 120%;
	}

div#left li img.immaginetta,
div#right li img.immaginetta {
	float: left; 
	width: 60px; 
	margin: 0 5px 5px 0; " 
	}

div#left li span.tag_container a,
div#right li span.tag_container a {
	padding: 1px; 
	}

div#left li span.tag_container a.selected,
div#right li span.tag_container a.selected {
	color: #ccc;
	background-color: rgb(35, 97, 161); 
	}











div#central div#visore {
	width: 224px;
	height: 168px;
	overflow: hidden; 
	margin: auto;
	}

div#central a {
	display: block;
	}

div#central a.contenuto_extra {
	color: black;
	background-color: orange;
	}



div#central #friendfeed {
	border: 0;
	}



div#central div#social-icons {
	margin: auto;
	}

div#central ul#social-icons {
	/*
	position: absolute;
	bottom: 8px; 
	left: 8px;
	*/
	display: block;
	width: 224px;
	height: 28px; 
	margin: 8px auto 4px auto;
	padding: 0;
	}

div#central ul#social-icons li {
	float: left;
	display: block;
	width: 28px; 
	height: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

div#central div#testata-friendfeed {
  position: relative;
	width: 224px; 
	height: 23px; 
	margin: auto; 
	text-align: left; 
	background-image: url(http://friendfeed.com/static/images/widget-top-border.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #ccc;
	}

div#central div#testata-friendfeed > img {
  position: absolute;
  left: 5px;
  top: 2px; 
	}

div#central div#friendfeed-box {
	width: 224px; 
	height: 216px; 
	overflow: auto; 
	line-height: 120%;
	margin: auto;
	background-color: #ccc;
	}
		
div#central div#friendfeed-box > ul {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 11px; 
	text-align: left;
	}
		
div#central div#friendfeed-box li {
  color: #000; 
	background-color: #ccc;
	}
		
div#central div#friendfeed-box li.entry {
	list-style: none;
	margin: 5px;
	padding: 5px;
	border-bottom: 1px dotted #999; 
	}
		
div#central div#friendfeed-box div.entry-like, 
div#central div#friendfeed-box div.entry-comment {
  margin: 4px 0;
  padding-left: 20px; 
	font-size: 10px; 
	line-height: 120%;
  min-height: 16px;
  color: #555; 
  background-position: left top;
  background-repeat: no-repeat;
	}
		
div#central div#friendfeed-box div.entry-like { 
  background-image: url(http://friendfeed.com/static/images/smile.png);
  }
  
div#central div#friendfeed-box div.entry-comment {
	background-image: url(http://friendfeed.com/static/images/comment.png);
  }

		




















div#right div#menu_tag {
	float: left; 
	width: 30px;
	height: 392px;
	}




div#right div#menu_tag ul#menu_tag {
	float: left; 
	width: 30px; 
	margin: 0;
	padding: 0;
	}

div#right div#menu_tag ul#menu_tag li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

div#right div#menu_tag ul#menu_tag li a {
	display: block; 
	width: 22px;
	height: 90px; 
	padding: 4px 4px;
	background-position: center center;
	background-repeat: no-repeat;
	}

div#right div#menu_tag ul#menu_tag li#nano a {
	background-image: url(library/media/images/vert_nano.png);
	background-color: #5549ff;
	}

div#right div#menu_tag ul#menu_tag li#apps a {
	background-image: url(library/media/images/vert_apps.png);
	background-color: #49c100;
	}

div#right div#menu_tag ul#menu_tag li#scifi a {
	background-image: url(library/media/images/vert_scifi.png);
	background-color: #ffd821;
	}

div#right div#menu_tag ul#menu_tag li#csi a {
	background-image: url(library/media/images/vert_csi.png);
	background-color: #e01300;
	}











div#right li div.quadratozzo {
	float: left; 
	width: 12px;
	height: 12px;
	margin-right: 4px; 
	}

div#right li.cat-crimen div.quadratozzo {
	background-color: #c00;
	} 

div#right li.cat-phoneymoney div.quadratozzo {
	background-color: #ee0;
	} 

div#right li.cat-sftech div.quadratozzo {
	background-color: #00c;
	} 


div#right li.cat-crimen span.cat, 
div#right li.cat-phoneymoney span.cat, 
div#right li.cat-sftech span.cat {
	padding: 1px; 
	color: white; 
	background-color: rgb(0%, 0%, 40%);
	}










div.footer {
	height: 70px; 
	margin: 5px 0 0 0;
	padding: 0;
	}

div.footer div#footer_sponsor {
	width: 960px;
	height: 70px; 
	margin: 0; 
	background-image: url(library/media/images/footer_sponsor_960x60.png);
	background-repeat: no-repeat; 
	background-position: 0 10px; 
	/*
	border-top: 1px dotted #999; 
	*/
	}

div.footer p#copyright {
	margin: auto; 
	text-align: left;
	}