/*
Theme Name: bullo
Theme URI: canebullo.it
Description: il mio tema
Version: 1.0
Author: canebullo
Author URI: canebullo.it
*/


/* 	COLORI
	testo:		#444
	link:		#a02d7b
	menu:		#339bc8
	tags:		#03a955
	titoli:		#921d23
	commenti:	#2c3370
	 bg:		#000

	


/* ------------------------------- CORPO ------------------------------- */

body{
	background:url(images/body_bg.jpg) top center no-repeat fixed #000;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	margin:0;
	padding:0
}


/* ------------------------------- BLOCCHI LAYOUT ------------------------------- */

.contenitore{
	width:960px;
	margin:0 auto;
}


/*blocchi a clonne*/
.uno, .due, .tre, .quattro, 
.cinque, .sei, .sette, .otto, 
.nove, .dieci, .undici, .dodici, 
.tredici, .quattrordici, .quindici{
	margin:0 10px;
	float:left;
}

.uno			{width:40px}
.due			{width:100px}
/* POST .due*/

/*				  */
.tre			{width:160px}
.quattro		{width:220px}
/* header .quattro*/
#header .quattro{ margin:0 0 0 17px}
/*				  */
.cinque			{width:280px}
.sei			{width:340px}
.sette			{width:400px}
.otto			{width:460px}
.nove			{width:520px}
.dieci, .post			{width:580px}
/* header .dieci*/
.dieci{ margin:0 20px 0 0}
/*				*/
.undici			{width:640px}
.dodici			{width:700px}
.tredici		{width:760px}
.quattrordici	{width:820px}
.quindici		{width:880px}

/*header*/
#header{
	height:342px;
	background:url(images/head_bg.jpg) bottom center no-repeat;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both
}

#beta{
	z-index:22;
	position:absolute;
	top:5px;
	left:5px;
	width:33px;
	height:110px;
	background:url(images/beta.png) no-repeat
}

/*menu*/
#menu{
	background:url(images/menu_bg.png) left top no-repeat;
	height:73px;
	width:571px;
	margin:0;
	padding:0	
}

#menu ul{
	display:block;
	height:50 px;
	margin:0;
	padding:0;
}

#menu ul li{
	list-style-type:none;
	margin:0;
	padding:0
}

/*------------------------------------------------------------*/
/*menu link*/
#menu li a{
	display:block;
	float:left;
	height:50px;
	margin-right:23px
}

#menu li a:link, #menu li a:visited{
	background-position:top center
}

#menu li a:hover, #menu li a:active{
	background-position:center center;
}

#menu li a.attivo:link, #menu li a.attivo:visited, #menu li a.attivo:hover, #menu li a.attivo:active{
	background-position:bottom center
}

a#home{
	background:url(images/home.gif) no-repeat;
	margin-left:10px;
	width:66px
}

a#about{
	background:url(images/about.gif) no-repeat;
	width:55px
}

a#presskit{
	background:url(images/presskit.gif) no-repeat;
	width:70px
}

a#download{
	background:url(images/download.gif) no-repeat;
	width:92px
}

a#staff{
	background:url(images/staff.gif) no-repeat;
	width:51px
}

a#contatti{
	background:url(images/contatti.gif) no-repeat;
	width:80px
}
/*fine menu link*/
/*------------------------------------------------------------*/
/*feed*/
#feed{
	height:271px;
	overflow:hidden
}

#feed a{
	display:block;
	width:85px;
	height:64px;
	float:right;
	background:url(images/rss_icon.png) no-repeat;
	margin-top:207px
}

#feed a:link, #feed a:visited{
	background-position:top center;
}

#feed a:hover, #feed a:active{
	background-position:bottom center;
}
/*------------------------------------------------------------*/
/*search form*/
#ricerca{
	background:url(images/cerca.png) right top no-repeat ;
	width:223px;
	height:71px;
	margin:0;
	overflow:hidden
}

#ricerca form{
	display:block;
	width:203px;
	height:25px;
	overflow:hidden;
	margin:13px 10px 0 10px
}


#searchform #campo_ricerca{
	display:block;
	padding:2px 5px;
	float:left;
	width:163px;
	height:25px;
	background:url(images/s.gif) left top no-repeat;
	border:0;
	color:#999
}

#searchform input#campo_ricerca:hover, #searchform input#campo_ricerca:focus{
	color:#339bc8
}

#searchform #searchsubmit{
	display:block;
	float:right;
	height:26px;
	width:26px;
	background-image:url(images/lens_icon.gif);
	background-position:top center;
	outline:none;
	border:none
}

#searchform input#searchsubmit:focus, #searchform input#searchsubmit:hover{
	background-position:bottom center
}

.risultato_ricerca{
	margin:20px 0;
}

.risultato_ricerca p{
	margin:0;
}
	
/*fine search form/

/*briciole*/
#briciole{
	height:15px;
	line-height:15px;
	font-size:10px;
	clear:both;
	padding-left:20px;
	color:#999;
	text-transform:uppercase
}

#briciole a{
	color:#CCC;
}

#briciole a:hover{
	color:#a02d7b;
}

/*------------------------------------------------------------*/

#corpo{
	background:url(images/corpo_bg.jpg) top center no-repeat #FFF;
	width:940px;
	float:left;
	margin:0 10px;
	padding:0 0 30px 0;
}

#autori_staff{
	margin:0;
	padding:0;
}

#autori_staff li{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase
}
/*------------------------------------------------------------*/
/*inizio  sidebar*/
#sidebar{
	float:right;
	width:220px;
	margin:0px;
	margin-right:-7px;
	padding:0;
	margin-top:30px
}

#sidebar h2{
	display:block;
	width:223px;
	height:50px;
	padding:0;
}

h2#in_evidenza{
	background:url(images/h2_inevidenza.png) right no-repeat;
}

.evidenza{
	width:193px;
	overflow:hidden;
	margin:0 7px 30px 5px;
}

.evidenza img{
	width:187px;
}

.evidenza a:link img, .evidenza a:visited img{
	border:dotted 1px #a02d7b;
	padding:2px;
}

.evidenza a:hover img, .evidenza a:active img{
	border:dotted 1px #444;
	padding:2px;
}

h2#categorie{

	background:url(images/h2_categorie.png) right no-repeat;
}

h2#tags{
	background:url(images/h2_tags.png) right no-repeat;
}

h2#archivio{
	background:url(images/h2_archivio.png) right no-repeat;
}

#sidebar ul{
	display:block;
	margin:0 7px 30px 5px;
	padding:0;
}

#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:5px 10px 5px 5px;
	background:url(images/cat_list.png) right center no-repeat;
	text-transform:uppercase;
	font-size:11px
}

#sidebar ul li.current-cat a,#sidebar ul li.current-cat a:hover,
#sidebar ul li.current-cat a:active,#sidebar ul li.current-cat a:visited{
	color:#000;
}

/*Tag cloud*/
.st-tag-cloud{
	width:193px;
	margin-left:10px;
	margin-bottom:30px;
}

.st-tag{
	padding:0 5px;
}
/*calendario*/
#giraffe_calendar{
	width:193px;
	float:right;
	margin-right:17px;
	background:url(images/calendar_bg.gif) top center no-repeat;
	clear:both
}

#giraffe_calendar table{
	font-size:11px;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

#sidebar caption{
	text-align:center;
	color:#339bc8;
	font-size:16px;
	text-transform:uppercase;
	padding:15px 0 8px 0
}

#giraffe_calendar th{
	color:#FFF;
	font-weight: bold;
	padding-bottom:10px
}

#giraffe_calendar td{
	color:#999;
}

#giraffe_calendar td#today{
	background:url(images/calendar_link.gif) center center no-repeat;
	color:#000
}

td#showit a{
	background:url(images/calendar_show.gif) center top;
	width:7px;
	height:4px;
	display:inline-block
}

.calendar_chiuso{
	background:url(images/calendar_chiusura.gif) center top no-repeat;
	height:15px
}

#wp-calendar-split{
	padding-top:5;
	margin-top:10px;
}


/*fine sidebar*/
/*------------------------------------------------------------*/
/*
	testo:		#444
	link:		#a02d7b
	menu:		#339bc8
	tags:		#03a955
	titoli:		#921d23
	commenti:	#2c3370
	bg:			#000
*/
/*------------------------------------------------------------*/
/*inizio paginazione*/
.wp-pagenavi{
	display:block;
	clear:both;
	font-size:10px;
	margin:0 10px;
	text-transform:uppercase
}

.wp-pagenavi a, span.current, span.extend{
	display:block;
	width:10px;
	line-height:15px;
	float:left;
	text-align:center;
	margin:0 5px
}

span.current{
	color:#921d23
}

.wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
	background:#921d23;
	color:#FFF
}

.wp-pagenavi a:hover, .wp-pagenavi a:active {
	background:#339bc8;
	color:#FFF
}

.wp-pagenavi span.pages {
	width:60px;
	display:block;
	float:left;
	background:#444;
	color:#fff;
	line-height:15px;
	padding: 2px 4px 2px 4px; 
	text-align:center
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	font-weight: bold;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
}

a.first, a.last{
	display:block;
	height:15px;
	width:50px;
	float:left
}

a.first{
	background:url(images/first_page.gif) no-repeat top left;
}

a.last{
	background:url(images/last_page.gif) no-repeat top left;
}
/*fine paginazione*/
/*------------------------------------------------------------*/
/*footer*/
#footer{
	width:100%;
	height:391px;
	background:url(images/footer_bg.jpg) center top repeat-x;
	margin:0;
	padding:0
}

.chiusura{
	line-height:20px;
	font-size:9px;
	text-transform:uppercase
}

.chiusura .sei{
	text-align:right;
}

.chiusura .sei span{
	padding-left:30px
}

.chiusura .dieci span{
	padding-right:30px
}

.chiusura .dieci a:link, .chiusura .dieci a:visited{
	color:#999;
}

.chiusura .sei a:link, .chiusura .sei a:visited{
	color:#444
}

.chiusura a:hover, .chiusura a:active{
	color:#a02d7b
}

/*------------------------------------------------------------*/
/*inizio  contatti*/
#disclaimer{
	margin:0;
	padding:0;
	line-height:0px;
	background:url(images/mail_disclaimer.png);
	display:block;
	width:340px;
	height:26px	
}
/*fine contatti*/
/*------------------------------------------------------------*/
/*inizio autori*/
ul#autori li{
	list-style-type:none;
	display:block;
	width:73px;
	height:75px;
	float:left;
	overflow:hidden;
	margin:0 5px 10px 5px;
	border:dotted 1px #a02d7b
}

ul#autori img{
	height:75px;
	margin-left:-10px
}

ul#autori a img{
	border:none;
}
	
/*fine autori*/
/*------------------------------------------------------------*/
/*inizio  feed*/
ul.feed, ul#autori{
	display:block;
	height:280px;
	margin:10px 0;
	padding:0;
	font-size:11px;
	overflow:hidden
}

ul.feed li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}

ul.feed li a{
	line-height:20px;
	display:block;
	border-bottom:1px dotted #FFFFFF;
	padding-right:20px;
	background:url(images/gofeed.png) right center no-repeat
}

/*fine feed*/
/*------------------------------------------------------------*/


a#go_to_top{
	display:block;
	width:45px;
	height:21px;
	margin:0 auto;
	background:url(images/top.png) bottom center no-repeat
}

#footer h2{
	display:block;
	height:50px;
	float:left;
	
	margin-left:-10px;
	clear:both
}

h2#contatti_h2{
	width:360px;
	background:url(images/h2_contatti.png) center left no-repeat;
}

h2#staff_h2{
	width:360px;
	background:url(images/h2_staff.png) center left no-repeat;
}


h2#preferiti{
	width:240px;
	background:url(images/h2_news.png) center left no-repeat;
}

/* ------------------------------- POST ------------------------------- */
.post{padding:30px 0 0  0; margin-bottom:30px;}

.post p, .enrty p{
	line-height:22px;
	font-size:12px
}

blockquote{
	background:#e9e5dc;
	font-size:11px;
	padding:10px;
	border-left:2px #FFF dotted;
	border-right:2px #FFF dotted;
	margin:0
}

blockquote:first-letter{
	font-size:25px;
	font-style:italic;
}

.meta{
	color: #999;
	font-size:9px;
	text-transform:uppercase;
	margin-top:2px
}

.scarica{
	border-left:#a02d7b 5px solid;
	background:#F5F5F5;
	padding:0 10px;
	margin-bottom:20px
}

.nr_parole{	
	color:#CCC;
	font-weight:bold;
	font-size:10px;
	display:block;
	text-align:right;
	margin-top:0
}

/*data*/
.data{
	width:110px;
	float:left;
	margin-left:-10px;
	background:url(images/data.png) no-repeat top left
}

.data span{
	display:block;
	color:#FFF;
	float:left
}

span.day{
	width:53px;
	height:50px;
	font-size:40px;
	margin-top:5px;
	margin-left:10px
}

span.freccette, span.mese_anno{
	width:44px;
	text-align:center;
	margin:0
}

span.freccette{
	height:10px;
	margin-bottom:4px;
	margin-top:15px;
}

span.mese_anno{
	font-size:11px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:8px;
	font-weight:bold
}
	
span.freccette a{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	float:left;
}

a.prev_post, span.precedente a{
	margin:0 8px 0 5px;
	background:url(images/up.png) no-repeat top center;
}

a.next_post, span.successivo a{
	margin:0 8px 0 5px;
	background:url(images/down.png) no-repeat top center;
}

a.prev_post:hover,  span.precedente a:hover{
	background:url(images/up.png) no-repeat bottom center;
}

a.next_post:hover, span.successivo a:hover{
	background:url(images/down.png) no-repeat bottom center;
}
/*immagini nei post*/
.entry p img, #autori_staff .list_author_image,.wp-caption img{
	padding:2px;
	border:1px dotted #444;
	display:block
}

.entry p img.size-full, #autori_staff .list_author_image{
 	max-width:454px;
}

.entry p img.alignleft,.wp-caption.alignleft{
	float:left;
	margin:0 10px 10px 0
}

.entry p img.alignright,.wp-caption.alignright{
	float: right;
	margin:0 0 10px 10px
}

.entry p img.aligncenter,.wp-caption.aligncenter{
	margin:0 auto;
	clear:both;
}

p img.wp-smiley{
	border:none;
	display:inline
}


/*icone nelle pagine*/
.pag_about, .pag_staff, .pag_presskit, .pag_download, .pag_cerca{
	width:110px;
	height:77px;
	float:left;
	margin-left:-10px;
}
.pag_about{
	background:url(images/tag_about.png) no-repeat top left
}
.pag_staff{
	background:url(images/tag_staff.png) no-repeat top left
}
.pag_presskit{
	background:url(images/tag_presskit.png) no-repeat top left
}
.pag_download{
	background:url(images/tag_dwnl.png) no-repeat top left
}

.pag_cerca{
	background:url(images/tag_cerca.png) no-repeat top left
}

/*commenti*/
.comment_nr a{
	display:block;
	width:70px;
	height:58px;
	background:url(images/comment_bg.gif) top center no-repeat;
	margin:30px 0 0 25px;
	font-size:20px;
	text-align:center;
	line-height:40px;
	font-weight:bold
}

.comment_nr a:link, .comment_nr a:visited{
	color:#999;
}

.comment_nr a:hover, .comment_nr a:active{
	background:url(images/comment_bg.gif) bottom center no-repeat;
	color:#2c3370;
}

/*social*/
.sociale{
	height:46px;
	clear:both;
	margin-bottom:10px;
}

.sociale h5{
	display:block;
	float:left;
	width:110px;
	height:46px;
	background:url(images/h5_condividi.png) no-repeat top left;
	margin:10px 13px 10px -10px
}

#digg, #delicious, #facebook, #twitter, #myspace{
	width:20px;
	height:19px;
	display:block;
	float:left;
	margin-right:15px;
	margin-top:15px;
	background-position:top center;
}

a#digg:link, a#digg:visited{
	background-image:url(images/digg.gif);
	background-repeat:no-repeat;
}

a#digg:hover, a#digg:active{
	background-position:bottom center;
}

a#delicious:link, a#delicious:visited{
	background-image:url(images/delicious.gif);
	background-repeat:no-repeat;
}

a#delicious:hover, a#delicious:active{
	background-position:bottom center;
}

a#facebook:link, a#facebook:visited{
	background-image:url(images/facebook.gif);
	background-repeat:no-repeat;
}

a#facebook:hover, a#facebook:active{
	background-position:bottom center;
}

a#myspace:link, a#myspace:visited{
	background-image:url(images/myspace.gif);
	background-repeat:no-repeat;
}

a#myspace:hover, a#myspace:active{
	background-position:bottom center;
}

a#twitter:link, a#twitter:visited{
	background-image:url(images/twitter.gif);
	background-repeat:no-repeat;
}

a#twitter:hover, a#twitter:active{
	background-position:bottom center;
}


	

/* ------------------------------- TIPOGRAFIA ------------------------------- */
/*testo nascosto*/
h1, h1 a, #menu ul a, #feed a, #ricerca #searchsubmit, 
a#go_to_top, #footer h2, span.freccette a, #sidebar h2, #disclaimer, td#showit a,
.sociale h5, a#digg, a#delicious, a#facebook, a#myspace, a#twitter, #sub{
	text-indent:-9999px;
	font-size:0px
}

/*links*/
a:link, a:visited{
	color:#a02d7b;
	text-decoration:none
}

a:hover, a:active{
	color:#000
}


	

h1 a{	
	display:block;
	width:570px;
	height:123px;
	background:url(images/canebullo.png) top left no-repeat;
	margin-top:138px;
	margin-bottom:10px
}

h2.pagetitle{
	font-size:30px;
	color:#666;
	padding-left:10px;
	font-weight:normal;
	text-transform:uppercase;
	margin:10px 0 0 0 
}

h2.pagetitle span{
	font-size:20px;
	color:#CCCCCC;
}

h3{
	font-size:25px;
	color:#921d23;
	font-weight:normal;
	margin:0;
	padding:18px 0 0 0 
}

h3.storytitle:first-letter{
	text-transform:uppercase;
}

h3 a:link, h3 a:visited{
	color:#921d23;
	text-decoration:none
}
	
h3 a:hover, h3 a:active{
	color:#444;
}

h4{
	margin:0;
}

/*-------------------------------------------------------INIZIO FORM-----------------------------------------------*/
/*NASCOSTI*/
.cform .cf_hidden, .cform legend, .cform .reqtxt, .cform .emailreqtxt,
.cform label, .cform label span, label.cf-before, label.cf-after, 
label.cf-after span, label.cf-group-after,label.cf-group-after span,
.linklove, .linklove a
{
	display:none;
	border:none
}
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
.cform { 
	margin:0; 
	width: 340px; 
	border:none;	
}

ol.cf-ol { 
	margin:0; 
	padding:0; 
	display:block
}
ol.cf-ol li	{
	background:none!important; 
	margin:10px 0 0  0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	display:block;
	clear:both
}
/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */
.cform input,
.cform textarea { 
	display:block;
	padding:0 5px;
	border:none; 
	font-size:10px;
	color:#999;
}
.cform textarea{
	background:url(images/textarea_bg.png) top left no-repeat;
	overflow:auto;
	height:99px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px
}
.cform input{
	background:url(images/input_bg.png) top left no-repeat;
	line-height:30px;
	height:30px;
	padding-top:8px
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	color:#444
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#444;
	outline:none
}

.cform textarea,
.cform input {
	width:335px; 
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */
p.cf-sb {
	display: block;
	margin:-2px 0 20px 0;
	padding:0;
	text-align:right;
	background:url(images/sb-p_bg.png) no-repeat top left;
	clear:both;
	height:36px;
}

.cform input.sendbutton	{ 
	width:108px;
	height:36px;
	padding:0;
	margin: 0;
	font-size:0;
	text-indent:-9999px;
	background:url(images/invia_bg.png) no-repeat top left; 
	border:none;
	float:right
}

.cform input.sendbutton:hover, 
.cform input.sendbutton:focus	{ 
	background:url(images/invia_bg.png) no-repeat bottom left; 
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error, .cf_li_err input:hover, .cf_li_err input:focus { 
	color:red; 
}


/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html ol.cf-ol,
* html ol.cf-ol li
{ 
	display: inline-block;
}
/*-------------------------------------------------------FINE FORM-----------------------------------------------*/

/*-------------------------------------------------------INIZIO COMMENTI#2c3370-----------------------------------------------*/
.commenti{
	padding:10px;
}

.commenti h4{
	text-transform:uppercase;
	font-size:18px;
	color:#CCCCCC;
	font-weight:bold;
	display:block;
	float:left;
	margin:0;
	width:69%;
}

.commenti .lascia{
	display:block;
	width:30%;
	text-align:right;
	float:left;
	font-size:10px;
}

span.post_date{
	font-size:10px;
	color:#999;
}

.commenti ol{
	padding:0;
	margin:0;
	display:block
}

.commenti ol li{
	margin:0 0 20px 0;
	padding:10px;
	display:block;
	list-style-type:none;
}

li.odd{
	border-left:5px #2c3370 solid;
	background:#efefef	
}

li.even{
	border-left:5px #339bc8 solid;
	background:#f5f5f5
}

li.odd a{
	color:#2c3370;
}

li.even a{
	color:#339bc8;
}

.comment-text{
	font-size:11px;
	line-height:20px;
}

.commenti label{
	display:block;
	color:#666;
	font-size:10px;
}

.commenti input, .commenti textarea{
	width:99%;
	border:none;
	outline:none;
	background:#ddd8cd;	
	border:1px dotted #d0c6af;
	padding:5px 3px;
	font-size:10px
}


.commenti textarea{
	font-family:Arial, Helvetica, sans-serif;
}

#sub{
	display:block;
	width:109px;
	height:31px;
	float:right;
	border:none;
	background:url(images/invia_commento.png) top left
}

#sub:hover, #sub:focus{
	background:url(images/invia_commento.png) bottom left
}

/*-------------------------------------------------------FINE COMMENTI-----------------------------------------------*/

/* ------------------------------- FIX E HACKS ------------------------------- */
.fix{width:100%; height:0; clear:both}