/*Theme Name: japan-style Modded by Luca Tortora
Description: japan-style Wordpress Theme by<a href="http://blog.gooddesignweb.com/">Good Design Web</a>
Version: 1.2Author: Good Design Web
Author URI: http://blog.gooddesignweb.com/
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS*/

/* Reset-------------------------------------------------------------------*/* 
{ padding: 0; margin: 0; }ul li, ol li { list-style: none; list-style-position: inside; }ol ol, ul ul, ol ul, ul ol { margin-left: 0px; margin-bottom: 0; }img { border: none; }

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/* Body-------------------------------------------------------------------*/
body {
        margin: 0 auto;
        font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif;
	color: #aaaaaa;
	background: url(images/bg.jpg) repeat-x center top #000000;
}

html body {background: #000000 url(images/bg.jpg) no-repeat center -7px;}*/

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #dddddd; }
h1 { font-size: 22px; line-height: 22px; margin-bottom: 5px;}
h2 { font-size: 12px; line-height: 24px; margin-bottom: 7px; font-weight: normal; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 15px; }
h4 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #64b36b; }
h4 a {text-decoration: none;}
a { color: #64b36b; } 

a.download {
	text-decoration:none;
}

#content a.download img {
	margin:0;
}

/* verde */
a:hover { color: #64b36b; }
a:visited { color: #64b36b; }

p {
 margin: 0px 0px 0px 5px;
}

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote {
 	    font: italic 14px/22px Georgia, Serif;
            color: #222222;
	    padding: 5px 5px;
	    margin-bottom: 5px;
	    background: #efefef;
}

/* Header-------------------------------------------------------------------*/

#header {
 	         width: 960px;
 		 height: 300px;
         	 margin: 0 auto;
		 background: url(images/Header_BG.png) no-repeat center;
         	 position: relative;
 }

#header h1 {
                 width: 230px;
        	 position: absolute;
        	 top: 80px;
        	 left: 160px;
		 font: 20px Verdana;
 		 padding-top: 10px;
 		 margin-bottom: 0;
 		 color: #fff;
 }	

#header h1 a {
                  color: #999;
 	         text-decoration: none;
 }

#header span {
                 position: absolute;
        		 top: 195px;
        		 left: 100px;
 			 padding-left: 10px;
 			 font-size: 12px;
 			 color: #999;
}		 

/* Container-------------------------------------------------------------------*/

#wrapper {
 	        width: 900px;
 			overflow: hidden;
 			background: #111111;
        		margin: 0 auto;
         		margin-top: -20px;
        		padding: 15px 0 15px 0;
}

/* Navigation-------------------------------------------------------------------*/

#nav {
 	        width: 800px;
 		height: 30px;
 			margin-left: 40px;
 			position: relative;
        		top: 225px;
}		

#nav ul {
 	        margin-left: 10px;
 			position: absolute;
 			bottom: -1px;
 			overflow: hidden;
 			height: 30px; 
}

#nav ul li {
 	        float: left;
 			margin-right: 3px;
 			padding-left: 3px;
         		font-weight: bold;
}

#nav ul li.current_page_item {
         width: 90px;
        		 height: 30px;
		 }

#nav ul li a {
        width: 90px;
        		height: 30px;
        		background: url(images/nav_bg.png) no-repeat;
 			display: block;
 			text-decoration: none;
 			color: #333333;
 			line-height: 30px;
 			text-align: center;
		}

#nav ul li .page_item a:hover {
         color: #aaaaaa;
}

#nav ul li .page_item a:visited {
         color: #333333;
}

#nav ul li.current_page_item a {
         background: url(images/nav_bg.png) no-repeat;
		 color: #ffffff;
}

.current_page_item a:hover{
		 color: #ffffff;
}

.current_page_item a:visited{
		 color: #ffffff;
}

/* DROP SHADOW -------------------------------------------------------------------*/

.dropShadow #span  {
	display: block;
        	width: 580px;
 		position: relative;
		background-color: #232323;
		margin: -5px 6px 6px -5px;
		border: 1px solid #444444;
		padding: 15px 10px 10px 10px;
}

.dropShadow{
	float:left;
		background: url(images/shadow.png) no-repeat bottom right !important;
		margin: 10px 0px 10px 10px !important;
		margin: 10px 0px 0px 5px;
}

/* DROP SHADOW Wall (lavagna)-------------------------------------------------------------------*/

.ShadoWall #span  {
	display: block;
        	width: auto;
 		position: relative;
		background-color: #222222;
		margin: -5px 5px 5px -5px;
		border: 1px solid #444444;
		padding: 2px 2px 2px 2px;
}

.ShadoWall{
	float:left;
		background: url(images/shadow.png) no-repeat bottom right !important;
		margin: 10px 0px 0 10px !important;
		margin: 10px 0px 0px 5px;	
}

/* DROP SHADOW COMMENTS -------------------------------------------------------------------*/

.ShadowCom #span  {
	        display: block;
        	width: 580px;
 		position: relative;
		background-color: #232323;
		margin: -5px 6px 6px -5px;
		border: 1px solid #444444;
		padding: 0px 0px 0px 0px;
}

.ShadowCom{
	float: right;
	background: url(images/shadow.png) no-repeat bottom right !important;
	margin: 10px 0px 0px 10px !important;
	margin: 5px 0px 0px 5px;
}


/* Content-------------------------------------------------------------------*/

#content {
 	width: 600px;
 		float: left;
 		/* padding: 15px; */
        	padding-left: 10px;
}

#content img { margin-bottom: 1em;}

#content .post {
    padding: 0 0 15px 0;
    margin-bottom: 15px;
     color:#aaaaaa; 
}

#content .post p {
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
}

/* #content .post h3 a { text-decoration: none;  font-size: 20px;  padding: 3px;  margin-bottom: 20px;  color:#dddddd;  background: url(images/gradient_post.png) top left repeat-y;  width: auto;  } */

#content .post-list li {
 list-style: none;
}

#content .post .post-info {
 	clear: both;
 		font-size: 11px;
 		color: #888888;
 		padding: 5px 5px 5px 5px;
 		margin: 15px 0 0 0;
         	text-align: right;
	border-top: 1px solid #444;
        	border-bottom: 1px solid #444;
		/* background: url(images/meta_bg.jpg) top center no-repeat; */	
}

#content .post .post-info a {
    color: #bbb;
 	text-decoration:none;
}

#content .post .post-info a:hover {
 color: #bbb;
  text-decoration:none;
  }  

#content #pages {
      text-align: center;
	   }	   

#content #pages a {
     font: bold 20px "Trebuchet MS";
 	 color: #aaaaaa;
 	 text-decoration: none;
	  }

#content .post h1 {
    text-decoration: none;
 	font-size: 20px;
 	padding: 5px;
 	margin-bottom: 20px;
 	color: #64b36b;
 	background: url(images/gradient_post.png) top left;
	 }

#content #pages a:hover {
    color: #64b36b;
	 }

#content ul, ol, dl {
    margin-bottom: 20px;	 
}

#content ul {
 	list-style: disc;
		list-style-position: inside;
	 }

#content ol {
 	list-style: decimal;
 		list-style-position: inside;
	 }

#content dl dt {
 	font-weight: bold;
	}

#content dl dd {
 	font-style: italic;
		margin: 0 0 5px 20px;
		color: #999;
	}

.aligncenter {
    margin-left: auto;
 	margin-right: auto;
 	}

.alignleft {
    float: left;
 	margin: 5px 15px 10px 0;
 	}

.alignright {
    float: right;
 	margin: 5px 0 10px 15px;
 	}

/* Sidebar-------------------------------------------------------------------*/

#sidebar {
 	width: 250px;
		float: right;
		font-size: 11px;
 		margin: 0 10px 10px 0;
		color: #999;	
}

#sidebar h3 {
         font: normal 18px Verdana, Arial, Sans-Serif;
         		 color: #999;
         		 background: url(images/sidetitle_bg.png) no-repeat;
        		 padding-left: 23px;		 
}

#sidebar a {
    color: #eeeeee;
     text-decoration: none;
 	}

#sidebar a:hover {
    color: #eeeeee; 	
}

#sidebar .block {
    background: #222222;
    margin-top: 5px;
	width: 205px;
		padding: 15px;
 		border-bottom: 0px solid #999;
 		overflow: hidden;
		color: #999;
	}

#sidebar .block li {
 	background: url(images/arrow.gif) no-repeat 2px 8px;
 		padding-left: 12px;
	}

#sidebar .block a:hover {
    color: #eeeeee; 	
}

/* Calendar */

#sidebar .block #calendar_wrap a { }

#sidebar .block #calendar_wrap .pad {
    background: none; 	
}

#sidebar .block #calendar_wrap #prev {
    background: none; 	
}

#sidebar .block #calendar_wrap #next {
    background: none; 	
}

#sidebar .block #calendar_wrap table {
    width: 100%;
 	margin: 0;
	padding: 0;	
}
#sidebar .block #calendar_wrap table th {
    width: 14.2%; 	
}

#sidebar .block #calendar_wrap table td {
    width: 14.2%;
 	background: #d6ded4;
 	text-align: center;
 	color: #000000; 	
}

/* Search-------------------------------------------------------------------*/

#search {	}

#search input {
    border: 0; 	
}

#searchform {
         border: 0px solid;
        		 vertical-align: top;
        		 background-color: #333333;
		 } 

#searchform #s {
        border: 0px solid;
			width: 140px;
        		height: 25px;
        		float: left;
			padding: 3px 0 4px 5px;
			margin-right: 4px;
        		margin-left: 0px;
			vertical-align: top;
			line-height: 0;
			font: normal 16px Verdana;
			vertical-align: top;
			color: #888888;
			background: url(images/search_bg.jpg) no-repeat;
}

#searchform #searchsubmit {
        border: 0px solid;
        		float: right;
			width: 56px;
 			height: 25px;
        		text-align: center;
        		padding: 0px 0 4px 0px;
			background: url(images/searchbt_bg.png) no-repeat;
        		font-weight: bold;
}

.bt{
        cursor: pointer;
}

/* Comments-------------------------------------------------------------------*/

/* link ai commenti */

#content .post .commenti {
 	clear: both;
 		font-size: 12px;
 	 	color: #888888;
 		padding: 5px 5px 5px 25px;
 		margin-bottom: 0px;
         	text-align: left;
              	background: url(images/sidetitle_bg.png) bottom left no-repeat;
	}

#content .post .commenti a {
        color: #bbbbbb;
 	text-decoration:none;
}

.comments-title {
    	text-align: center;
 			font: bold 17px "Trebuchet MS", Helvetica, Arial, Geneva;
			color: #999999;
 		}

#comments .comment {
                margin: 10px auto;
                /* margin: 10px 10px 10px 10px; */
			overflow: hidden;
 			width: 100%;
 			padding: 5px; 		
}

#comments .comment .comment-avatar {
    	        float: left;
                text-align: center;
 		width: 80px;
 		padding: 5px 5px;
}

#comments .comment .comment-content {
    	        float: left;
 		padding: 5px;
 		margin: 5px 5px 0 0;
 		width: 470px;
		/*background: #222222;*/
}

#comments .comment .comment-content a {
        color: #aaaaaa;
}

#comments .comment .comment-info {
    	font-size: 11px;
	color: #666666;
	margin-bottom: 5px;
}

#comments .comment .comment-info span {
   	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva;
  	padding-right: 10px;
 	margin-bottom: 5px;
}

#comments .comment .comment-info a {
 	color: #aaaaaa;
 	text-decoration: none;
}

/* Comment Form-------------------------------------------------------------------*/

#commentform {
         width: 90%;
			 background: #444;
 			 border: 5px solid #333;
         		 margin: 10px auto;
			 padding: 10px;
 			 color: #999;
 		 }

#commentform p {
       margin-bottom: 7px;
 	   }

#commentform textarea {
 	width: 100%;
 		border: 1px solid #333;
 		height: 120px;	
}

#commentform input.text {
 	width: 150px;
 		border: 1px solid #333;
 		margin-right: 5px;
 		padding: 3px 3px;
 	}

#commentform input#submit {
        width: 148px;
        		height: 30px;
        		background: url(images/submit_bg.gif) no-repeat;
        		text-align: center;
        		border: none;
		}

/* Footer-------------------------------------------------------------------*/

#footer {
 	width: 960px;
         	height: 203px;
        	padding: 0px 0 0 0;
		margin: 0 auto;
         	margin-top: -20px;
		background: url(images/footer_bg.png) no-repeat;
        	position: relative;
 	}

.rss {
        float: right;
			width: 200px;
         		height: 73px;
		}

#footer-inner {
        clear: both;
        		text-align: center;
 			width: 900px;
 			margin: 0 auto;
         		color: #888;
		}

#footer p {
 	font-size: 11px;
 		margin: 0;
 	}

#footer a {
 color: #999;  
}