/*
Theme Name: Secret of Web
Theme URI: http://www.yappy.it/
Description: A WordPress theme based on the website graphic layout.
Version: 1.0
Author: yappy
Author URI: http://www.yappy.it/
Tags: custom header, fixed width, two columns, widgets

*/
    	body {
         background: #001 url(images/bg_.gif) center repeat-y;
         /* font: 10pt Bookman Old Style, Georgia, Times New Roman, Times, serif; */
         font: 10pt Verdana, Arial, Helvetica, sans serif;
         margin: 0px; padding: 0px;
         color: #fff;
      }
      .yl  {
         color: #e5a931;
      }
      a {
         text-decoration: none;
         color: #ffc;
      }      
      img.png  {
         behavior: url("iepngfix.htc");
      }
      #top {
         /* background: #001; */
         text-align: right;
         padding: 4px;
         font-size: 7pt;
         color: #ccc;
      }
      #head {
         color: #ffc;
         position: absolute;
         top: 30px;
         left: 180px;
         background: transparent url(images/segreto_del_web.png) top left no-repeat;
         behavior: url("iepngfix.htc");
      }
      #head h2 {
         margin: 0px; padding: 0px;
         width: 500px;
         height: 36px;
      }
      #head h2 span {
         display: none;
      }
      #menu {
         font: 8pt Verdana, Arial, Helvetica, sans serif;
         background: #001;
         position: absolute;
         padding: 8px;
         top: 70px;  /* 115px; */
         left: 0px;
         width: 100%;
         color: #fff;
      }
      #menu ul {
         margin: 0px 0px 0px 130px;
      }
      #menu li {
         /* list-style-type: none; */
         background: url(images/bullet.gif) center left no-repeat;
         display: inline;
         height: 16px;
         float: left;
      }
      #menu a {
         text-transform: uppercase;
         text-decoration: none;
         padding-left: 18px;
         font-weight: bold;
         display: block;
         color: #fff;
      }
      #menu a:hover, #menu a.on {
         color: #e5a931;
      }
      #banner {
         color: #fff;
         padding: 4px 36px;
         text-align: center;
         width: 280px;
         position: absolute;
         top: 10px;
         right: -60px;
      }
      #content {
         background: transparent url(images/sfondo.jpg) top right no-repeat;
         width: 1024px;
         margin: auto;
         position: relative;
      }
      #people {
         position: absolute;
         top: 230px;
         left: 0px;
      }
      #title {
         background: transparent url(images/secret_of_the_web_v.png) top left no-repeat;
         position: absolute;
         behavior: url("iepngfix.htc");
         top: 0px; /* 420px */
         left: 0px;
      }
      #title h1 {
         width: 170px;
         height: 600px;
         margin: 0px;
         padding: 0px;
      }
      #title h1 span{
         display: none;
      }
      #main {
         margin-left: 180px;
         padding-top: 90px;
         /* width: 800px; */
      }
      #main h3 {
         color: #fff;
         font-size: 20pt;
/*       font: 20pt Times New Roman, Times, serif;
         text-transform: uppercase; */
      }
      #main td {
         vertical-align: top;
      }
      #right {
         float: right;
         width: 210px;
         padding-top: 100px;
      }
	    #right ul {
	        margin: 0px; padding: 0px;
	    }
	    #right li {
	        list-style: none;
	        margin: 0px; padding: 0px;
	    }
	    #right li h3 {
          background: #001;
	        margin-top: 12px;
	        padding: 2px;
	        font: bold 12pt Trebuchet Ms, Arial, Helvetica, sans serif;
	        color: #e5a931;
	    }
	    #right li li {
	        background: url(images/bullet.gif) center left no-repeat;
	        padding-left: 16px;
	        font-size: 7pt;
	    }
	    #right li li a {
	        padding-left: 2px;
	        margin-bottom: 2px;
	        text-decoration: none;
	        color: #fff;
	    }
      #corpo div.item { 
         background-color: #ffffff;
         color: #003;
         width: 560px;
         margin-right: 230px;
         margin-bottom: 24px;
         border: 3px double #123;
         padding: 16px;
         position: relative;
      }
      #corpo .item h3 { 
         color: #036; 
         margin: 4px;
         margin-left: 20px;
	       font: bold 16pt Trebuchet Ms, Arial, Helvetica, sans serif;
      }
      #corpo .item a { 
         color: #036;
      }
      #corpo a img { 
         border: 0px double #123;
      }
	    #corpo .topdate {
          width: 60px;
          padding: 4px;
          position: absolute; left: -40px; right: 12px;
          text-align: center;
          font: bold 14pt Trebuchet Ms, Arial, Helvetica, sans serif;
          background: #036 url('images/calendar.gif') center center no-repeat;
          color: #fff;
          /* float: left; margin-left: -40px;
          margin-right: 12px; */
      }      
	    #corpo .bread {
         font-size: 7pt;
         margin-left: 20px;
      }      
      #footer  {
         text-align: center;
         margin-left: 180px;
         margin-right: 200px;
         padding: 12px;
         color: #999;
      }
      #footer a {
         color: #ccc;
      }
      #bottom{
         margin-left: 180px;
         margin-right: 200px;
         margin-bottom: 12px;
         text-align: center;
         color: #777;
      }
      #bottom a {
         color: #999;
      }
      #postit {
                position: absolute;
                right: -130px;
                top: -1000px;
                width: 360px;
                padding: 10px;
                background-color: #001;
                border: 3px double #123;
                font: 11pt Verdana, Arial, Helvetica, sans serif;
                text-align: center;
                margin: 4px 0px 4px 0px;
      }
      #postit td {
                font-size: 8pt;
      }
      #postit a {
                color: #f60;
      }
      #postit form{
                margin: 2px 0px 0px 0px;
      }
      #close {
                text-align: right;
                font-size: 7pt;
      }
      #extra{
         display: none;
         text-align: center;
      }
      form {
         margin: 0px;
      }
      input {
         font: 8pt Verdana, Arial, Helvetica, sans serif;
         color: #fff;
         margin: 4px 0px;
         background: #123;
         border: #ccf 1px solid;
      }
      input.button, .item_comment input.button  {
         font-weight: bold;
         color: #fff;
         background: #123;
         border: #ccf 1px solid;
      }      
      .item_comment input {
         font: 8pt Verdana, Arial, Helvetica, sans serif;
         color: #001;
         margin: 4px 0px;
         background: #fff;
         border: #ccf 1px solid;
      }
      textarea {
         color: #001;
         font: 8pt Verdana, Arial, Helvetica, sans serif;
         border: #ccf 1px solid;
      }