<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>

		<title>a line every second, forever</title>
		<link href="http://favicon.cargocollective.com/29578-1395494301.ico" rel="shortcut icon"</link>
		
		<style>
		
			@import url(https://fonts.googleapis.com/css?family=Arimo);


			body {
				background: #fff;
				padding-bottom: 70px;
				margin: 0px;
				font-family: sans-serif;
				font-weight: 300;	
			}
			
			.main_container {
				background-color: #f0f0f0;
				padding-top: 65px;
			}
			
			hr {
	     		height:2px;
	     		border-width:0;
	     		color: #000;
	     		background-color: #000;
	     		margin-top: 25px;
	     		margin-bottom: 0px;
	     		
    		} 
    		
    		.site_header {
    			display: block;
    			height: 90px;
    			margin-bottom: 0px;
    			position: fixed;
    			z-index: 100;
    			width: 100%;
    			background: #fff;
    			border-bottom: 1px solid #000;
    		}
    		
    		.menu, .menu a, .menu a:hover {
    			display: inline-block;
    			color: #000;
    			font-family: sans-serif;
    			text-decoration: none;
    			text-transform: uppercase;
    			text-align: left;
    			z-index: 99;
    			position: fixed;
    			margin-right: 10px;
    			font-size: 36px;
    			font-weight: 300;
    			padding-top: 8px;
    			padding-left: 10px;
    			background-color: #fff;
			}
			
			.index, .index a, .index a:hover {
			display: inline-block;
    			color: #000;
    			font-family: sans-serif;
    			text-decoration: none;
    			text-transform: uppercase;
    			text-align: left;
    			z-index: 99;
    			position: fixed;
    			margin-right: 10px;
    			margin-left: 61px;
    			font-size: 36px;
    			font-weight: 300;
    			padding-top: 8px;
			}
			
			.index a:hover, .menu a:hover {
				color: #0000FF;
			
			}
			.studio {
    			display: inline-block;
    			color: #000;
    			font-family: sans-serif;
    			text-decoration: none;
    			text-align: left;
    			z-index: 99;
    			position: fixed;
    			font-size: 36px;
    			font-weight: 300;
    			padding-top: 15px;
    			padding-left: 250px;
			}
    		
		</style>
		 
		
		<script>

				// loop 
					setInterval(function(){
					
				// create
					var body = document.getElementsByTagName('body')[0],
						hr  = document.createElement('hr');

				// append 
					body.appendChild(hr);

					}, 1000);

		</script>

	</head>
	<body>
	

	<div class="site_header">	
		<div class="menu">
		<a href="http://www.suzannebakkum.com/info">INFO</a>
		</div>
		<div class="index">
		<a href="http://www.suzannebakkum.com">INDEX</a>
		</div>
		<div class="studio">Suzanne Bakkum — Graphic design</div>
	</div>
		
	<div class="main_container">
		<div class="hr">
		</div>
	</div>
		
	</body>
</html>