/*
    Document   : stile
    Created on : 20-feb-2009, 11.44.20
    Author     : gabriele
    Description: cosimobizzarri.style
	
*/
/*
MODIFICHE COLORI
-orange
-red
-#FC3607

*/

/* reset */
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;padding:0;}
a{text-decoration:none;color:#FC3607;}
a:hover{background:#f7f7f7;color:#3c3c3c;}
/* fine reset */


body{font-family:Helvetica,'Trebuchet MS',Arial,Verdana,sans-serif;color:#636363;text-align:center;}

    #wrapper{width:960px;margin-left:auto;margin-right:auto;text-align:left;}

    #header{margin-top:20px;}
	
		#header h1{cursor:pointer;height:50px;float:left;width:138px;font-size:30px;margin-right:82px;text-indent:-9999px;background:url(../grafica/cb_1.jpg) no-repeat top left;border-right:0px solid #ddd;}
		#header h2{float:left;width:220px;font-size:20px;margin-right:20px;/*text-transform:uppercase;*/line-height:50px;border-right:1px solid #eee;}
		#header h3{letter-spacing: 2px;float:left;width:220px;font-size:14px;vertical-align:bottom;line-height:18px;margin-top:10px;color:#bbb;}
			#header h3 a{font-size:12px;letter-spacing:normal;}
		#header ul{float:right;width:260px;margin:0;padding:0;list-style-type:none;}
		#header ul li{float:right;margin-left:10px;font-size:12px;}
			#header ul li a{background:#eee;color:#878787;line-height:50px;}
			#header ul li a:hover{background:#eee;color:#FC3607;}


    /*
	   #hr{clear:both;border-top:0px solid #eee;margin:50px 0 20px 0;}
		#hr ul{list-style-type:none;margin:0;padding:0;font-size:12px;margin-top:5px;color:#878787;text-transform:uppercase;}
			#hr ul li{float:left;border-bottom:1px solid #ddd;}
			li#lang{width:138px;margin-right:82px;}
				li#lang a{color:#878787;}
				li#lang a:hover{color:#FC3607;}
			li#lworks{width:460px;margin-right:20px;}
			li#lwords{width:260px;}
*/
#hr{clear:both;border-top:0px solid #eee;margin:25px 0 20px 0;padding-bottom:25px;}
		#hr ul{list-style-type:none;margin:0;padding:0;font-size:12px;margin-top:5px;color:#ccc;text-transform:uppercase;}
			#hr ul li{float:left;border-top:1px solid #eee;}
			li#lang{width:138px;margin-right:82px;}
				li#lang a{color:#ccc;}
				li#lang a:hover{color:#FC3607;}
			li#lworks{width:460px;margin-right:20px;}
			li#lwords{width:260px;}
			li#llong{width:740px;}
	
	/* inserisco il box nelle sezioni elenco */
	div#hr.elenco{padding-bottom:0px;margin-bottom:5px;}			
	div#box_desc_elenco{width:740px;height:45px;margin-left:220px;color:#aaa;font-size:12px;overflow:hidden;}		
	#elenco_remote{cursor:pointer;/*float:right;*/display:inline;margin:0;}


/* MENU */	
	#menu{width:138px;float:left;margin-right:82px;}
		#menu ul{list-style-type:none;margin:0;padding:0;text-align:right;}
			#menu ul li{margin-bottom:10px;font-size:20px;border-bottom:1px dashed #eee}
			#menu ul li:hover{border-bottom:1px dashed #ddd}
			#menu ul li span{font-size:10px; float:left;color:#ddd;line-height:20px;visibility:hidden;}
			#menu ul li:hover span{visibility:visible;}
			#menu ul li a{}


			#media_menu_title{display:block;margin-bottom:10px;text-align: right;}
			#cat_menu_title{display:block;margin:40px 0 10px 0;text-align: right;}

/* RECENT PROJECTS */	
ul#progetti_recenti{margin-top:45px;}		
	ul#progetti_recenti h4{font-size:16px;font-weight:bold;margin-bottom:6px;}		
	ul#progetti_recenti li{float:right;margin:0;padding:0;border:none;height:42px;display:inline;}		
	ul#progetti_recenti li:hover{border:none;}		
		ul#progetti_recenti a{margin:0;padding:0;height:42px;}		
			ul#progetti_recenti a img{width:42px;height:42px;border:2px solid #f2f2f2;}		
			ul#progetti_recenti a:hover img{border:2px solid #ddd;}				
			
			
			
	#content{width:460px;float:left;margin-right:20px;}
	#content.articolo{width:700px;float:left;margin-right:20px;}
		#content h4{}
		#content p{}

		div.home_progetto{margin-bottom:50px;}
			div.home_progetto img{margin:10px 0 0 5px;width:130px;float:left;margin-right:10px;float:left;border:0;}
			div.home_testi_progetto{font-size:14px;}
				div.home_progetto div h4{font-size:24px;font-weight:bold;margin:0 0 3px 0;}
					div.home_progetto div h4 a{color:#636363;}
				div.home_progetto div h5{font-size:12px;font-weight:normal;color:#aaa;margin:0;text-transform:capitalize;}
				div.home_progetto div h6{font-size:12px;font-weight:normal;color:#aaa;margin:0;color:#ababab;text-transform:capitalize;}
				div.home_progetto div div{margin:10px 0;line-height:18px;width:315px;float:left;font-size:12px;}
				div.home_progetto div a{}



/* EXTRA */
	#extra-container{width:240px;float:left;}
	#extra{width:240px;float:left;background:#eee;padding:10px;}
		#extra div.data{font-size:12px;color:#ccc;font-weight:bold;}
		#extra div.data span{font-weight:bold;}
		#extra div.data p{margin:0;display:inline;color:#a1a1a1;padding:0;}
		#extra h5{font-size:20px;margin-top:5px;color:#FC3607;}
		#extra div.testoblog{margin:10px 0;font-size:12px;line-height:18px;}
		#extra a:hover{background:none;}

	
/*  NETWORK  */ 
#network{margin-top:45px;/*padding-top:20px;border-top:1px dashed #bbb*/}
	#network h4{font-size:14px;font-weight:normal;margin-bottom:6px;}
	#network ul{list-style-type:none;margin:0;padding:0;}
		#network li{font-size:12px;margin-bottom:2px;}
			#network a{color:#bbb;}
			#network a:hover{color:#3c3c3c;}

	
	
	
/* ELENCO ARTICOLI PER CATEGORIA */

#content_elenco{width:740px;float:left;}
	#content_elenco h3{font-size:20px;margin-bottom:20px;}
	div.elenco_progetto{display:inline;background:#f2f2f2;width:360px;float:left;margin-bottom:20px;height:120px;overflow:hidden}
	div.elenco_progetto:hover{background:#ddd;}
	div.col2{margin-left:20px;}
		div.elenco_progetto img{border:0;width:130px;height:100px;float:left;margin:10px;display:inline;}
		.elenco_testi_progetto{margin:10px;}
			.elenco_testi_progetto a{color:#636363;}
			.elenco_testi_progetto a:hover{background:none;text-decoration:underline;}
			.elenco_testi_progetto h4{font-size:12px;font-weight:bold;margin-bottom:5px;}
			.elenco_testi_progetto h5{font-size:12px}
			.elenco_testi_progetto h6{font-size:12px}
			.elenco_testi_progetto div.testo{font-size:12px}

/* BLOG */
div.elenco_post{margin-bottom:20px;border-bottom:1px dashed #eee;}
	/*div.elenco_post:hover{background:#ddd;}*/
		.elenco_testi_post{margin:10px;}
			.elenco_testi_post a{color:#636363;}
			.elenco_testi_post a:hover{background:none;text-decoration:underline;}
			.elenco_testi_post h4{font-size:20px;font-weight:bold;margin:5px 0;}
			.elenco_testi_post div.testo{font-size:12px;margin-bottom:10px;}
			
			.elenco_testi_post div.dettagli{font-size:11px; text-align:right;}
			.elenco_testi_post span.data{color:#bbb}
			.elenco_testi_post span.ncommenti{color:#aaa}
			
			.elenco_testi_post span.leggiancora{font-size:12px;}
				.elenco_testi_post span.leggiancora a{color:#FC3607;}

/* singolo post */
#content.blogpost{}
	#content.blogpost h3{margin-bottom:10px;font-size:20px;}
	#blogtesto{font-size:12px;line-height:18px;}
	
	#blogcommenti{margin-top:20px;padding-top:20px;border-top:1px dashed #eee;}
		#blogcommenti h4{font-size:12px;font-weight:bold;margin-bottom:10px;}
		#blogcommenti span{margin:0;font-size:12px;color:#ddd;}
		#blogcommenti h6{font-size:12px;color:#bbb;}
		#blogcommenti h5{font-size:14px;font-weight:bold;margin:15px 0 5px 0;}
		#blogcommenti p{font-size:14px;line-height:14px;}
		

		.commento{background:#f7f7f7;color:#3c3c3c;padding:5px;margin-bottom:15px;}	
		#gravatar-image{float:right;width:64px;height:64px;}
		
	#form_commenti{margin-top:20px;padding-top:20px;border-top:1px dashed #eee;}
		#form_commenti h4{font-size:12px;font-weight:bold;}
		#form_commenti fieldset{border:0;padding:0;font-size:12px;}
		#form_commenti label{display:block;margin:10px 0 5px 0;}
		#form_commenti input{display:block;width:200px;}
		#form_commenti textarea{display:block;width:400px;height:200px;margin-bottom:5px;}
		#form_commenti fieldset span p{font-size:10px;margin:0;color:red;}
	

	
#extra.blogdet{background:none;}
	#extra.blogdet ul{list-style-type:none;margin:0;padding:0;}
		#extra.blogdet li{margin-bottom:10px;font-size:12px;}
		#extra.blogdet li h4{font-weight:bold;font-size:12px;text-transform:capitalize;}
		
		
	/* immagine blog */	
	#imgblog{margin-bottom:10px;}	
		#imgblog img{width:230px;border:2px solid #eee;}	
		
		#immagini_allegate_blog{list-style-type:none;margin:0;padding:0;margin-top:10px;}
		#immagini_allegate_blog li{float:left;display:inline;}
		#immagini_allegate_blog li img{border:3px solid #fff;}
		#immagini_allegate_blog li a:hover{background:none;}
		#immagini_allegate_blog li a:hover img{border:3px solid #eee;}
		
		
		
	/* immagine about */	
	#imgabout{}	
		#imgabout img{width:240px;border:0;}

	/* CV about */	
	#cvabout{background:#fff url(../grafica/doc_ico.jpg) no-repeat top left;padding:0 0 10px 30px;font-size:12px;margin:30px 0 5px 0;}
		#cvabout a{}
		
		
/* paginazione */
.paginazione{font-size:12px;color:#bbb;text-align:right;;}


/* dettaglio articolo */
#dettaglio_articolo{}
	#dettaglio_articolo img{margin:0;border:0;}
	#contenuto_principale{float:left;width:390px;}
		#immagini_allegate{list-style-type:none;margin:0;padding:0;margin-top:10px;}
		#immagini_allegate li{float:left;display:inline;}
		#immagini_allegate li img{border:5px solid #fff;}
		#immagini_allegate li a:hover{background:none;}
		#immagini_allegate li a:hover img{border:5px solid #eee;}
		
	#testostoria{padding:10px;background:#eee;font-size:14px;line-height:20px;}
		
	#contenuto_allegati{clear:both;margin-top:10px;}
		
		#doc_allegati{list-style-type:none;margin:0;padding:20px 0 0 0;font-size:12px;border-top:1px dashed #eee;}
			#doc_allegati h5{font-weight:bold;font-size:14px;margin-bottom:10px;}
			#doc_allegati li h6{font-weight:bold;font-size:12px;}
			#doc_allegati li{background:url(../grafica/doc_ico.jpg) no-repeat top left;padding:0 0 10px 30px;font-size:12px;margin-bottom:5px;}
			#doc_allegati li span{font-size:12px;display:block;margin-top:2px;}
		
		#video_allegati{list-style-type:none;margin:0;padding:20px 0 0 0;font-size:12px;border-top:1px dashed #eee;}
			#video_allegati h5{font-weight:bold;font-size:14px;margin-bottom:10px;}
			#video_allegati li h6{font-weight:bold;font-size:12px;}
			#video_allegati li{padding:0 0 10px 0;font-size:12px;margin-bottom:5px;}
			#video_allegati li span{font-size:12px;display:block;margin-top:2px;}
			#video_allegati .contantvideo{margin-top:10px;}
		
		
	
	#contenuto_secondario{float:left;width:330px;margin-left:20px;}
		#contenuto_secondario ul{list-style-type:none;margin:0;padding:0;}
			#contenuto_secondario li{margin-bottom:10px;font-size:12px;}
			#contenuto_secondario li h4{font-weight:bold;font-size:12px;text-transform:capitalize;}





/* FOOTER */
#footer{clear:both;margin:20px 0;height:50px;padding:20px;color:white;font-size:10px;text-align:right;}
#footer a{color:#f2f2f2;}


/* utilità */
.clear{clear:both;}
.invisible{visibility:hidden}