<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Stoi.ca - Profile</title>
<link href="stoica-display.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]-->
</head>

<body>
<div id="wrap">
	<div id="header">
			<ul id="nav">
				<li><a href="#">Settings</a></li>
				<li><a href="#">Help</a></li>
				<li><a href="#">Logout</a></li>
			</ul>
			<a href="#"><img src="images/logo-stoica.png" alt="stoi.ca" id="logo" /></a>
	</div>
		<form id="status_form">
			<p>
			<label for="status_update" id="status_label">What's up evan?</label>
			<textarea id="status_textarea"></textarea>
			<input type="submit" value="Send" id="status_submit" />
			</p>
		</form>
        
        <!-- Start Content -->
		<div id="content">
			<ul id="nav_views">
				<li><a href="#">Public</a></li>
				<li><a href="#">Personal</a></li>
				<li class="current"><a href="#">Profile</a></li>
			</ul>
			
				
			<!-- Start Profile -->
			<div id="profile">
			
				<div id="profile_avatar">
					<img src="http://stoi.ca/avatar/1-96-20080528104616.png" alt="evan"  class="avatar"/>
					<p class="action_subscription"><a href="#">Unsubscribe</a></p>
				</div>	
				
				<div id="profile_information">
					<h1>Evan Prodromou</h1>
					<p class="location">Montreal, Canada</p>
					<p class="description">hacktrepreneur, originally from San Francisco, Wikitravel, Keiki, Vinismo, certifica</p>
					<p class="website"><a href="#">http://www.vinismo.com</a></p>
					
					
					
					<div id="statistics">
						<h2>Statistics</h2>
						<dl>
							<dt>Subscriptions</dt>
								<dd>6</dd>
							<dt>Subscribers</dt>
								<dd>11</dd>
							<dt>Notices</dt>
								<dd>49</dd>	
						</dl>
					</div>
				</div>	
			
				
				<h2>Currently</h2>
				<p class="notice_current">At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.</p>
				
				<div id="subscriptions">
					<h2>Subscriptions</h2>
						<ul id="subscriptions_avatars">
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
							<li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
						</ul>
						<p id="subscriptions_viewall"><a href="#">View All</a></p>
					</div>
			</div>
			<!-- End Profile -->
			
			<!-- Start Notices -->
			<ul id="notices">
				<li class="notice_single">
					<a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
					<p class="nickname"><a href="#">evan</a><p>
					<p>At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.</p>
					<p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
				</li>
				<li class="notice_single">
					<a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
					<p class="nickname"><a href="#">evan</a><p>
					<p>Starting a new week with new challenges. Committed to getting Stoica launched by next Monday.</p>
					<a href="#">http://www.stoi.ca</a>
				  <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
				</li>
				<li class="notice_single">
					<a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
					<p class="nickname"><a href="#">evan</a><p>
					<p>Got up late, feeling sick today. Gonna go spread my germs at Station C. Got up late, feeling sick today. Gonna go spread my germs at Station C.</p>
					<p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
				</li>
				<li class="notice_single">
					<a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
					<p class="nickname"><a href="#">evan</a><p>
					<p>Starting a new week with new challenges. Committed to getting Stoica launched by next Monday.</p>
					<a href="#">http://www.stoi.ca</a>
				  <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
				</li>
				<li class="notice_single">
					<a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
					<p class="nickname"><a href="#">evan</a><p>
					<p>Got up late, feeling sick today. Gonna go spread my germs at Station C. Got up late, feeling sick today. Gonna go spread my germs at Station C.</p>
					<p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
				</li>			
			</ul>
        
			<div id="pagination">
				<ul id="nav_pagination">
					<li class="before"><a href="#">&laquo; Before</a></li>
					<li class="after"><a href="#">After &raquo;</a></li>
				</ul>
			</div>	
            <!-- End Notices -->
    	</div>
		<!-- End content -->
        
			<ul id="nav_sub">
				<li><a href="#">About</a></li>
				<li><a href="#">Privacy</a></li>
				<li><a href="#">Source</a></li>
			</ul>
		<div id="footer">
			<img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Creative Commons Logo"  id="cc" />
			<p>Unless otherwise specified, contents of this site are copyright by the contributors and available under the Creative Commons <a href="#">Attribution 3.0. Contributors</a> should be attributed by full name or nickname.</p>
		</div>
	
</div>	
<!-- End Wrap -->	
</body>
</html>