/*
Theme Name: Howtoweb
Theme URI: http://www.howtoweb.it/
Description: Il tema di Howtoweb.it, progetto di <a href="http://www.mauroaccornero.it/">Mauro Accornero</a>.
Version: 1.0
Author: Mauro Accornero
Author URI: http://www.mauroaccornero.it/
Tags: Green, black, white, two columns

	How to web 1.0
	 http://www.howtoweb.it/

	Questo tema è stato creato da Mauro Accornero,
	puoi vedere il mio blog su http://www.howtoweb.it/

*/

/*FORMAT RULES*/
h1,h2,h3,h4,h5,h6,p,form,input{
margin:0px;
padding:0px;
}
img{border:none;border:0px;}
/*END FORMAT RULES*/

body{
background-color:#000000;
color:#000000;
margin:0px;
padding:0px;
text-align:center;
font-family:arial;
font-size:1em;
}

a{color:#333333;text-decoration:none;}
#contenitore{width:100%;margin:0px auto;background:#ffffff url(images/bg.gif) repeat-x;}
#contenitore #header,#contenitore #menu,#contenitore #content{width:900px;margin:0px auto;padding:0px;text-align:left;}
#contenitore #header{height:120px;}
#contenitore #header #logo{height:120px;width:265px;position:relative;z-index:1;float:left;}
#contenitore #header #logo h1{font-size:1em;}
#contenitore #header #logo h1 a{display:block;height:100px;width:265px;background:transparent url(images/howtoweb_logo.jpg) no-repeat;}
#contenitore #header div#logo a span{position:relative;z-index:-1;}
#contenitore #header #rss{float:left;margin:32px 0px 0px 335px;width:300px;height:56px;position:relative;z-index:1;text-align:center;}
#contenitore #header #rss a{width:300px;height:56px;display:block;background:transparent url(images/rss.gif) no-repeat;}
#contenitore #header #rss a span{position:relative;z-index:-1;}
#contenitore #menu{height:30px;font-size:12px;}
#contenitore #menu ul{margin:0px;padding:7px 0px;border-left:1px solid #333333;background :#000000 url(images/bg_menu.gif) repeat-x;}
#contenitore #menu ul li{margin:0px -0.2em 0px 0px;padding:0px;display:inline;}
#contenitore #menu ul li a{height:0;padding:7px 20px;border-left:1px solid #000000;border-right:1px solid #333333;color:#ffffff;font-weight:bold;text-transform:uppercase;}
#contenitore #menu ul li a:hover{color:#99cc00;}
#contenitore #content{overflow:hidden;}
#contenitore #content #main{width:580px; float:left;display:inline;padding:20px 0px; margin:0px 20px 0px 0px;font-family:"Times new roman",Serif;}
#contenitore #content #main pre{width:568px; border:1px dashed #999;background-color:#ffffcc;color:#000;padding:10px 5px;}
#contenitore #content #main img.large{padding:0px 0px;margin:-10px 0px 0px 0px;display:block;}
#contenitore #content #main img.float{padding:0px ;margin:0px 5px 5px 0px;}
#contenitore #content #main h2{font-weight:normal; font-size:2.7em;margin:0px;color:#000000;text-align:center;}
#contenitore #content #main h3{font-weight:normal; font-size:1.2em;margin:10px 0px 5px 0px;padding:0px;color:#000000;}
#contenitore #content #sidebar h4{font-weight:bold; font-size:0.8em;margin:10px 0px 5px 0px;padding:0px;color:#000000;}
#contenitore #content #sidebar h4 a{font-weight:normal;color:#333;display:block;margin-top:3px;}
#contenitore #content #sidebar h4 a:hover{text-decoration:underline;}
#contenitore #content #main h2 a{color:#333333;}
#contenitore #content #main h2 a:hover{color:#000000;}
#contenitore #content #main p{font-size:0.8em;margin:10px 0px 10px 0px;color:#333333;line-height:1.6em;font-family:arial;}
#contenitore #content #main p a{color:#336600;text-decoration:underline;}
#contenitore #content #main p a:hover{color:#339900;text-decoration:underline;}
#contenitore #content #main .data {background:#ffffff url(images/bg_data.gif) repeat-x 0 center;text-align:center;width:580px;padding:25px 0px;}
#contenitore #content #main .data small{font-size:1em;margin:0px;padding:0px 10px;color:#333333;background-color:#fff;}
#contenitore #content #main .data small.author{letter-spacing:2px;margin:0px;padding:0px 10px 0px 0px;color:#333333;background-color:#fff;text-transform:uppercase;}
#contenitore #content #main .data small a{color:#333333;}
#contenitore #content #main .data small a:hover{color:#666666;}
#contenitore #content #main .post{padding:0px 0px 30px 0px;margin:0px 0px 20px 0px;background:#ffffff url(images/bg_post.gif) repeat-x 0 bottom;}
#contenitore #content #main .navigation{margin:0px;padding:0px;width:580px;overflow:hidden;font-family:arial;font-size:0.8em;}
#contenitore #content #main .navigation .alignleft{margin:0px;padding:0px;width:290px;float:left;text-align:left;}
#contenitore #content #main .navigation .alignright{margin:0px;padding:0px;width:290px;float:right;text-align:right;}
/*commenti*/
.comment{width:578px;margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;background:#ffffff url(images/bg_comment.gif) repeat-x;font-family:arial;float:left;display:inline;border:1px solid #999999;}
.comment .comment{width:521px;margin:10px 0px 0px 47px;padding:0px;background:#ffffff url(images/bg_comment.gif) repeat-x;font-family:arial;overflow:hidden;border:1px solid #999999;}
.comment .comment .comment-body{width:474px;float:left;margin:0px;}
.comment .comment .comment-text{width:474px;float:left;margin:5px 0px;}
.comment .comment .comment-author{width:237px;height:42px;line-height:42px;float:left;margin:0px 0px 0px 0px;padding:0px;text-align:left;}
.comment .comment .comment-data{width:232px;float:left;height:42px;line-height:42px;margin:0px 5px 0px 0px;padding:0px;text-align:right;font-size:0.7em;font-weight:bold;}
.comment-reply-link{clear:left;}
.comment .comment-image{width:47px;float:left;margin:0px;}
.comment .comment-image img{width:32px;margin:5px 10px 5px 5px;}
.comment .comment-body{width:531px;float:left;margin:0px 0px 5px 0px;}
.comment .comment-author{width:263px;height:42px;line-height:42px;float:left;margin:0px 0px 0px 0px;padding:0px;text-align:left;}
.comment .comment-author strong{font-size:1em;color:#336600;font-family:"times new roman";font-weight:normal;}
.comment .comment-author strong a{color:#336600;}
.comment .comment-author span{font-size:0.7em;}
.comment .comment-data{width:258px;float:left;height:42px;line-height:42px;margin:0px 5px 0px 0px;padding:0px;text-align:right;font-size:0.7em;font-weight:bold;}
.comment .comment-text{width:531px;float:left;margin:5px 0px 0px 0px;}
.comment .comment-text em{font-size:0.8em;color:#ffffff;background:#336600;padding:0px 5px;}
.comment .comment-text p{margin:0px !important;padding:0px;}
#respond{width:580px;margin:0px;padding:0px;}
#respond form{width:580px;margin:0px;padding:0px;}
#respond form textarea{width:578px;margin:0px;padding:0px;border:1px solid #ccc;font-family:arial;}
#respond form .campo{width:200px;margin:0px;padding:0px;border:1px solid #ccc;font-size:1.2em;}
#respond form #submit{display:block;
width:128px;
height:30px;
margin:0px;
padding:0px;
background:#ffffff url(images/bg_button_comment.gif) no-repeat;
text-indent: -999em;
cursor: pointer;
border:none;
color:#000;}
/*fine commenti*/
#contenitore #content #sidebar{width:300px;float:left;display:inline;padding:0px 0px 20px 0px;}
#contenitore #content #sidebar form{width:300px;overflow:hidden;padding:10px 0px;margin:0px 0px 20px 0px;background:#000000 url(images/bg_form.gif) no-repeat left bottom;}
#contenitore #content #sidebar form input{float:left;width:208px;border-bottom:1px solid #333333;border-left:1px solid #666;border-right:1px solid #333333;border-top:1px solid #666;margin:0px 0px 0px 10px;padding:0px;font-size:1.5em;background:#ffffff url(images/bg_campo.gif) repeat-x left bottom;}
#contenitore #content #sidebar form button{
display:block;
width:70px;
height:30px;
margin:0px 0px 0px 10px;
padding:0px;
background:#000000 url(images/bg_button.gif) no-repeat;
text-indent: -999em;
cursor: pointer;
border:none;
float:left;
color:#fff;
}
#contenitore #content #sidebar h3{margin:20px 0px 5px 0px;padding:3px 0px 3px 10px; background-color:#333;color:#fff;border-bottom:3px solid #ccc;}

#contenitore #content #sidebar ul{margin:0px;padding:0px;list-style:none;font-size:0.8em;line-height:1.5em;}
#contenitore #content #sidebar ul li{margin:0px;padding:5px 10px;border-bottom:1px dotted #999;}
#contenitore #content #sidebar ul li a{color:#555555;}
#footer{border-top:2px solid #000000;width:100%;min-height:120px;height:auto !important;height:120px;background:#000000 url(images/bg_footer.gif) repeat-x;color:#ffffff;font-size:0.7em;line-height:2em;}
#footer a{color:#ffffff;text-decoration:underline;}
#footer a:hover{color:#cccccc;}