* {
      margin: 0;
      padding: 0;
      font-weight: normal;
      font-size: 1em;
      border: none;
      outline: none;
    }
    
    strong {
      font-weight: bold;
    }
    
    
    body {
      background: url(../img/taustamp.png) top left no-repeat #fff;
      color: #000;
      font-size: 12px;
      font-family: sans-serif;
      line-height: 18px;
      padding: 18px 12px;
   }
    
    a, a:link {
      color: #6F3E3E;
      border-bottom: 1px solid;
      text-decoration: none;
    }
    
    a:visited {
      color: #6D3E8F;
      border-bottom: 1px dotted #aaa;
    }
    
    a:hover {
      color: #d60;
      border-color: #fd0;
    }
    
    a:active {
      color: #f00;
    }
    
    a:focus {
      background: #ffd;
    }
    
    h1 {
		background:url(../img/Wheretolookfortau.png) no-repeat;
      font-size: 36px;
      line-height: 72px;
      margin: 0 18px;
      color: #f09;
	  text-indent:-3000px;
    }
    
    h2 {
      color: #FC4C06;
      font-size: 1.8em;
	  text-transform: uppercase;
      line-height: 36px;
      margin: 0 18px;
    }
    
    h3 a {
      font-weight: bold;
	  font-size:1.3em;
    }
    
    ul li {
      list-style-type: none;
      margin: 0 18px 36px 18px;
    }
    
    .date {
      font-size: 11px;
      text-align: right;
    }
    
    #container {
      width: 960px;
      margin: 0 auto;
    }
    
    #twitter, #blog, #flickr, #lastfm {
      float: left;
    }
    
    #blog, #twitter {
      width: 250px;
      float: left;
    }
    
    #flickr, #lastfm {
      width: 210px;
      float: left;
    }
    
    #flickr .item {
      display: block;
      float: left;
      text-align: center;
      margin: 0 0 9px 18px;
      font-size: smaller;
    }
    
    #flickr .item a {
      display: block;
      width: 75px;
      height: 75px;
      border: 5px solid #ddd;
	  overflow: hidden;
    }
    
    #flickr .item a:hover {
      border-color: #d60;
    }