/*  
Theme Name: ilbonzo
Theme URI: http://blog.ilbonzo.org/
Description: 
Version: 0.1
Author: Matteo Magni
Author URI: http://ilbonzo.org/

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

*/
html,body{margin:0;padding:0}
body{font: 85% Verdena,sans-serif;}
body{color:/*#6d6d6d*/#3a3a3a;}
h2 {color:#2e2e2e;}
h3 {color:#2e2e2e;}
code {
font-size: 15px;
}

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

div.both {
	clear: both;                      
} 		

div#panel {
	background-color:#4C4C4C;
	color:#FFF;
	margin:0;
	padding:0;
	}

#panel a, a:visited {
	color:#FFF;
	}

#panel a:hover {
	color: /*#CCC*/#6d6d6d;
	}

div#social {
        float:left;
	margin:0;
        padding:23px 50px;
	}

/********************************************************
 * Fontswitch
 */

div#fontswitch {
	float:right;
	margin:0;
	padding:0;
	height:100px;
	width:400px;
	}

#fontswitch ul{
	margin:0;
	padding:30px 60px;
	list-style-type:none;
	}

#fontswitch ul li {
	/*display:inline;*/
	float:left;
	}



li.font_change {
	height:41px;
	width:36px;
	margin:0 20px;
	}

.font_change a {
	text-indent: -1000em; /* nasconde il link */
	overflow: hidden;
	display: block;
	height:41px;
	width:36px;
	}

#font_minor {
	background: url(images/font_minor.png) no-repeat top;
	}

#font_minor:hover {
	background: url(images/font_minor.png) no-repeat bottom;
	}

#font_default {
	background: url(images/font_default.png) no-repeat top;
	}

#font_default:hover {
	background: url(images/font_default.png) no-repeat bottom;
	}

#font_major {
	background: url(images/font_major.png) no-repeat top;
	}

#font_major:hover {
	background: url(images/font_major.png) no-repeat bottom;
	}


div#styleswitch {
	/*float:left;*/
	margin:0;
	padding:0;
	height:100px;
	margin-left:50px;
	}

#styleswitch ul{
	margin:0;
	padding:30px 60px;
	list-style-type:none;
	}

#styleswitch ul li {
	/*display:inline;*/
	float:left;
	}

li.style_change {
	/*height:41px;
	width:36px;*/
	margin:0 20px;
	}

.style_change a {
	/*text-indent: -1000em;*/
	overflow: hidden;
	display: block;
	/*height:41px;
	width:36px;*/
	}

div#panel_botton {
	height:50px;
	background:#fff url(images/wrapper_panel.png) repeat-x top;
	padding-top:6px;
	}

a#toggle {
	margin-left:250px;
	color:#000;
	}

div#wrapper_header {}

div#header {
	background: url(images/commodore_64.jpg) no-repeat left bottom;
	}

div#logo {
	height:160px;
	background: url(images/c64cassdrive.jpg) no-repeat right top;
	text-align:center;
	margin:0 0 0 120px;
	}

#logo h1 {
	/*float:right;*/
	margin:10px auto;
	background: url(images/logo_alpha_full.png) no-repeat right top;
	text-indent: -1000em; /* nasconde il link */
	overflow: hidden;
	display: block;
	width: 419px; /* dimensioni miniatura */
	height: 129px;
	}

#logo h1:hover {
	/*float:right;*/
	margin:10px auto;
	background: url(images/logo_alpha_light.png) no-repeat right bottom;
	}


div#navigation{
	text-align:center;
	background:#0000FF url(images/naveheader.png) repeat-x center;
	}

/********************************************************************
 * Naveheader
 ********************************************************************/

#content_navheader {
	text-align:center;
	width:100%;
	/*background-color:#0000ff;*/	
	/*border-top:3px solid #0080FF;
	border-bottom:3px solid #0080FF;*/
	}

#navheader {
	position:relative;
	margin:0 auto;
	width:530px;
	height:36px;
	/*border-top:1px solid #78919B;
	border-bottom:1px solid #78919B;*/
	/*background-color:#ffffff;*/
	padding:0;/*dopo la colonna di sinistra*/
	z-index:0;
	}

#navheader li {
	position:relative;
	display:inline;
	font:1.2em verdana;
	font-weight:bold;
	padding:0;
	z-index:20;
	display : block;
	float : left;
	padding:0;
	margin:0;
	}
	
#navheader li a {
	text-decoration:none;
	color:#ffffff;
	display : block;
	text-align : center;
	margin:0;
	padding:0;

	text-indent: -1000em;/* nasconde il link */
	overflow: hidden;
	height:36px;
	width:129px;
	/*background:url(images/nave_button.png) no-repeat right top;*/
	}

/*per avere il bordo anche sul primo link*/
li#link_home a {
	width:130px;
	background:url(images/nave_button_home.png) no-repeat right top;
	}

li#link_home a:hover {
	width:130px;
	background:url(images/nave_button_home.png) no-repeat right bottom;
	}

li#link_portfolio a {
	background:url(images/nave_button_portfolio.png) no-repeat right top;
	}

li#link_portfolio a:hover {
	background:url(images/nave_button_portfolio.png) no-repeat right bottom;
	}

li#link_contatti a {
	background:url(images/nave_button_contatti.png) no-repeat right top;
	}

li#link_contatti a:hover {
	background:url(images/nave_button_contatti.png) no-repeat right bottom;
	}

li#link_blog a {
	background:url(images/nave_button_blog.png) no-repeat right top;
	}

li#link_blog a:hover {
	background:url(images/nave_button_blog.png) no-repeat right bottom;
	}

#navheader li a:hover {
	text-decoration:none;
	/*cursor: hand;*/
	}

div#wrapper_all {
	height:80px;
	width:100%;
	background:#fff url(images/wrapper_content.png) repeat-x top;
	}

div#wrapper_content{
	float:left;
	width:100%;
	margin-left:-35%;	}

div#content{
	margin: 10px 0 0 37%;
	padding:0 0;
	text-align:left;
	/*min-height:500px;*/
	}

#content a, a:visited {
	color:#0000FF;
	}
#content a:hover {
	color: /*#CCC*/#6d6d6d;
	}

div#home {
	/*min-height:400px;*/
	padding:10px 20px;
	border-top:1px solid #CCC;
	}

#home ul {
	list-style-type:none;
	}

/***********************************************************************
 * tooltips
 */

/*.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}*/

.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
	/*pre tenere il bubble più a sinistra*/
	margin-left:-25px;
}

/*.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #0000FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}*/

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #0000FF;
	padding: 26px 8px 2px 10px;
	background: url(images/bubble.png) top left;
}

/* 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}*/

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px 8px;
	background: url(images/bubble.png) bottom right;
	color: #000;
}

 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFF;
	padding: 8px 8px 4px;
	background: #0000FF;
	border-bottom: 1px solid #FFF;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #0080FF;
}

/*
div#navigation_side {
	float:left;
	width:200px;
	margin-left:-100%
	}
*/
/********************************** Extra***********************************/
div#extra {
	float:right;
	width:34%;
	/*margin-left:-35%;*/
	margin-top:10px;
	/***************padding-left:10px;*****************/
	}

#extra div {
	margin:2px 20px;
	border-top:1px solid #CCC;
	padding:10px 20px;
	}

#extra div ul {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-bottom:10px;
	}

#extra div input {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:30px;
	}

#quote {
	margin:0 20px;
	border-top:1px solid #CCC;
	padding:10px 20px;
	min-height:100px;
	}

#os {
	margin: 0 20px;
	border-top:1px solid #CCC;
	padding:10px 20px;
	}
#os a {
	color:#0000FF;
	}


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

#w3c {
	margin:20px;
	}

#xhtml_valid {
	text-indent:-1000em;
	overflow: hidden;
	display: block;
	background:url(images/valid-xhtml10) no-repeat center;
	width:88px;
	height:31px;
	margin-top:14px;
	}

#css_valid {
	text-indent:-1000em;
	overflow: hidden;
	display: block;
	background:url(images/vcss) no-repeat center;
	width:88px;
	height:31px;
	margin-top:14px;
	}

#extra a:visited {color:#0000FF;}
/*
#like {
	margin-top:20px;
	border-top:1px solid #CCC;
	padding:10px 20px;
	}

#like ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
*/

/*****************************************************
 * Portfolio
 *****************************************************/

div#portfolio {
	text-align:left;
	/*min-height:400px;*/
	padding:10px 20px;
	border-top:1px solid #CCC;
	}

#portfolio h2 a, a:visited{color:#2e2e2e;}


/*portfolio accordion*/
.element {
	height:400px;

	}
	
/**********************************************************************
 * Form Contatti
 */

div#contact {
	float:left;
	margin:0;
	padding:0;
	}

#contact a {margin-left:20px;}

#log_res p {
	color:red;
	margin:10px 20px;
	padding:10px;
	border:1px solid red;
	width:330px;
	}

#mail_contact {
	/*text-align:left;*/
	float:left;
	}

form#mail{
	margin:0 20px;
	width: 350px;
	border: 1px solid #CCC;
	/*non uso box-model tanto non mi cambia che in IEsia un po' più piccolo*/
    	/*background-color: #4C4C4C;*/
    	/*color:#FFF;*/
	}

form#mail fieldset{
	border: 0px solid #000;
	}

form#mail legend {
	font: bold 140%/1.6 Arial,sans-serif;
	color:#CCC;
	}

form#mail p {
	margin: 10px 10px 20px;
	}

form#mail fieldset label {
	float:left;
	width:100px;
    	line-height: 23px;
    	margin-right: 5px;
    	text-align: right;
    	}
	/*Il testo delle label verrà allineato a destra per dare una maggiore vicinanza ai campi di input*/

form#mail fieldset input,textarea { 
	margin-bottom:5px;
	border-style: solid;
    	border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    	border-width: 2px 1px 1px 2px;
    	}
	/*personalizzo i bordi e aggiungo i margini a textarea*/

form#mail fieldset input { 
	width:150px;
	}

form#mail fieldset textarea { 
	width:200px;
	}

form#mail br{clear:left}

form#mail input#go{
	width:80px;
	margin: 10px 0 0 230px; /*lo sposta a destra*/
	border-style: solid;
	border-color: #FFF #333 #333 #FFF;
	border-width: 1px 2px 2px 1px;
	/*background: #69c url(../images/azzurro/sfondobottone.jpg) repeat-x;*/
	}

#dat_contact {
	float:left;
	}


/************************************footer**********************************/
div#wrapper_footer {
	background:url(images/wrapper_footer.png) repeat-x top;
	width:100%;
	clear:left;
	padding:56px 0 0 0;
	}

div#footer{
	color: #FFF;
	clear:left;
	width:100%;
	padding:20px 0 0 0;
	/*background:#0000FF url(../images/footer___.png) repeat-x top;*/
	/*background-color:#656565;*/
	background-color:#4C4C4C;
	}

/*#5F5FFF*/
#footer {
	/*background-color: #021C68;
	background-image: url(../images/commodore_64_black.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	*/
	min-height:100px;
	text-align:center;
	}

#footer a, a:visited {
	color:#FFF;
	}
#footer a:hover {
	color: /*#CCC*/#6d6d6d;
	}

.no_view{
	display:none;
	}


#powered {
	margin:15px auto;
	}

#powered_img {
	margin:0 auto;
	text-indent:-1000em;
	overflow: hidden;
	display: block;
	background:url(images/powered_by.png) no-repeat center;
	width:80px;
	height:15px;
	}

#powered ul {
	margin:0;
	padding:0;
	padding-top:20px;
	list-style-type:none;
	}



/****************************************
 * Solo Blog
 ****************************************/
.children li{
	margin:0;
	padding:0;
	margin-left:10px;
	}
ul.children {
	margin:0;
	padding:0;
	}	
#category {
	margin:0;
	padding:0;
	}

#widget_block ul{list-style-type:none;}
#widget_block ul li{list-style-type:none;} 
.widgettitle {display:none;}