/*
Theme Name: Grafite
Theme URI: http://wordpress.org/
Description: This is a new theme from the default one
Version: 0.0
Author: Alessandro Deva
Author URI: /
Tags: grafite magazine
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	font-family: Verdana, Geneva, sans-serif;  /* ho scelto una font pi� leggibile... il georgia non si visualizzava bene */
}

#page {
	width: 956px;
	margin: 0 auto; /*pagina centrata*/
}

/*		------------	FONT'S DETAILS		------------			*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
	font-style:italic;
	margin: 0px;
	color: #333;
}

p, .navigation a, .stbuttontext, .fn, .says {
	font-size: 11px;
	margin: 0px;
/*	line-height:1.273;*/
	color: #333;
}



small, .wp-caption-text, .wp-caption-dd {
	/*padding-bottom: 10px;*/
	font-size:9px;
}

a, a:link, a:active, a:visited {
	color:#333;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

#headerdate p, .entry_single .postmetadata, .entry_single .postmetadata a, .entry_single .postmetadata a:visited, .entry_single .postmetadata a:link, .entry_single .postmetadata a:active, .comment-meta a, .comment-meta a:visited, .comment-meta a:link, .comment-meta a:active{
	color:#CCC; 
	font-size: 9px;
}

ul {
	list-style:none;
	padding: 0px;
	margin: 0px;
}

/*		------------	HEADER		------------			*/

.print {
	display: none;
}

div#header {
	margin-top: 20px;
}

		/* titolo della e-zine */
h1#brand {
	text-indent:-9000px; /*sposta testo a sx di 9000px,mantiene sito accessibile*/
	margin: 0px;
	float: left;
}

h1#brand a {
	background:transparent url(images/logo_grafite.png) no-repeat scroll 0 0;
	display:block;
	height:72px;
	width:175px;
}

		/* sottotitolo della e-zine*/
div#headerdescription {
	border-left: 2px solid #333;
	float: right;
	margin-top: 18px;
	margin-bottom: 30px;
	padding-left: 5px;
	font-weight: 400;
	width: 75px;
}

#headerdate {
	float: right;
	margin-top: 20px;
	padding-right: 5px;
	text-align:right;
}

		/* immagine di copertina*/
#headerimg {
	position:relative;
	border-bottom: 1px solid #eaeaea;
	clear: both;
	margin: 14px 0px 35px 0px;
	padding-bottom: 7px;
}

.headerimg_banner {
	position: absolute;
	top: 235px;
	left: 626px;
	background: transparent url(images/bianco.png) repeat scroll 0 0;
	width: 200px;
	padding: 7px;
	z-index: 2;
}
.headerimg_banner p {
	padding: 7px 0pt;
}

.headerimg_img {
	z-index: 3;
}

/*		------------	POSITION		------------			*/

		/* menu principale */
#position {
	clear:both;
	float:left;
	margin-left:210px;
	margin-top:12px;
	display: inline-block;
}

#position p {
	color: #969696;
}

		/* icone per linguaggio */
#footer_language_list {
	float: right;
}

#footer_language_list li{
	display: inline;
}
#footer_language_list a img{
	border: none;
	margin-left: 10px;
}

/*		------------	SIDEBAR		------------			*/

		/* relativo alla widgetized sidebar */
#sidebar {
	clear:left;
	float: left;
	width: 175px;
	margin-top: 2px;
	border-top: thin solid #969696;
}

#sidebar2 {
	margin-left: 505px;
	width: 245px;
}

#mainmenu {
	display: block;
	line-height:150%;
	padding-bottom:20px;
	padding-top:6px;
}

.sidebar_ul .mainmenu_item li{
	border: none;
	padding: 0px;
	margin: 0px;
}

.sidebar_description {
/*	margin-top: 2px;
*/	padding-top: 6px;
/*	border-top: thin solid #969696;
*/	font-size: 15px;
	line-height: 125%;}


.cms-nav-bc a, .cms-nav-bc a:visited{
/* trail navigation links */
}

.cms-nav-bc a:hover, .cms-nav-bc a:focus, .cms-nav-bc a:active{
/* trail navigation links hover */
}

.cms-nav-bc{
/* trail navigation links hover - not linked */
}

		/* titolo dei widget della sidebar*/
.widgettitle {
	border-bottom: thin solid #969696;
	margin-bottom: 6px;
	padding-bottom: 2px;
}

/*  Le prossime due parentesi sono un escamotage. 
	Il fatto � che non riesco a dare un ID ad ogni LI della lista principale della sidebar.
	Per questo do un'ordine ai LI del primo UL e poi lo tolgo per i LI dell'UL contenuto 
	
	"sidebar_ul" si trova in sidebar.php alla prima <ul>*/

.sidebar_ul li {
	border-bottom: thin solid #EAEAEA;
	padding: 5px 0px 6px;
	margin-bottom: 15px;
}

.sidebar_ul li li {
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

/*	Specific for Similar Posts Plugin*/
#similar-posts ul{
	font-size: 11px;
}


/*		------------	CONTENT		------------			*/

#content {
	float: left;
	margin-top: 2px;
	margin-left: 35px;
	width: 746px;
	border-top: thin solid #969696;
}

.pagetitle {
	padding-top: 14px;
}

.category_title p {
	border-top: thin solid #969696;
	border-bottom:1px solid #eaeaea;
	margin-bottom:12px;
	padding-top:21px;
}

/*#content h3 {
	padding: 7px 0;
	margin-bottom:14px;
	padding-left:465px;
	border-bottom: thin solid #eaeaea;
}
*/
#video p {
	clear:both;
	padding:7px 0;
}
.contenttitle {
	border-top:1px solid #EAEAEA;
	margin-bottom: 14px;
	padding-top:14px;
}

/* Tentativo di creare uno slideshow con jQuery 
element.style {
display:block;
left:0;
opacity:1;
position:absolute;
top:0;
z-index:3;
}

.slideshowpics img {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
height:200px;
left:0;
padding:15px;
top:0;
width:200px;
}

.slideshowbuttons {
	position: relative;
	top:400px;
}
*/

/* immagine che sostituisce lo slideshow */
#slider {
    width: 100%;
}

#video object, #video img {
	float:left;
	padding:7px 0;
}

.headline {
	width: 100%;
	border-top: 1px solid #eaeaea;
	color: #969696;
}

.entry, .entry_archive  {
	clear: both;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: thin solid #eaeaea;
	height: 300px;
}

/* testo articolo singolo */
.entry_single {
	float: left;
	width: 746px;
/*	padding-botttom: 20px;
*/}

.entry_single p {
	-webkit-text-size-adjust:150%;
clear:left;
float:left;
line-height:1.4;
width:475px;
}

.entry_single div {
border-bottom-width:1px;
border-top-width:1px;
margin-left:505px;
}

.entry_single img {
padding-bottom:15px;
}

.entry_single div p {
	border-bottom: solid #EAEAEA;
	border-width: 1px 0;
	clear:none;
	float:none;
	padding:7px 0;
	width: 245px;
}
.entry_single p a:link,.entry_single p a:active, .entry_single p a:visited{
	/*font-weight: bold;*/
	color:#3e66e0;
}

.entry_single p a:hover {
	text-decoration: underline;
}

#sidebar2 p a:link, #sidebar2 p a:active, #sidebar2 p a:visited, .entry_extra p a:link, .entry_extra p a:active, .entry_extra p a:visited {
	color: #333;
	font-weight: 800;
}

#sidebar2 p a:hover, .entry_extra p a:hover {
	text-decoration: underline
}

/* 	Diverse delle cose che ho messo qui sono un casino. 
	Tutto perch� non so come si fa tramite php a mettere prima la foto, poi il titolo, la data, la descrizione dell'articolo.
	Se tu sai come metterle nell'ordine poi basta metter il giusto margine nello stesso modo in cui � fatto it'snicethat.*/
.entrytitle {
	float:right;
	width: 280px;
	padding-bottom: 5px;
}

.entrytitle small {
	color: #969696;
}

.entry_single blockquote {
border-color:#AAAAAA;
border-style:dotted;
border-width:0 0 0 2px;
float:left;
margin-bottom:30px;
margin-left:0;
margin-top:20px;
padding:0 12px;
}

.entry_single blockquote p {
	width: 300px;	
	clear:left;
	float:left;
	line-height:1.4;
	font-size: 15px;
	font-style: italic;
	font-family: Verdana, Geneva, sans-serif;
	
}


.entrymeta {
/*	position: relative;
	top: 20px;
*/	padding-top:20px}

.navigation,.entry_single .entry_extra, #comments, .commentlist div, .navigation_comments {
	clear:left;
	width: 445px;
	margin: 6px 0;
}


/* immagine excerpt*/
.cfi  {
	float: left;
}

/* testo  excerpt*/
.narrowcolumn  .entry p, .entry_archive p {
	margin-left: 466px;
}

.widecolumn .entry p {
	margin-left: 0px;
}

#comment {
	width: 445px;
}

#respond {
	clear: both;
	float:left;
	margin: 14px 0px;
	padding-bottom: 7px;
}

/*

PLUGIN DISABLED

.entry_single .iLikeThis {
	clear: left;
	margin-left: 0px;
	margin-right: 500px;
	position: relative;
	top: 20px;
	left: -5px;
}

*/


.wp-caption-text, .wp-caption-dd {
	margin-bottom: 14px;
}

.entry_single .entry_extra p, .navigation_comments {
	width: 445px;
}


#respond, .navigation, .navigation_comments	{
	padding: 7px 0;
	border-bottom: thin solid #eaeaea;
	/* modifica del 12/11/2009 */
	/*height: 30px;*/
	/* fine modifica del 12/11/2009 */
}



/* testo pagina */
.page_edit {
	clear: both;
}
/*		------------	FOOTER		------------			*/

#footer {
	clear: both;
} 

#back_top {
	padding-top: 7px;
	width: 950px;
	border-top: 1px solid #eaeaea;
	text-align: right;
}

#footer img{
	margin: 30px 0 30px 457px;
}

.footer_info {
	text-align: center;
}


/*

STILE INPUT RICERCA

*/

.widget_search {
    display: none;
}

#s {
    border: 1px solid #bbb;
    background-color: #FBFBF4;
    padding: 3px;
    float: left;
    width: 110px;
    margin-bottom: 5px;
}

#searchsubmit {
    border: 0px none #fff;
    background-color: #fff;
    font-size: 12px;
    color: #333;
    float: right;
    margin-top: 2px;
    cursor: pointer;
}

.sendit {
    border: 0px none #fff;
    background-color: #fff;
    font-size: 12px;
    color: #333;
    float: right;
    margin-top: 2px;
    cursor: pointer;
}

#search .widgettitle {
	width: 175px;
}

#searchform {
	width: 175px;
}

#content li {
	list-style:none;
}

/*

CANCELLAZIONE BORDO IMMAGINI CON COLLEGAMENTI

*/

img {
    border: 0px none #fff;
}


/*
news...
*/

.narrowcolumn .category-news .post {
    width: 230px;
    float: left;
}

.narrowcolumn .category-news .entry p {
    width: 230px;
    float: left;
    margin-left: 0px;
}

.narrowcolumn .category-news #entrytitle {
    width: 230px;
}

/*

LAYOUT

*/



.alignleft {
	float:left;
}

.alignright { 
	float: right;
	text-align: right;
}


/* stile div.navigation 12/11/2009 */
body.home #respond, body.home .entry_extra{
	height: 30px;
}

.navigation_comments {
	height: 15px;
}

.navigation {
	height: 15px;
	width: 100%;
}
/* fine stile div.navigation 12/11/2009 */

/* stile pagine PRIVACY POLICY e COLOPHON*/


#content #post-320, #content #post-73 {
	border-top: 1px solid #969696;
	padding-top: 14px;
}