itinerae : window

the code

<!DOCTYPE html>
<html>
<head>
<title>itinerae : window</title>

body {
background:#eee url(https://64.media.tumblr.com/15c18eb6be02e6b62601f109f677b598/47d032ea233c8d6b-19/s100x200/fd65edf5a03d67e051bbad76621fc4c24ae8dfd8.gifv) fixed;
text-align:left;
letter-spacing:1px;
font:10px calibri, tahoma;
color:#727068;}

a:link, a:visited, a:active {
color:#111;text-decoration:none;}
a:hover {
color:#999;}

::-webkit-scrollbar-thumb {
background-color: #fff;  
border-radius: 0px;
border:1px solid #999;
}
::-webkit-scrollbar {
width: 7px; height: 4px; 
background: #fff;
}

#wrapper {
    margin: 0 auto;
    width: 610px;
}

#header {
    float: left;
    height: 130px;
    width: 610px;
    background: #FFF;
}

#content {
    float: left;
    background: transparent;
    width: 400px;
  margin-top:10px;
}

#leftcolumn {
    background: transparent;
    width: 200px;
    float: left;
  padding-right:10px;
  margin-top:10px;
}

#footer {
    height: 40px;
    width: 610px;
    background: transparent;
    clear: both;
  text-align:left;
}
    
    .lefttitle {font:11px courier new;color:#444;text-transform:uppercase;background:#EFFAB4;padding:4px;padding-bottom:0px;border-top-right-radius:5px;border-top-left-radius:5px;letter-spacing:2px;}
    .contenttitle {font:11px courier new;color:#444;text-transform:uppercase;background:#EFFAB4;padding:4px;padding-bottom:0px;border-top-right-radius:5px;border-top-left-radius:5px;letter-spacing:2px;}
    
    .box {background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:4px;border:2px solid #D1F2A5;border-top:0px;margin-bottom:12px;}
     
    .bannertitle {font:11px courier new;color:#222;text-transform:uppercase;background:#EFFAB4;padding:4px;padding-bottom:1px;border-top-right-radius:5px;border-top-left-radius:5px;letter-spacing:2px;border-bottom:2px solid #D1F2A5;}
    
    .bigtitle {font:26px courier new;color:#bbb;text-transform:uppercase;}
    
  </style>
  
  </head>
  
  
  
  
  
<body>
  <br><br><br><br>
  
  
    <div id="wrapper">
      
      
      
      
      
        <div id="header">
           <div class="bannertitle">
             <a href="">Home</a> <a href="">link</a> <a href="">link</a> <a href="">link</a> <a href="">link</a>  <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
          
          <br><br><br>
          
          
   <center> 
     <div class="bigtitle"> TITLE or image</div> </center>

</div>
      
      
      
      
      
      
        <div id="leftcolumn">
            <div class="lefttitle">
   Title 1 <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. 
   </div>
          
           <div class="lefttitle">
   Title 2 <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. 
   </div>
          
           <div class="lefttitle">
   Title 3 <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. 
   </div>
          
           <div class="lefttitle">
   Title 4 <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. 
   </div>
          
           <div class="lefttitle">
   Title 5 <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. 
   </div>
          
          
          
        </div>
      
      
      
      
      
      
      
      
      
        <div id="content">
           <div class="contenttitle">
   title <img src="https://64.media.tumblr.com/80cf177e094cd9fc9a27eec8da61e920/e06f2c466dd19ade-e9/s75x75_c1/ab3391fa58ceabfb624ecc9b0b84091592b14c6c.pnj" align="right" height="10"></div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <br><br>Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor.<br><br>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <br><br>Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor.<br><br>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <br><br>Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor.<br><br>
   </div>
       </div>
      
      
      
      
      
        <div id="footer">
          Layout made by <a href="http://itinerae.neocities.org">Itinerae.</a>
        </div>
      
      
      
      
    </div>
  
</body>
</html>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.

Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.

Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.

Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor.