anchor.diff:      }
     </style>
   </head>
  -
   <body>
     <div class="pure-g" id="layout">
       <div class="sidebar pure-u">
  -      <h3>Side Bar</h3>
  +      <div class="header">
  +        <h1 class="brand-title">Map Note</h1>
  +        <h2 class="brand-tagline">Evernote with Google Map</h2>
  +      </div>
       </div>
       <div class="pure-u-1">
         <div class="content">
  
positive.code:   <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome-ie7.css">
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA1l3GrctMRBhHg7V1htQvP_3_b5jggUuY&sensor=false"></script>
    <script type="text/javascript">
      var map;
      function initialize() {
        var mapOptions = {
  
negative.code:     }
  
      #layout {
        padding-left: 360px;
        position: relative;
        height: 100%;
      }
  